@ebrains/components 0.9.3-beta → 1.0.0

package/README.md

@@ -1,8 +1,10 @@
-# components
+# @ebrains/components
+
+`@ebrains/components` is the EBRAINS Design System’s library of framework-agnostic Web Components, built with [Stencil](https://stenciljs.com/). It provides a consistent set of elements that can be used across all EBRAINS applications (and beyond).
 
 ## Usage
 
-More information about importing and using the package can be found currently in the [https://design.ebrains.eu/ui-components/](EBRAINS Design System).
+More information about importing and using the package can be found currently in the EBRAINS Design System - https://design.ebrains.eu/ui-components
 
 ## Licensing
 

package/dist/cjs/{analytics-d8fb3fdd.js → analytics-28713bf7.js}

@@ -22,7 +22,7 @@ function sendAnalytics(eventData) {
         // eslint-disable-next-line
         console.warn('Matomo is not available or not initialized.');
         // eslint-disable-next-line
-        console.log(Object.assign({}, eventData));
+        //console.log({ ...eventData });
         return;
     }
     // Conditionally build the name field
@@ -36,7 +36,7 @@ function sendAnalytics(eventData) {
     //console.log('trackEvent', eventData.category, eventData.action, name)
     pushToMatomo('trackEvent', eventData.category, eventData.action, name);
     // eslint-disable-next-line
-    console.log(Object.assign({}, eventData));
+    //console.log({ ...eventData });
 }
 // Function to opt-in the user
 function matomoOptIn() {

package/dist/cjs/color-primary-palette_6.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2f63169d.js');
+const index = require('./index-88c8039f.js');
 
 const ColorPrimaryPalette = class {
     constructor(hostRef) {
@@ -36,7 +36,7 @@ const ColorPrimaryPalette = class {
         ];
     }
     render() {
-        return (index.h("ul", { key: 'af0b4133a365f9c2db08ea05eab950de32536950', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.rgb), index.h("span", { class: "f-body-02 w-full" }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.pantoneC), index.h("span", { class: "f-body-02" }, color.pantoneU))))))));
+        return (index.h("ul", { key: '8279e944bfb0ddf1e3cb682daa1b8bcfe8cac3fd', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.rgb), index.h("span", { class: "f-body-02 w-full" }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.pantoneC), index.h("span", { class: "f-body-02" }, color.pantoneU))))))));
     }
 };
 
@@ -97,7 +97,7 @@ const ColorSecondaryPalette = class {
         this.show = undefined;
     }
     render() {
-        return (index.h("ul", { key: '059dacf5e142b2e4bd61a7977f1bdd79554ddca9', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.rgb), index.h("span", { class: "f-body-02 w-full" }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.pantoneC), index.h("span", { class: "f-body-02" }, color.pantoneU))))))));
+        return (index.h("ul", { key: 'ab7abc8b8b9115446169d85c6b97f4ea2e387068', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.rgb), index.h("span", { class: "f-body-02 w-full" }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.pantoneC), index.h("span", { class: "f-body-02" }, color.pantoneU))))))));
     }
 };
 
@@ -158,7 +158,7 @@ const ColorSupportPalette = class {
         return 'text-default';
     }
     render() {
-        return (index.h("ul", { key: '2cadb1ac7f985ba4960eb2a8b8d64c543c07dafa', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
+        return (index.h("ul", { key: '42a4eb08f07919ad464ba017dbba65667c91e005', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
             // compute once
             const textClass = this.getTextColor(color.background);
             return (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, index.h("div", { class: "grid" }, index.h("span", { class: `f-body-02 ${textClass}` }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' }, class: textClass })), index.h("div", { class: "grid" }, index.h("span", { class: `f-body-02 ${textClass}` }, color.pantoneC), index.h("span", { class: `f-body-02 ${textClass}` }, color.pantoneU)))));
@@ -198,7 +198,7 @@ const GradientPrimaryPalette = class {
         ];
     }
     render() {
-        return (index.h("ul", { key: 'b77f4fad55c2aa54422fd3b18ef09d4004490014', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
+        return (index.h("ul", { key: '2bc09e1f15ce98c6ba133cffc09df3bf10ca343f', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
                 background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
             } }, this.colors.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16" }, index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.rgb), index.h("span", { class: "f-body-02 w-full" }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.pantoneC), index.h("span", { class: "f-body-02" }, color.pantoneU))))))));
     }
@@ -260,19 +260,19 @@ const GradientSecondaryPalette = class {
         ];
     }
     render() {
-        return (index.h("div", { key: '10c513243cdbc57d018445e4413d4a1940616be1' }, index.h("ul", { key: 'c28494f2db389b90b82b18663d3ff2cae3528fc7', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '9b93b139f06b5cf2bf40ea9576a16f1f95b47cef', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '32aea8893b8c109ac13bb4fa87f81fdfbb31211c', class: "effect-height flex items-center justify-between p-16", style: {
+        return (index.h("div", { key: '32943156b28f767dc9b2e524202a4f4906432472' }, index.h("ul", { key: 'bf0d9a310edc584b67e064b149c771417e4da9cc', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '3ed95b92fe0eea4e75be722c1d0abdedfaa9e00e', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'b5d4f381155b3e89bf441a87b9aff7718d4bd978', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[0].background
-            } }, index.h("div", { key: '0881e06d858eb7ec8681d201abf2d6b19f89052f', class: "grid" }, index.h("span", { key: '9d94677102fc1ee3720b2d845038968b38143afc', class: "f-body-02" }, this.colors[0].rgb), index.h("span", { key: 'a11ac3d683540f396dd6a22250773d9bbc6b7c86', class: "f-body-02 w-full" }, this.colors[0].cmyk), index.h("eds-code-block", { key: 'aaf6227e91efb700dee4dd14a99f0f803902a348', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'aefdddab57b6f487a9b9b28bf9931b43924d7fb9', class: "grid" }, index.h("span", { key: '5ff736d1d6d0a6919899a58970042157970fa9df', class: "f-body-02" }, this.colors[0].pantoneC), index.h("span", { key: '668f276d932498e064c51637157d34c416a82c35', class: "f-body-02" }, this.colors[0].pantoneU))), index.h("div", { key: '8797049389313e6627574e97e609572979b16ec0', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, index.h("div", { key: 'c12a9c31da8078a9e6889e0084f1256dad389b59', class: "grid" }, index.h("span", { key: '2fa2d5e9bb0820f08d3c265d7797eeca4c47c73c', class: "f-body-02" }, this.colors[0].rgb), index.h("span", { key: 'b609663a6bfebc37deee295b5c8316bb08e6c785', class: "f-body-02 w-full" }, this.colors[0].cmyk), index.h("eds-code-block", { key: 'b3cc79d81900f4a9a12ff7c6ebaac286c4dc1cd6', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'f91c41b6301c6234387c4386c493a9df56869c84', class: "grid" }, index.h("span", { key: '1165b82de0328f60a495a563e14277d3722b7d87', class: "f-body-02" }, this.colors[0].pantoneC), index.h("span", { key: 'f364fa3b7d4a9c52e1b67a65a4992ea1055084c1', class: "f-body-02" }, this.colors[0].pantoneU))), index.h("div", { key: 'e798299fb6ffedd626aaf477593b928c73b177bc', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[1].background
-            } }, index.h("div", { key: '44ee397cf746e87daa52979200c270703d1bc55e', class: "grid" }, index.h("span", { key: '65bc43371dee383f17da6cf366520ca6499db61d', class: "f-body-02" }, this.colors[1].rgb), index.h("span", { key: '3afcdc449bb40583bec4a64229beb176644c6d86', class: "f-body-02 w-full" }, this.colors[1].cmyk), index.h("eds-code-block", { key: '9356d97b5db02857d89215ea40bd2d17917fb032', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'e4515e8ff06d5da2530754720753562fd12282a2', class: "grid" }, index.h("span", { key: '208101b85d06b7a9fa5c1a0d0eb470c48c55c8d6', class: "f-body-02" }, this.colors[1].pantoneC), index.h("span", { key: '73b9ffdae670b0977b71eb5a5540c6ca5cdf850a', class: "f-body-02" }, this.colors[1].pantoneU))))), index.h("eds-block-break", { key: 'a6b352c935c7c548647ec33f548f5963d3fb2771' }), index.h("ul", { key: 'b17a428d35de0e5fd34f93b5e5d7eea10bd97c05', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: 'bf11a3863db3b16410bb33b63e589f08d3ac9f10', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'ab6c9f7addcbcedc3686f95e4955b9e7ab14b6fc', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, index.h("div", { key: 'eee5b2de72d33f80c85fb0ad39e486cbd69d664b', class: "grid" }, index.h("span", { key: '5190b0bb900bf234f32ccad7d37749ae0e57c31c', class: "f-body-02" }, this.colors[1].rgb), index.h("span", { key: '49e3d6d1073dfa8d08054e9db612bfce1a811347', class: "f-body-02 w-full" }, this.colors[1].cmyk), index.h("eds-code-block", { key: 'fd0c166cac7839de62cd782ec8071ba70378c15f', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'e9e95829a6eec21baab0238677a33cc649351185', class: "grid" }, index.h("span", { key: 'e8a6c41cc8193ca78794c7147f20d39604a1ae04', class: "f-body-02" }, this.colors[1].pantoneC), index.h("span", { key: '039cbc6eedc43de988b5dd823525bde00f7a21e5', class: "f-body-02" }, this.colors[1].pantoneU))))), index.h("eds-block-break", { key: '7f95cfde8f4724b236446c3732c04929e17a9aa0' }), index.h("ul", { key: '72f723c89d17ea54a962122867abbd690b4d9ad9', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: 'b2153dc607ed77d0a3b1398c3fc8b626163575e1', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'e9ff842671af9bf749857fb4b430dbd997eadbab', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, index.h("div", { key: '4a1b5ad1af1f12ecf5d0e3d29af852f8c9a68c8a', class: "grid" }, index.h("span", { key: '3ce666f09c7de2488d94698a19ae1c51ddecbf7b', class: "f-body-02" }, this.colors[2].rgb), index.h("span", { key: '10301ea300f2b1a6d827bf56fd8b8e0e0cc858f6', class: "f-body-02 w-full" }, this.colors[2].cmyk), index.h("eds-code-block", { key: '2db903a2fe58581b0e6d7b9adc984f4320dc8a09', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'afe001eb4a52f6a05b38ffcc71d538ec22a98022', class: "grid" }, index.h("span", { key: '62fc31bde6e3b34327e41cd39fc80cab32faa94d', class: "f-body-02" }, this.colors[2].pantoneC), index.h("span", { key: '2ca52fff58fcef2660e80f2a847c45d08438f14e', class: "f-body-02" }, this.colors[2].pantoneU))), index.h("div", { key: '85e4a7be29033cdaf374b27ceed588c825ace64f', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, index.h("div", { key: 'fd8255c5ee1ffe2f1b44cc670e504540b2e19b17', class: "grid" }, index.h("span", { key: '17b71b6d17fe483a0eab1e80959da2076ad4647e', class: "f-body-02" }, this.colors[2].rgb), index.h("span", { key: 'b3d39bde727347801976d1471875e3226f71d334', class: "f-body-02 w-full" }, this.colors[2].cmyk), index.h("eds-code-block", { key: 'd37cfec78f74f7eec02047fb8e30962c55379f71', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'aa0ec054bb018ab8e564910ada76d849ee2d1608', class: "grid" }, index.h("span", { key: 'f633c21fb5227330e843b1c1f6d1fff40766c0d0', class: "f-body-02" }, this.colors[2].pantoneC), index.h("span", { key: 'c41495a89c987cf7cfbbd0b4d1ff12ac0c650610', class: "f-body-02" }, this.colors[2].pantoneU))), index.h("div", { key: '18a802a0cb7cbd228840fb58fadf6a121d98ebf9', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, index.h("div", { key: '16193b9db41b2296de12684ac3f9274436aac1fa', class: "grid" }, index.h("span", { key: '809a4b38fe70a64bdd823093aeb0278b181fd9b8', class: "f-body-02" }, this.colors[3].rgb), index.h("span", { key: '96bd1f267b3fc2dc280a683d92bbc872ec446f6b', class: "f-body-02 w-full" }, this.colors[3].cmyk), index.h("eds-code-block", { key: '217931cdbd3da0f016253e61ef19e74e4df4f669', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '03b91a07130bc1d4c811759085174f794f66d143', class: "grid" }, index.h("span", { key: 'bdc570cfb341c90b7e89100af5034496c1b369ee', class: "f-body-02" }, this.colors[3].pantoneC), index.h("span", { key: 'cc10a8ba6a2cf4470bbbf16c03f513273411db4b', class: "f-body-02" }, this.colors[3].pantoneU))))), index.h("eds-block-break", { key: '45e15e96024ba30a44ae8fff1b1484ca036e2d89' }), index.h("ul", { key: 'a487cf89f96a29775770ba4a5a80019387d179bc', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '15018fc0724f6b1e62b5b37922dc924ec2fb41d8', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'b2b27ed4e039ab44c9514ddfc3dbe928ce0aa46b', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, index.h("div", { key: 'edf5fe68043e4712e7174c405e73e1aa84570936', class: "grid" }, index.h("span", { key: '455d010554f4836b26ff4b0568d088a4505619f3', class: "f-body-02" }, this.colors[3].rgb), index.h("span", { key: '6a50beb860b13371178b9582279c76cca29f25cf', class: "f-body-02 w-full" }, this.colors[3].cmyk), index.h("eds-code-block", { key: '98333266061cd31aa09d7d1394829c5d822c901f', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '9f1952601d13a96f1caade683d5474a26cf94298', class: "grid" }, index.h("span", { key: 'e43da3fba22655cef1690725654919a79d43a2f4', class: "f-body-02" }, this.colors[3].pantoneC), index.h("span", { key: 'c3e280221454dc05f4112f03e3d226a6e70b70d3', class: "f-body-02" }, this.colors[3].pantoneU))))), index.h("eds-block-break", { key: '63355f298a7680e4307b6e467da0fd54faf9da14' }), index.h("ul", { key: 'ff5a5554b716e21b0e219228317bbe334fc96488', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: 'b4ecf3a608a9321ca0cfd1edad2778b3b8ddf918', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '587730e489242f8579b2db3aceea8fadf4ba0f75', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[4].background
-            } }, index.h("div", { key: '8714548cc695018bb413d3e72ea8e580cc9bc98f', class: "grid" }, index.h("span", { key: '28e8f390390f82e5cbad32394e46a4606feeec6b', class: "f-body-02" }, this.colors[4].rgb), index.h("span", { key: '5b6f7f1ee8484f99e9421af84835ed4bf6765db4', class: "f-body-02 w-full" }, this.colors[4].cmyk), index.h("eds-code-block", { key: '84c6ddd8728a2a39c8863af7a6ad181f321efd7f', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '7ddccbf76753340f715d4fbfcd31bab083bf3725', class: "grid" }, index.h("span", { key: 'f2a84a9e46d18015b45f052dc8786ac7c1fc3bb3', class: "f-body-02" }, this.colors[4].pantoneC), index.h("span", { key: '741fd132025aa0c0a1da6d8a88273a1cd19aeae7', class: "f-body-02" }, this.colors[4].pantoneU))), index.h("div", { key: 'e0d48d68d5487c82149c90cc0e726370f0d25960', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, index.h("div", { key: '883c226b73544a239f6d0ece7cbab020e1cc5874', class: "grid" }, index.h("span", { key: 'dc5031f2236d81513cc543997f9b445b0fdea4be', class: "f-body-02" }, this.colors[4].rgb), index.h("span", { key: 'a90f91b008cb67e8ee4a0454ed9e75f683a1a960', class: "f-body-02 w-full" }, this.colors[4].cmyk), index.h("eds-code-block", { key: '4c12f3a2500535970bdb70bb87b8d73348ef25bb', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '1ebadf2907a7f499d61e9edc7c71bb9e7378594a', class: "grid" }, index.h("span", { key: 'acfce5255506344a9b65b195933cf924e1030467', class: "f-body-02" }, this.colors[4].pantoneC), index.h("span", { key: 'a7c4c25345c91a9753c4615c5205cf3dc49c36af', class: "f-body-02" }, this.colors[4].pantoneU))), index.h("div", { key: '01ce94d66521e612357c61de65ca1acd01e84cb9', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[5].background
-            } }, index.h("div", { key: '16b56121efc5527b8eb3dad7e119840102d1d390', class: "grid" }, index.h("span", { key: '5f326a2653de6dcc8c85ad88c5554214519fa1fd', class: "f-body-02" }, this.colors[5].rgb), index.h("span", { key: '1cb2c712393855e7b01bf1e083444e2c170d7b0b', class: "f-body-02 w-full" }, this.colors[5].cmyk), index.h("eds-code-block", { key: '6cc534503946d6aee5b562b2b1b713988df963ac', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'd79c852afae4fbe6b360cc319b8d3bf22ce7b194', class: "grid" }, index.h("span", { key: 'cab85faa9f7cd31c14a15a014f8a95c39b6e631d', class: "f-body-02" }, this.colors[5].pantoneC), index.h("span", { key: 'ea3a9fafeee11b75663bd753c75b7cbcfdb9c5c1', class: "f-body-02" }, this.colors[5].pantoneU)))))));
+            } }, index.h("div", { key: '628435f8fab14df7613aa4427af0b8c15fc222c2', class: "grid" }, index.h("span", { key: '4b4bbd19051b9d8d1eb524f2c84104eab7dae20a', class: "f-body-02" }, this.colors[5].rgb), index.h("span", { key: 'bb01da8698315272a78bad8d7258cb79be98446b', class: "f-body-02 w-full" }, this.colors[5].cmyk), index.h("eds-code-block", { key: 'f28b072bdb7dc66f3f3be1e922e527a7e3f4bf34', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '027adf31b26154f659c2cd8c9ee935b5886e8419', class: "grid" }, index.h("span", { key: 'f74af79724fd67f67ad0433f9390ca022c6788d8', class: "f-body-02" }, this.colors[5].pantoneC), index.h("span", { key: '87262b14ffcda0153b37a5090b25e58b7c71c5dd', class: "f-body-02" }, this.colors[5].pantoneU)))))));
     }
 };
 
@@ -324,11 +324,11 @@ const GradientSupportPalette = class {
         ];
     }
     render() {
-        return (index.h("ul", { key: '2735f6a59037973febc2ee871464146b3a12e69b', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: 'a861d0c4ea7545d55b8c324f916e1831e271bb47', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '93a8c04259ed46a2c520c1355efaaa2ecf0c4714', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, index.h("div", { key: '554964ca9e800dd356fcddfcc82004e7a6131d21', class: "grid" }, index.h("span", { key: 'e91f746f3ce067afe57835da2996804dba471ce3', class: "f-body-02" }, this.colors[0].rgb), index.h("span", { key: '41d7dd9aa7ec450f35ae6587b51a5d7c639cb1fa', class: "f-body-02 w-full" }, this.colors[0].cmyk), index.h("eds-code-block", { key: '4e0d93b261af040d0aa82c8043542a751915786f', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'f1c2c77f37d5e80b6574e68c9454cac46cd99c9f', class: "grid" }, index.h("span", { key: '8e216418f476d026cb59dbbdab802bb4bdf7a4e4', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), index.h("span", { key: '5b978c9f6206ba4a57645dd5b107ace27be515a9', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), index.h("li", { key: '232cd30eb6c637d31f80cf8281fb434e9837e9b8', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '61a073ea3b4bc8134ad539b941a6bc1b3a914a11', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, index.h("div", { key: '22a69e75c01842e67d87126f3d34e9a19ead4ab1', class: "grid" }, index.h("span", { key: 'b537d9e9cb0429677656c068a0a81499d42cac30', class: "f-body-02" }, this.colors[1].rgb), index.h("span", { key: 'ab35b28dec337cb81ad50372e7c071c7d8f3b785', class: "f-body-02 w-full" }, this.colors[1].cmyk), index.h("eds-code-block", { key: 'a0bea555719eacc8f0730300ebab6ae98ea6771a', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '8458087421b893504829ed46b05ba44acb0c5f53', class: "grid" }, index.h("span", { key: '2ec00ee996a3184afe07c27e45e999c4740b93a1', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), index.h("span", { key: '7d48ea6d5b12c6a1ced3812fdc4cb39cd3afaed4', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), index.h("li", { key: 'b2ac623c59d1dc2ab14cc2775c5b95b4d02fc72f', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '6152411685ae903a22bf9b06db18182c35bea246', class: "effect-height flex items-center justify-between p-16", style: {
+        return (index.h("ul", { key: '54a1927a8b5d68b7ef0cda7e1b7d673b33605a3c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '25d63af647cab86f74bb7fb261836f5938beb0c8', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '3a39fde1fd70cf8c456c9032ae0458976fd4e289', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, index.h("div", { key: '0d2bcd0138973145c717725c79b6a2f4ff290b97', class: "grid" }, index.h("span", { key: '31c920216944da65a446f6c7d3037aee600e71d8', class: "f-body-02" }, this.colors[0].rgb), index.h("span", { key: '838ab2e1e8664243e32726ab03539a4f32b32cf4', class: "f-body-02 w-full" }, this.colors[0].cmyk), index.h("eds-code-block", { key: '2f8a24075e0fe1d2a6fda01fb97b4cf49f85277f', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '8482d6666b68cd1ceb866e1cbdd0d88343cf79da', class: "grid" }, index.h("span", { key: 'e3ba3599b4e5743691c35a28358f0050de18d32a', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), index.h("span", { key: 'c3ac3af17201effeb89b017a334c9ac0b0d62ddf', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), index.h("li", { key: '447e0a60ef726347ec1f4f540f6de7747a450845', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'fd922845d2aa3f66fde4d7fcf9f5b2416332fe9c', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, index.h("div", { key: 'bcf9ff063b3c130e8f7e24247f032a9f9fa40bb6', class: "grid" }, index.h("span", { key: '0bcea7730d9f34ac44544cd1bc3bfa3b8ca361cf', class: "f-body-02" }, this.colors[1].rgb), index.h("span", { key: '9c5169394a89f4ba2adbb0ac2576bd885443aac3', class: "f-body-02 w-full" }, this.colors[1].cmyk), index.h("eds-code-block", { key: 'c50e9ba110494a1a0e9df18a081f02cb86c700c4', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '365655cca2301d94a52f859fa9527ae5c0ef1ece', class: "grid" }, index.h("span", { key: '088fca6cf72c8c74244d9a6e19c7ec083c8a6711', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), index.h("span", { key: 'b33043ed7e2ff751be0d3c229324369aeacd8f1e', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), index.h("li", { key: '3b619a6a67d31ea7b358b59a147f36bfe35c4323', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '21b63edaebce5e4fdd10e6ad2ffaf31597d748f6', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, index.h("div", { key: 'fa8fb3b382d53be84413643cb12a58b4a41202ca', class: "grid" }, index.h("span", { key: '026b5ed6229ef0e89636fce8643264ba47255249', class: "f-body-02" }, this.colors[2].rgb), index.h("span", { key: 'bc5784f779096d92229abc19c003df07ee7acf1c', class: "f-body-02 w-full" }, this.colors[2].cmyk), index.h("eds-code-block", { key: '76e8f012cb9d7994906e2d9ce55d7eb47c5cbd0f', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '0410c816d39550853c240894811717c427fa3dee', class: "grid" }, index.h("span", { key: 'b1f2869cc28a05e0c52f7bd8cec85d170d6250a7', class: "f-body-02" }, this.colors[2].pantoneC), index.h("span", { key: 'f53078949c7803385c6616325670143e1af08abe', class: "f-body-02" }, this.colors[2].pantoneU))), index.h("div", { key: '2076894246cdbcdc0557e70ef9ca857f8fb825cf', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, index.h("div", { key: 'f6d5d058b645af61eebb8f6a7b2369e4c95c31fb', class: "grid" }, index.h("span", { key: 'b7b1101ac321600f6218cbc4371d9219b9aef016', class: "f-body-02" }, this.colors[2].rgb), index.h("span", { key: '2debc8469b2d82c0550f1173bb4f0c1cdf33a7e0', class: "f-body-02 w-full" }, this.colors[2].cmyk), index.h("eds-code-block", { key: '90753985397844a6cabeee1b0ac5b32a84f59ed1', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'f46c245f70973cd91992a8f9ec47e57997345c5c', class: "grid" }, index.h("span", { key: '7c7eb23f1312208b313cd2a2bd5c5a5af2e7cdd3', class: "f-body-02" }, this.colors[2].pantoneC), index.h("span", { key: '47c19d9a120cedc5c2bbbd385efa2e91ad4fd8e8', class: "f-body-02" }, this.colors[2].pantoneU))), index.h("div", { key: 'dcbc1b771bea1166bbbb0ed0e6fcd2d1aaa53b7f', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, index.h("div", { key: '5f8b1cf3e3529c9e54185cd6bb8c1aaaa0ebc359', class: "grid" }, index.h("span", { key: '06f7ef3d3e164a632f2bc9c5e99642a827a79e27', class: "f-body-02" }, this.colors[3].rgb), index.h("span", { key: '21a313355fa68a829619d9da29000acef0509fba', class: "f-body-02 w-full" }, this.colors[3].cmyk), index.h("eds-code-block", { key: '859bc066d1756b9ac5f72de7fcd0b4bd3013f8f4', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '5a4ffa55b941478f5f18e764fc54421b4dd33141', class: "grid" }, index.h("span", { key: 'b42265cfe889bcb45270c21016134fa72ba18e5d', class: "f-body-02" }, this.colors[3].pantoneC), index.h("span", { key: '6b478b1526fbd5e5175f67dbb5b9e30e21dc56bb', class: "f-body-02" }, this.colors[3].pantoneU)))), index.h("li", { key: '7a92c596887e9c42c2c79c208ed82810b8f6a714', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'edcc8539e72b7497a0bb49d442774903116bf916', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, index.h("div", { key: 'a65cdaa466210da348bf54e36c4e805ae26e36fa', class: "grid" }, index.h("span", { key: '894bc12a1b61925db0ec12b82f2f938805b71f46', class: "f-body-02" }, this.colors[4].rgb), index.h("span", { key: '0b7f7cf4c514ccc4bd3c3a1f1bce75f23bbcc2cb', class: "f-body-02 w-full" }, this.colors[4].cmyk), index.h("eds-code-block", { key: 'bc3b15dd7eb559b10fc64b08fc6c4d7681209d3c', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '57be009b3ec863485042af43ca0dabcceb5a317b', class: "grid" }, index.h("span", { key: 'f7e10fda97f12f55d4756014f296e710793c38f4', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), index.h("span", { key: 'e16fc4ac9a8639bda71bb814992bf6416949fd06', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, index.h("div", { key: '55dff4711f054b364df8a03381f768e93cd1b62a', class: "grid" }, index.h("span", { key: '3880f0ea82be335c750ed4553583bc87b7ca04cc', class: "f-body-02" }, this.colors[3].rgb), index.h("span", { key: '6952cfb758d707b3376032f1d997253c1edc9962', class: "f-body-02 w-full" }, this.colors[3].cmyk), index.h("eds-code-block", { key: '9e0bc4a1d79c41bfaa315fd3053752c4eda3cd18', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '9561d012cfbe411eac373f768893cc304b2e6138', class: "grid" }, index.h("span", { key: 'e90d3b590653807e22697395397ac89be9f52b90', class: "f-body-02" }, this.colors[3].pantoneC), index.h("span", { key: 'ffd2be0e5f7ff3b72a73697e0ca2f92c7e9cc0a5', class: "f-body-02" }, this.colors[3].pantoneU)))), index.h("li", { key: 'e963dd45ee5a8f52348e1b2a331df6af94f90f5f', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '0586094b065fdfa034096ef7e1eb95c6a26c41fc', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, index.h("div", { key: '6acfe9a84d72f0327c3eff6c44a616918fa627d3', class: "grid" }, index.h("span", { key: 'c3175b931ff1cc3365dbf1cdd548b550aaf662a3', class: "f-body-02" }, this.colors[4].rgb), index.h("span", { key: '42d1daa0c16dcceb7341c015b912e0ea27874282', class: "f-body-02 w-full" }, this.colors[4].cmyk), index.h("eds-code-block", { key: '56b32e9ba42ec77e3ba6263f27b78229996ce983', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '89226a45ae2cf148134d550d0507a3563978e1bd', class: "grid" }, index.h("span", { key: '6f9c4d6da4d4c3fe6ae8039291e6cd9c06635c24', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), index.h("span", { key: '9b44fcec2f83ecaa9fb5a1b298bab55fce503e91', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
     }
 };
 

package/dist/cjs/components-section.cjs.entry.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2f63169d.js');
+const index = require('./index-88c8039f.js');
 
 const DocsOverview = () => (index.h("div", { class: "static-content container" },
     index.h("h2", null, "Load the module"),
     index.h("p", null,
-        "Integrating the EBRAINS UI Components to a project without a JavaScript framework is straight forward. If you\u2019re working on a simple HTML page, you can start using the components immediately by adding the tags below to the",
-        ' ',
+        "Integrating the EBRAINS UI Components to a project ",
+        index.h("b", null, "with or without a JavaScript framework"),
+        " is straight forward. If you\u2019re working on a simple HTML page, you can start using the components immediately by adding the tags below to the ",
         index.h("code", null, "head"),
         "."),
     index.h("eds-code-block", { code: "<script type='module'>\n  import { defineCustomElements } from 'https://unpkg.com/@ebrains/components@latest/loader/index.js'; \n  // Define custom elements\n  defineCustomElements(window);\n</script>", language: "javascript", "copy-label": "Copy Code" }),
@@ -33,18 +34,21 @@ const DocsOverview = () => (index.h("div", { class: "static-content container" }
         ] }),
     index.h("p", null, "Once included, components can be used in your markup like any other regular HTML elements:"),
     index.h("eds-code-block", { code: '<eds-button \n  label="my bytton" \n  intent="primary">\n</eds-button>', language: "html", "copy-label": "Copy Code" }),
-    index.h("h2", null, "Load the styles"),
+    index.h("h2", null, "Load the variables and styles"),
+    index.h("p", null,
+        "To directly use only the produced variables (colors, breakpoints, typography) add the tag below to the",
+        ' ',
+        index.h("code", null, "head"),
+        ". This approach is recommended when you\u2019re working solely with the web components and want minimal integration. That said, the components are configured to require only these CSS variables and nothing more."),
+    index.h("eds-code-block", { code: '<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets@latest/styles/vars.css"/>', language: "css", "copy-label": "Copy Code" }),
     index.h("p", null,
         "To directly use the produced css framework with a few predefined custom utility classes, add the tag below to the",
         ' ',
-        index.h("code", null, "head")),
+        index.h("code", null, "head"),
+        ". Use this when you want quick access to ready-made utilities for building your own components or applications and you do not wish to dive deep to css configurations."),
     index.h("eds-code-block", { code: '<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets@latest/styles/output.css"/>', language: "css", "copy-label": "Copy Code" }),
     index.h("p", null,
-        "To directly use only the produced variables add the tag below to the ",
-        index.h("code", null, "head")),
-    index.h("eds-code-block", { code: '<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets@latest/styles/vars.css"/>', language: "css", "copy-label": "Copy Code" }),
-    index.h("p", null,
-        "Note that, loading the predefined CSS framework above,",
+        "Note that, loading either the variables or the predefined CSS framework above,",
         ' ',
         index.h("b", null, "automatically loads the fonts so you can skip loading them separately"),
         ". If you wish, however, to load the fonts, add the tag below to the ",
@@ -55,14 +59,16 @@ const DocsInstallation = () => (index.h("div", null,
     index.h("p", null, "Before proceeding, ensure that Node.js is installed on your machine\u2014you can download the latest version from the official website. If your project doesn\u2019t already use npm and you plan to integrate EBRAINS Components, you'll need to create a package.json file by running npm init and following the on-screen instructions."),
     index.h("div", { class: "my-8" },
         index.h("eds-code-block", { code: "npm install @ebrains/components", language: "html", "copy-label": "Copy Code" })),
-    index.h("div", { class: "my-8" },
-        index.h("eds-code-block", { code: "npm install @ebrains/assets", language: "html", "copy-label": "Copy Code" })),
     index.h("div", { class: "my-8" },
         index.h("eds-code-block", { code: "npm install @ebrains/react", language: "html", "copy-label": "Copy Code" })),
     index.h("div", { class: "my-8" },
         index.h("eds-code-block", { code: "npm install @ebrains/vue", language: "html", "copy-label": "Copy Code" })),
     index.h("div", { class: "my-8" },
-        index.h("eds-code-block", { code: "npm install @ebrains/angular", language: "html", "copy-label": "Copy Code" }))));
+        index.h("eds-code-block", { code: "npm install @ebrains/angular", language: "html", "copy-label": "Copy Code" })),
+    index.h("div", { class: "my-8" },
+        index.h("eds-code-block", { code: "npm install @ebrains/assets", language: "html", "copy-label": "Copy Code" })),
+    index.h("div", { class: "my-8" },
+        index.h("eds-code-block", { code: "npm install @ebrains/svgs", language: "html", "copy-label": "Copy Code" }))));
 
 const DocsReact = () => (index.h("div", null,
     index.h("h2", null, "React Wrappers"),
@@ -101,12 +107,12 @@ const DocsVue = () => (index.h("div", null,
 
 const DocsAngular = () => (index.h("div", null,
     index.h("h2", null, "Angular Wrappers"),
-    index.h("p", null, "To use the EBRAINS web components in an Angular Application, simple install the package below and check out the examples."),
+    index.h("p", null, "To use the EBRAINS web components in an Angular Application, simple install the package below and check out the examples. The Angular Stencil output type used for this package = `standalone`."),
     index.h("eds-code-block", { code: "npm install @ebrains/angular", language: "javascript", "copy-label": "Copy Code" }),
+    index.h("p", null, "Install the components dependency as this important for the angular package to work properly."),
+    index.h("eds-code-block", { code: "npm install @ebrains/components", language: "javascript", "copy-label": "Copy Code" }),
     index.h("p", null, "Define the custom elements"),
     index.h("eds-code-block", { code: "import { defineCustomElements } from '@ebrains/components/loader';\ndefineCustomElements();", language: "javascript", "copy-label": "Copy Code" }),
-    index.h("p", null, "Angular Custom Elements Schema"),
-    index.h("eds-code-block", { code: 'import { CUSTOM_ELEMENTS_SCHEMA } from "@angular/core";', language: "javascript", "copy-label": "Copy Code" }),
     index.h("eds-section-core", { "section-title": "Example Angular App", "heading-level": "h3" },
         index.h("eds-code-block", { code: '\n<div class="container">\n  <eds-breadcrumb\n    intent="tertiary"\n    items="[\n      { "label": "Home", "url": "#" },\n      { "label": "Products", "url": "#" },\n    ]">\n  </eds-breadcrumb>\n  <eds-footer></eds-footer>\n</div>', language: "javascript", "copy-label": "Copy Code" }))));
 
@@ -132,7 +138,7 @@ const ComponentsSection = class {
         }
     }
     render() {
-        return index.h("div", { key: 'ee1dd33b05afae12511c5876db4e8bd771117853', class: "container" }, this.renderContent());
+        return index.h("div", { key: 'd68c9ede251456d88ef2a033691927c87c8ec163', class: "container" }, this.renderContent());
     }
 };
 

package/dist/cjs/components.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2f63169d.js');
+const index = require('./index-88c8039f.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 /*
@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"eds-avatar_27.cjs\",[[1,\"eds-form\",{\"name\":[1],\"setFormUrl\":[4,\"set-form-url\"],\"formBtn\":[4,\"form-btn\"],\"formBtnLabel\":[1,\"form-btn-label\"],\"errorMessage\":[1,\"error-message\"],\"fields\":[1],\"initData\":[16],\"values\":[32],\"isSubmitting\":[32],\"hasError\":[32],\"errors\":[32],\"parsedFields\":[32]},null,{\"fields\":[\"parseFields\"]}],[1,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleheadermenu\",\"handleToggleMenu\"]]],[1,\"eds-user\",{\"user\":[1025]}],[1,\"eds-header\",{\"homeUrl\":[513,\"home-url\"],\"links\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"menuEnabled\":[4,\"menu-enabled\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32],\"isAuthenticated\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]]],[1,\"eds-steps-v2\",{\"steps\":[1],\"type\":[1],\"imageSrc\":[1,\"image-src\"],\"bg\":[4],\"message\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}],[1,\"eds-modal\",{\"heading\":[1,\"title\"],\"truncate\":[2],\"position\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[0,\"eds-modal-open\",\"handleGlobalOpen\"],[0,\"eds-modal-close\",\"handleGlobalClose\"],[8,\"keydown\",\"handleKeyDown\"]]],[0,\"token-spacing\"],[1,\"eds-footer\",{\"social\":[4],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"enableCookiesSettings\":[4,\"enable-cookies-settings\"],\"showMatomoNotice\":[32]}],[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"rounded\":[4],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"isOpen\":[32],\"focusIndex\":[32]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"]]],[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-social-networks\",{\"heading\":[1,\"title\"]}],[1,\"eds-block-break\",{\"extraClass\":[1,\"extra-class\"]}],[1,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"onChange\":[16],\"onInput\":[16],\"type\":[1],\"required\":[4],\"label\":[1],\"hint\":[1],\"icon\":[1],\"link\":[16],\"message\":[1],\"error\":[4],\"checked\":[4],\"errorMessage\":[1,\"error-message\"],\"value\":[8],\"maxLength\":[2,\"max-length\"],\"options\":[1]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1]}],[0,\"eds-input\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"checked\":[4],\"type\":[1],\"required\":[4],\"value\":[8],\"icon\":[1],\"maxLength\":[2,\"max-length\"],\"options\":[16],\"extraClass\":[1,\"extra-class\"],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[0,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"decorate\":[1],\"label\":[1],\"getInputElement\":[64]}],[0,\"eds-input-select\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"required\":[4],\"options\":[16],\"labelKey\":[1,\"label-key\"],\"valueKey\":[1,\"value-key\"],\"value\":[8],\"dynamicOptions\":[32],\"loading\":[32],\"dynamicValueKey\":[32],\"dynamicLabelKey\":[32],\"hasFetched\":[32]},null,{\"options\":[\"loadOptions\"]}],[0,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"sliderVal\":[32],\"getInputElement\":[64]},null,{\"value\":[\"onValueChange\"]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1],\"size\":[1]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}],[1,\"eds-img\",{\"src\":[1],\"alt\":[1],\"width\":[2],\"height\":[2],\"srcset\":[1],\"sizes\":[1],\"formats\":[16],\"lazyload\":[4],\"withBg\":[4,\"with-bg\"],\"loaded\":[32],\"showBg\":[32]}],[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"],\"extraClass\":[1,\"extra-class\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-button\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"elementType\":[1,\"element-type\"],\"intent\":[1],\"loading\":[4],\"disabled\":[4],\"pill\":[4],\"icon\":[1],\"size\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"extraClass\":[1,\"extra-class\"],\"triggerClick\":[16]},[[0,\"parentContext\",\"handleParentContext\"]]],[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-trl.cjs\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"logo-space.cjs\",[[1,\"logo-space\"]]],[\"svg-repository.cjs\",[[1,\"svg-repository\"]]],[\"docs-palettes.cjs\",[[0,\"docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"components-section.cjs\",[[0,\"components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-app-root.cjs\",[[1,\"eds-app-root\",{\"isAuthenticated\":[32]}]]],[\"eds-card-section.cjs\",[[1,\"eds-card-section\",{\"cards\":[1],\"occupyCols\":[2,\"occupy-cols\"]}]]],[\"eds-timeline.cjs\",[[1,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"docs-tokens.cjs\",[[0,\"docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-tool.cjs\",[[1,\"eds-card-tool\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"external\":[4],\"hierarchy\":[4]}]]],[\"eds-cookies-preference.cjs\",[[0,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"eds-card-project.cjs\",[[0,\"eds-card-project\",{\"image\":[8],\"editorialTitle\":[1,\"editorial-title\"],\"headingLevel\":[1,\"heading-level\"],\"categoryTitle\":[1,\"category-title\"],\"color\":[1],\"bgOnHover\":[4,\"bg-on-hover\"],\"vertical\":[4],\"titleProject\":[1,\"title-project\"],\"url\":[1],\"parsedImage\":[32]}]]],[\"eds-feedback.cjs\",[[1,\"eds-feedback\",{\"type\":[1],\"count\":[2],\"label\":[1],\"description\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]},[[16,\"rating\",\"ratingUpdated\"]]]]],[\"eds-toast-manager.cjs\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"incorrect-use-of-colors.cjs\",[[0,\"incorrect-use-of-colors\"]]],[\"logo-variations-tabs.cjs\",[[0,\"logo-variations-tabs\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"correct-use-of-colors.cjs\",[[0,\"correct-use-of-colors\"]]],[\"eds-frame.cjs\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"frameSrc\":[1,\"frame-src\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"url\":[1],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"token-ratios.cjs\",[[0,\"token-ratios\"]]],[\"token-typography.cjs\",[[0,\"token-typography\"]]],[\"eds-card-tags.cjs\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-card-wrapper.cjs\",[[4,\"eds-card-wrapper\",{\"tiny\":[4],\"withBg\":[4,\"with-bg\"],\"withHover\":[4,\"with-hover\"]}]]],[\"eds-icon-arrow-diagonal.cjs\",[[0,\"eds-icon-arrow-diagonal\",{\"class\":[1]}]]],[\"eds-icon-arrow-right.cjs\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky.cjs\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-bookmark.cjs\",[[0,\"eds-icon-bookmark\",{\"class\":[1]}]]],[\"eds-icon-chevron-down.cjs\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left.cjs\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right.cjs\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up.cjs\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-close.cjs\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy.cjs\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-eu.cjs\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-external.cjs\",[[0,\"eds-icon-external\",{\"class\":[1]}]]],[\"eds-icon-facebook.cjs\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab.cjs\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin.cjs\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader.cjs\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon.cjs\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu.cjs\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-minus.cjs\",[[0,\"eds-icon-minus\",{\"class\":[1]}]]],[\"eds-icon-more.cjs\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-paper.cjs\",[[0,\"eds-icon-paper\",{\"class\":[1]}]]],[\"eds-icon-plus.cjs\",[[0,\"eds-icon-plus\",{\"class\":[1]}]]],[\"eds-icon-portal.cjs\",[[0,\"eds-icon-portal\",{\"class\":[1]}]]],[\"eds-icon-private.cjs\",[[0,\"eds-icon-private\",{\"class\":[1]}]]],[\"eds-icon-public.cjs\",[[0,\"eds-icon-public\",{\"class\":[1]}]]],[\"eds-icon-search.cjs\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-star.cjs\",[[0,\"eds-icon-star\",{\"class\":[1]}]]],[\"eds-icon-success.cjs\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-thumbs-down.cjs\",[[0,\"eds-icon-thumbs-down\",{\"class\":[1]}]]],[\"eds-icon-thumbs-up.cjs\",[[0,\"eds-icon-thumbs-up\",{\"class\":[1]}]]],[\"eds-icon-tutorial.cjs\",[[0,\"eds-icon-tutorial\",{\"class\":[1]}]]],[\"eds-icon-twitter.cjs\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-unknown.cjs\",[[0,\"eds-icon-unknown\",{\"class\":[1]}]]],[\"eds-icon-updown.cjs\",[[0,\"eds-icon-updown\",{\"class\":[1]}]]],[\"eds-icon-user.cjs\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-icon-youtube.cjs\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-switch.cjs\",[[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"]}]]],[\"eds-tabs.cjs\",[[1,\"eds-tabs\",{\"identifier\":[1,\"id\"],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-tooltip.cjs\",[[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1],\"isVisible\":[32],\"isPositioned\":[32],\"tooltipStyle\":[32]},[[1,\"mouseover\",\"showTooltip\"],[1,\"mouseout\",\"hideTooltip\"],[8,\"keydown\",\"handleKeyPress\"]]]]],[\"logo-wrong-usage.cjs\",[[1,\"logo-wrong-usage\"]]],[\"eds-accordion.cjs\",[[1,\"eds-accordion\",{\"heading\":[1,\"title\"],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32],\"headerHeight\":[32]}]]],[\"eds-matomo-notice.cjs\",[[1,\"eds-matomo-notice\",{\"heading\":[1,\"title\"],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]]]],[\"eds-rating.cjs\",[[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[32]}]]],[\"eds-toast.cjs\",[[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}]]],[\"eds-progress-bar.cjs\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"updateValue\":[64]}]]],[\"eds-card-desc_2.cjs\",[[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]}]]],[\"eds-card-generic.cjs\",[[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\"]]]]],[\"eds-login_2.cjs\",[[1,\"eds-login\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"authenticated\":[32],\"user\":[32],\"serverAvailable\":[32]}],[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"logo-variations-horizontal_2.cjs\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-alert.cjs\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"brd\":[1],\"withBtn\":[32]}]]],[\"eds-spinner.cjs\",[[1,\"eds-spinner\",{\"size\":[1],\"thickness\":[1],\"borderColor\":[1,\"border-color\"],\"bottomColor\":[1,\"bottom-color\"],\"background\":[1],\"fullscreen\":[4]}]]],[\"eds-code-block.cjs\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]],[\"token-list_3.cjs\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-section-core_2.cjs\",[[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\"]}]]],[\"color-primary-palette_6.cjs\",[[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\"]]],[\"eds-pagination_2.cjs\",[[1,\"eds-table\",{\"data\":[1,\"table-data\"],\"endpoint\":[1],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"tbData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32],\"containerWidth\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"eds-avatar_34.cjs\",[[1,\"eds-form\",{\"name\":[1],\"setFormUrl\":[4,\"set-form-url\"],\"formBtn\":[4,\"form-btn\"],\"formBtnLabel\":[1,\"form-btn-label\"],\"errorMessage\":[1,\"error-message\"],\"fields\":[1],\"initData\":[16],\"values\":[32],\"isSubmitting\":[32],\"hasError\":[32],\"errors\":[32],\"parsedFields\":[32],\"getData\":[64]},null,{\"fields\":[\"parseFields\"]}],[1,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleheadermenu\",\"handleToggleMenu\"]]],[1,\"eds-user\",{\"user\":[1025]}],[1,\"eds-header\",{\"homeUrl\":[513,\"home-url\"],\"links\":[1],\"headerVariant\":[513,\"header-variant\"],\"menuEnabled\":[4,\"menu-enabled\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32],\"isAuthenticated\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]]],[1,\"eds-steps-v2\",{\"steps\":[1],\"type\":[1],\"imageSrc\":[1,\"image-src\"],\"bg\":[4],\"message\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}],[1,\"eds-modal\",{\"heading\":[1,\"title\"],\"truncate\":[2],\"position\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[0,\"eds-modal-open\",\"handleGlobalOpen\"],[0,\"eds-modal-close\",\"handleGlobalClose\"],[8,\"keydown\",\"handleKeyDown\"]]],[1,\"eds-gauge\",{\"size\":[2],\"valueMin\":[2,\"value-min\"],\"valueMax\":[2,\"value-max\"],\"value\":[2],\"thickness\":[2],\"variant\":[1]}],[1,\"eds-pie\",{\"size\":[2],\"slices\":[1],\"thickness\":[2],\"display\":[1],\"legend\":[4],\"colorScheme\":[1,\"color-scheme\"]}],[1,\"eds-tabs\",{\"identifier\":[1,\"id\"],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}],[1,\"eds-tooltip\",{\"content\":[1]},[[1,\"mouseenter\",\"handleHover\"]]],[0,\"token-spacing\"],[1,\"eds-footer\",{\"social\":[4],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"cookiesPreferences\":[1,\"cookies-preferences\"],\"enableCookiesSettings\":[4,\"enable-cookies-settings\"],\"backToTopAriaLabel\":[1,\"back-to-top-aria-label\"],\"showMatomoNotice\":[32]}],[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"rounded\":[4],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"isOpen\":[32],\"focusIndex\":[32]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"]]],[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-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\"]]],[1,\"eds-social-networks\",{\"heading\":[1,\"title\"]}],[1,\"eds-block-break\",{\"inverse\":[4]}],[1,\"eds-card-desc\",{\"description\":[1],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}],[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],\"exposeValueEvents\":[4,\"expose-value-events\"]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1]}],[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}],[0,\"eds-input\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"checked\":[4],\"type\":[1],\"required\":[4],\"value\":[8],\"icon\":[1],\"maxLength\":[2,\"max-length\"],\"options\":[16],\"extraClass\":[1,\"extra-class\"],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[0,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"decorate\":[1],\"label\":[1],\"getInputElement\":[64]}],[0,\"eds-input-select\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"required\":[4],\"options\":[16],\"value\":[8]}],[0,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"sliderVal\":[32],\"getInputElement\":[64]},null,{\"value\":[\"onValueChange\"]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1],\"size\":[1]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}],[1,\"eds-img\",{\"src\":[1],\"alt\":[1],\"width\":[2],\"height\":[2],\"srcset\":[1],\"sizes\":[1],\"formats\":[16],\"lazyload\":[4],\"withBg\":[4,\"with-bg\"],\"loaded\":[32],\"showBg\":[32]}],[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"],\"extraClass\":[1,\"extra-class\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-button\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"elementType\":[1,\"element-type\"],\"intent\":[1],\"loading\":[4],\"disabled\":[4],\"pill\":[4],\"icon\":[1],\"size\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"extraClass\":[1,\"extra-class\"],\"triggerClick\":[16]},[[0,\"parentContext\",\"handleParentContext\"]]],[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-trl.cjs\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"logo-space.cjs\",[[1,\"logo-space\"]]],[\"svg-repository.cjs\",[[1,\"svg-repository\"]]],[\"docs-palettes.cjs\",[[0,\"docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"components-section.cjs\",[[0,\"components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-section.cjs\",[[1,\"eds-card-section\",{\"cards\":[1],\"occupyCols\":[2,\"occupy-cols\"]}]]],[\"eds-timeline.cjs\",[[1,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"docs-tokens.cjs\",[[0,\"docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-tool.cjs\",[[1,\"eds-card-tool\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"external\":[4],\"hierarchy\":[4]}]]],[\"eds-cookies-preference.cjs\",[[0,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"eds-app-root.cjs\",[[1,\"eds-app-root\",{\"isAuthenticated\":[32]}]]],[\"eds-card-project.cjs\",[[0,\"eds-card-project\",{\"image\":[8],\"editorialTitle\":[1,\"editorial-title\"],\"headingLevel\":[1,\"heading-level\"],\"categoryTitle\":[1,\"category-title\"],\"color\":[1],\"bgOnHover\":[4,\"bg-on-hover\"],\"vertical\":[4],\"titleProject\":[1,\"title-project\"],\"url\":[1],\"parsedImage\":[32]}]]],[\"eds-feedback.cjs\",[[1,\"eds-feedback\",{\"headingLevel\":[1,\"heading-level\"],\"type\":[1],\"count\":[2],\"label\":[1],\"description\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]},[[16,\"rating\",\"ratingUpdated\"]]]]],[\"eds-toast-manager.cjs\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"incorrect-use-of-colors.cjs\",[[0,\"incorrect-use-of-colors\"]]],[\"logo-variations-tabs.cjs\",[[0,\"logo-variations-tabs\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"correct-use-of-colors.cjs\",[[0,\"correct-use-of-colors\"]]],[\"eds-frame.cjs\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"frameSrc\":[1,\"frame-src\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"url\":[1],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"token-ratios.cjs\",[[0,\"token-ratios\"]]],[\"token-typography.cjs\",[[0,\"token-typography\"]]],[\"eds-card-tags.cjs\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-icon-arrow-diagonal.cjs\",[[0,\"eds-icon-arrow-diagonal\",{\"class\":[1]}]]],[\"eds-icon-arrow-right.cjs\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky.cjs\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-bookmark.cjs\",[[0,\"eds-icon-bookmark\",{\"class\":[1]}]]],[\"eds-icon-chevron-down.cjs\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left.cjs\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right.cjs\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up.cjs\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-close.cjs\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy.cjs\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-eu.cjs\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-external.cjs\",[[0,\"eds-icon-external\",{\"class\":[1]}]]],[\"eds-icon-facebook.cjs\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab.cjs\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin.cjs\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader.cjs\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon.cjs\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu.cjs\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-minus.cjs\",[[0,\"eds-icon-minus\",{\"class\":[1]}]]],[\"eds-icon-more.cjs\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-paper.cjs\",[[0,\"eds-icon-paper\",{\"class\":[1]}]]],[\"eds-icon-plus.cjs\",[[0,\"eds-icon-plus\",{\"class\":[1]}]]],[\"eds-icon-portal.cjs\",[[0,\"eds-icon-portal\",{\"class\":[1]}]]],[\"eds-icon-private.cjs\",[[0,\"eds-icon-private\",{\"class\":[1]}]]],[\"eds-icon-public.cjs\",[[0,\"eds-icon-public\",{\"class\":[1]}]]],[\"eds-icon-search.cjs\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-star.cjs\",[[0,\"eds-icon-star\",{\"class\":[1]}]]],[\"eds-icon-success.cjs\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-thumbs-down.cjs\",[[0,\"eds-icon-thumbs-down\",{\"class\":[1]}]]],[\"eds-icon-thumbs-up.cjs\",[[0,\"eds-icon-thumbs-up\",{\"class\":[1]}]]],[\"eds-icon-tutorial.cjs\",[[0,\"eds-icon-tutorial\",{\"class\":[1]}]]],[\"eds-icon-twitter.cjs\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-unknown.cjs\",[[0,\"eds-icon-unknown\",{\"class\":[1]}]]],[\"eds-icon-updown.cjs\",[[0,\"eds-icon-updown\",{\"class\":[1]}]]],[\"eds-icon-user.cjs\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-icon-youtube.cjs\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-switch.cjs\",[[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"]}]]],[\"logo-wrong-usage.cjs\",[[1,\"logo-wrong-usage\"]]],[\"eds-accordion.cjs\",[[1,\"eds-accordion\",{\"heading\":[1,\"title\"],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32],\"headerHeight\":[32]}]]],[\"eds-matomo-notice.cjs\",[[1,\"eds-matomo-notice\",{\"heading\":[1,\"title\"],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]]]],[\"eds-rating.cjs\",[[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[32]}]]],[\"eds-spinner.cjs\",[[1,\"eds-spinner\",{\"size\":[1],\"thickness\":[1],\"borderColor\":[1,\"border-color\"],\"bottomColor\":[1,\"bottom-color\"],\"background\":[1],\"fullscreen\":[4]}]]],[\"eds-splash-screen.cjs\",[[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"eds-toast.cjs\",[[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}]]],[\"eds-progress-bar.cjs\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"rounded\":[4],\"updateValue\":[64]}]]],[\"logo-variations-horizontal_2.cjs\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-alert.cjs\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"brd\":[1],\"withBtn\":[32]}]]],[\"eds-code-block.cjs\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]],[\"token-list_3.cjs\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-section-core_2.cjs\",[[1,\"eds-section-core\",{\"tag\":[1],\"sectionTitle\":[1,\"section-title\"],\"headingLevel\":[1,\"heading-level\"]}],[0,\"eds-section-heading\",{\"sectionTitle\":[1,\"section-title\"],\"withContainer\":[4,\"with-container\"],\"headingLevel\":[1,\"heading-level\"],\"tag\":[1],\"spacingLarge\":[4,\"spacing-large\"]}]]],[\"color-primary-palette_6.cjs\",[[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\"]]],[\"eds-pagination_2.cjs\",[[1,\"eds-table\",{\"data\":[1,\"table-data\"],\"endpoint\":[1],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"tbData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32],\"containerWidth\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

package/dist/cjs/correct-use-of-colors.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2f63169d.js');
+const index = require('./index-88c8039f.js');
 
 const primary = [
     {
@@ -61,7 +61,7 @@ const CorrectUseOfColors = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: '9f7fbb8254528663d833da6bb683c2bb19e2837b', class: "container" }, index.h("p", { key: '71cdde5e7a803ccfbe49bfea00f208a23a10ab8d', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: 'fecaba6a82952070d3deb88cf22e335e6e0d7a08', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: '0fb583c3d4542134f921649aef5f07738e00b086', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: '3bfb272e2e2d5ab823f157aa1add3511f34a4c27', class: "flex" }, index.h("div", { key: 'baaf45c1f7b749b6f8f4035b1c62942e320d77d3', class: "w-full" }, index.h("ul", { key: '7e6d1a2051e98d7af54ef7061f39edaf2c7beb0a', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: '1bf98fe26e99af8473077ac13d3d9b8c405bf1c4', class: "w-full" }, index.h("ul", { key: '1402fcefd163737b10c5b0d12014bc6e3fd66780', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), index.h("p", { key: 'b9bc90a0d0cc539349f10c51a1b3dfd19bb453ea', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: '40a8a92005d47099d518281ed61f31888169dfcd', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: '7b530b15d10ce8591b2cd42299f2d6a0b6de575e', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: 'c2b1599f407579d58e36effc3d4ba0115f4fa453', class: "flex" }, index.h("div", { key: '514a3c8c3a04f8e5607a606bf310b6173b973ba8', class: "w-full" }, index.h("ul", { key: '81c56759b2aaf2153cf6150f892ba23f67b8296e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: 'ef65f00f5fbf77af47292e570e98d465d553a03a', class: "w-full" }, index.h("ul", { key: '8fb9499e6c4587db8a188aad5120c1a1bd93b049', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), index.h("p", { key: '045fe17ef474b7d7c55ee50b183ea8e40439f034', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: '20147150cb42c6105559457d364c28b09f9ba171', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: '37093d1dda45c1c114e95533bbf560934d529e4a', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: '1d53f16c58afa8f537d384434a6ac68e2d14c707', class: "flex" }, index.h("div", { key: 'cdd9390005122023dec3b5abcb88bf996e833c70', class: "w-full" }, index.h("ul", { key: 'e76d12d0b57b810c95788e9ccb0d39d4ab9ceb4e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: '3ff4f5c0ba01b4723e8e664633f7220c9703905f', class: "w-full" }, index.h("ul", { key: 'f69b766d268d5e1d10972723a4ebdc5d9e0cae07', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), index.h("p", { key: '6591ea37bd86b328c1c55a5150f8ce44d24f8f52', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: '47110ceefffb0f391443845425d0e9d07a15e779', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: '0e034de1c3c0ea2f1c0e71f1e1a0024e6bc66d79', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: '0b0d5484f0d3569bfdc529ef49af00a6c41a25ce', class: "flex" }, index.h("div", { key: '66e8d6d41bab4c18846885814b5a7aad6c08d240', class: "w-full" }, index.h("ul", { key: 'b9093c38be4aaca5045c62911cd6c789fdc12438', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: 'eb682711d6439a79719062057440de519ba48ecb', class: "w-full" }, index.h("ul", { key: '79805bba02241029b99027dab0f9cf6673e0e1c3', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
+        return (index.h("div", { key: 'eb7fe8a13ba44aa0b8327fd042177817577aa9ca', class: "container" }, index.h("p", { key: 'b9e731a3184cc72a0dd4c31bc207185789b1c747', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: '9ac1f24993a47743b62504a9ac5cfaa67ea94867', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: '82eb7946b881f69719a7785ded23355e34aa3023', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: 'a1bde4ba25a05fdc3a43bd008748f0ae74224142', class: "flex" }, index.h("div", { key: 'e6399a78c1d41e79041ad0e91356468e9e94a004', class: "w-full" }, index.h("ul", { key: '438acfe268f49ca5b77c20af74213283ac68e851', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: '41cf8ea398e273788e32889e705debd21f102a9f', class: "w-full" }, index.h("ul", { key: 'b200fe46847e64efee26fb863151f08e2a175220', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), index.h("p", { key: '9fe567482bfbad7fc0bc4083756622259fd83e45', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: 'bd26b1b4c4ac1082eef246f9d1b6b13245b1d69f', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: 'b3a9897628cdcb7086397d7f7662591da4debdd4', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: 'fc54b467ddd6faa62e81fe56170f0ed43fccd52e', class: "flex" }, index.h("div", { key: '930d475074e002439847f152d95ed1f764536791', class: "w-full" }, index.h("ul", { key: 'ad8085fd5a4dcc8cd4cc2a4c0d6522673b0f69c3', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: 'c9d7c736f8248fa7f1b689ec7a8eed24853de384', class: "w-full" }, index.h("ul", { key: '9191d41ef9f3947f91420e925f4ae5029aaf0e73', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), index.h("p", { key: 'ed9e3ebc14a1ecd0744d8adf6b58df54a325565f', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: '5104e373031bc9381db7e274fba47f3d36d8fc14', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: '2d0ff6d98eaf2b195725eb87b1cf8c264071787c', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: 'a660e8df517ab4c1b4b47fa777bd0e5c06156161', class: "flex" }, index.h("div", { key: '7346d762b781cf27fdf784a1100608b74a28eaca', class: "w-full" }, index.h("ul", { key: '91a7f50ffb513045c7d52987ecd33f3707332083', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: 'e4d61bb10342c7c27e19a5fc43a3823e2ac36db7', class: "w-full" }, index.h("ul", { key: 'ab40fb356845c3c15255a591299d3aa3a4bcd415', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), index.h("p", { key: '15c61baa18cac41eefdfd631e6e62d8ad665fd00', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: '8abd1e309700248f865906e667ffdb2db172c923', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", index.h("eds-link", { key: '9cc22cdc51c4e6b5ea28afd62e5b7fe10b6f57bf', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), index.h("div", { key: '8cb15f36de63b4425be410d395b56829427a2b13', class: "flex" }, index.h("div", { key: 'e47f595ad0af29333fdb3090eae08b65b908e87d', class: "w-full" }, index.h("ul", { key: '27b7f0ee1650d169f17bee8a776ced534c2f8b37', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), index.h("div", { key: '40ed8de907089964f83ce2ebd2734b00ba378847', class: "w-full" }, index.h("ul", { key: '8b1bdd17aa9e0c60484120b58e67ec3d09ddc533', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
     }
 };
 

package/dist/cjs/docs-palettes.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2f63169d.js');
+const index = require('./index-88c8039f.js');
 
 const DocsPalettes = class {
     constructor(hostRef) {
@@ -20,7 +20,7 @@ const DocsPalettes = class {
         }
     }
     render() {
-        return index.h("div", { key: '41ac7248f45204f420ab2954e26529577e2cb27f', class: "container" }, this.renderContent());
+        return index.h("div", { key: '638d6345ed0e32bda5d350f7ee8e54055d7fe770', class: "container" }, this.renderContent());
     }
 };
 

package/dist/cjs/docs-tokens.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2f63169d.js');
+const index = require('./index-88c8039f.js');
 
 const DocsContent = class {
     constructor(hostRef) {
@@ -28,7 +28,7 @@ const DocsContent = class {
         }
     }
     render() {
-        return index.h("div", { key: '2d4d06ef8d68dc42280f71042322a5f3ca528564', class: "container" }, this.renderContent());
+        return index.h("div", { key: '7d86f29bb4a82aec564b0600749d97aedc58925d', class: "container" }, this.renderContent());
     }
 };
 

package/dist/cjs/eds-accordion.cjs.entry.js

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-2f63169d.js');
-const analytics = require('./analytics-d8fb3fdd.js');
+const index = require('./index-88c8039f.js');
+const analytics = require('./analytics-28713bf7.js');
 
-const edsAccordionCss = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.break-words{overflow-wrap:break-word}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.pr-32{padding-right:2rem}.pr-36{padding-right:2.25rem}.pr-40{padding-right:2.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-4{padding-top:0.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}";
+const edsAccordionCss = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.min-h-56{min-height:3.5rem}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.break-words{overflow-wrap:break-word}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.relative{position:relative}.absolute{position:absolute}.inset-x-16{left:1rem;right:1rem}.top-16{top:1rem}.pr-32{padding-right:2rem}.pr-36{padding-right:2.25rem}.pr-40{padding-right:2.5rem}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}.w-full{width:100%}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-md{border-radius:12px}.outline-none{outline:2px solid transparent;outline-offset:2px}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.text-light{color:var(--grey-700)}.z-1{z-index:1}.z-10{z-index:10}.effect-height{transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-property:height}.h-0{height:0rem}.h-auto{height:auto}.pt-4{padding-top:0.25rem}.overflow-hidden{overflow:hidden}.grid{display:grid}.overflow-hidden{overflow:hidden}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-16{padding:1rem}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.text-left{text-align:left}.text-center{text-align:center}";
 const EdsAccordionStyle0 = edsAccordionCss;
 
 const EdsAccordion = class {

package/dist/cjs/eds-alert.cjs.entry.js

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