@ebrains/components 2.3.1 → 2.4.0

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

@@ -36,7 +36,7 @@ const ColorPrimaryPalette = class {
         ];
     }
     render() {
-        return (index.h("ul", { key: 'b51f8df9e8481654c410a4564554e6af65e5995c', 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: '247df18cb7672b14048e390299894acf0ff44714', 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: 'c7b2a9406709dc3584e8e6f6c57a79ea5a9974c3', 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: '1712cc4bd243d5bde96aac8334ce26706edf4731', 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: '50f93b8bc9ee54e78eb23a21764afb0be5e3ea6c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
+        return (index.h("ul", { key: 'f8847f5ebf1c015d60cc1b699b4cfbeceff77b59', 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: 'f3653cb822e88d5914f12a84342603ad3dfb6af0', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
+        return (index.h("ul", { key: '6858be14a27601106581efe8fd9221daf4f0ddfc', 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: '068872a235a7b4a3bb1b5d49fe3c26014c317995' }, index.h("ul", { key: 'f2ef5ac747e40b62eda116125b2ec1da32b00c9e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '5c700c0e2794b38e6448709ac4eda002805fed43', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '185747db12912d6fbb672e6c2a3a6a28b533f483', class: "effect-height flex items-center justify-between p-16", style: {
+        return (index.h("div", { key: '568e55cca12f97a4afc1a5acffd8ffd64938da44' }, index.h("ul", { key: '16f19b9d89e83015db81290acfddb3ffc0368aa2', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: 'd1b205d58e171e2a194685888a919d7178291118', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '3be3ecf27999f572951253260802099e49c60392', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[0].background
-            } }, index.h("div", { key: 'bf2818f7382f1f86989c4e63c1a27abcf6630f77', class: "grid" }, index.h("span", { key: '21418b3761bfff72fa4e0893e233e7e4e3784940', class: "f-body-02" }, this.colors[0].rgb), index.h("span", { key: 'a87087d4c32e323ec6f6cb44607bfe106de8e37d', class: "f-body-02 w-full" }, this.colors[0].cmyk), index.h("eds-code-block", { key: '7a4b6263093b9046f09ec51aa91b1391096d420e', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'a1aa7b145ce29f5b3e193bd46510b1fd25f59e44', class: "grid" }, index.h("span", { key: '81ee23a025329d756a120872df9a7d9204209adf', class: "f-body-02" }, this.colors[0].pantoneC), index.h("span", { key: 'f32a3efb2f2b987201684ab83bdaef467ea0a262', class: "f-body-02" }, this.colors[0].pantoneU))), index.h("div", { key: '41364b3de70ccec9c37aec1dc448c3a47ead60a9', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, index.h("div", { key: '931046b9a1b98bcb147f3d65f1278aa0104b7620', class: "grid" }, index.h("span", { key: '15341ab5e4937589bd6495e88af46f52b66c13f6', class: "f-body-02" }, this.colors[0].rgb), index.h("span", { key: 'f73ee08c5e15162f757c1f20084c23dc4cd4fa4f', class: "f-body-02 w-full" }, this.colors[0].cmyk), index.h("eds-code-block", { key: '414005a29611c2abf4adb9e1429ba46ed946e17c', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'ea676e150c48d8b6f92d664955e435445c00b290', class: "grid" }, index.h("span", { key: '1b379dba41b32ebf0e79feee6c73646686976123', class: "f-body-02" }, this.colors[0].pantoneC), index.h("span", { key: 'b327219cfb31f7f6cc2ef1bfbba30acb676f1df8', class: "f-body-02" }, this.colors[0].pantoneU))), index.h("div", { key: 'b8192f45ddef48a5adc24b9dbd023ab39212b9b7', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[1].background
-            } }, index.h("div", { key: 'b3f90be4ee360322051d26ffef7e09a63a8dfc87', class: "grid" }, index.h("span", { key: '09f4313220f9d93d578e5fa10ac1b399863244d2', class: "f-body-02" }, this.colors[1].rgb), index.h("span", { key: '0261f9fd84a18c46ece5d982f7158e5a5f638909', class: "f-body-02 w-full" }, this.colors[1].cmyk), index.h("eds-code-block", { key: 'd04ecab2e1f63580ab95c69e4a70293c0358fea8', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'd188c38f611530259dfdef7cd75da4bdca0d2257', class: "grid" }, index.h("span", { key: '7378b85e8948ef41d5b2140a09768394ac95cb38', class: "f-body-02" }, this.colors[1].pantoneC), index.h("span", { key: '9e27beba8e19af3b05702d5b82b04db636d815ac', class: "f-body-02" }, this.colors[1].pantoneU))))), index.h("eds-block-break", { key: '56644448031fb2a4e26b79dfff46d8ada641e7b1' }), index.h("ul", { key: '2d6213ff4091ca2f9cb77854beafa34886c3ed42', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '717be10bad4a00a04644a09dfcaed2e583327e21', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '381ff7e46bc6508bf2b956b8b0ab61e154d70341', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, index.h("div", { key: '945802383c8208d374156a239bd902e55e54993b', class: "grid" }, index.h("span", { key: 'dc9b6be317846769a1e8365c0a3a2c974ccfa23b', class: "f-body-02" }, this.colors[1].rgb), index.h("span", { key: 'bbff2c3bf5769945f07db0813c21d7a14d8495b6', class: "f-body-02 w-full" }, this.colors[1].cmyk), index.h("eds-code-block", { key: '93d9b9d19f789a9731ed444c74bada150295ce28', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '8b87555408c3539afe4bd90c19f3d2034cc57d54', class: "grid" }, index.h("span", { key: '2d5b21465eeb219886486f77f2f72351c5f054aa', class: "f-body-02" }, this.colors[1].pantoneC), index.h("span", { key: 'b16aa8a075b2a7a3676b7f193ba4fa3185e72f49', class: "f-body-02" }, this.colors[1].pantoneU))))), index.h("eds-block-break", { key: '3878257fda9acf2175bc8a152c62b09ec5c4924f' }), index.h("ul", { key: '8b98d84de8eab1fdf31b21ec30aef8af95f82f4d', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '6eec8f2913b8805929a6931856be3fea0b665fdd', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'fdc4febd09538cc9d2e0d5efee8394d680859aef', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, index.h("div", { key: '0dcbea6ed615f5b99c9d8bfde699bda1aba7d574', class: "grid" }, index.h("span", { key: 'b8c02c0590f264d68927b17ffa30e9a7af865baf', class: "f-body-02" }, this.colors[2].rgb), index.h("span", { key: '20b702c1743d53a3ecc13c1f105a43fc175c9fde', class: "f-body-02 w-full" }, this.colors[2].cmyk), index.h("eds-code-block", { key: '1b10b51df54537b0d236f8a0c1e85415a83a9762', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '381a0109027379acee17ba106778d0a6af2418de', class: "grid" }, index.h("span", { key: '79be72de7ba1588ac6bbead48c014279500c67e5', class: "f-body-02" }, this.colors[2].pantoneC), index.h("span", { key: 'ff2e674caa413fe8eda95b9e683ff3264955a699', class: "f-body-02" }, this.colors[2].pantoneU))), index.h("div", { key: '839e80c29b1f45e1141b5ca7ee14a8164f0d59f4', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, index.h("div", { key: '05e44f954e17e71e93983544efb08fb3f8415efb', class: "grid" }, index.h("span", { key: 'ff3dac59c5d99e3c3a0bea5454771a46546699dc', class: "f-body-02" }, this.colors[2].rgb), index.h("span", { key: '629424b91fe69ba2348995ea321b5de71b9bb0e1', class: "f-body-02 w-full" }, this.colors[2].cmyk), index.h("eds-code-block", { key: '3cadcf4a4d666bfea773aeaf797dcebe0224e9c7', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'a725f4f13d4c944a18c3158f735d8dd172e35128', class: "grid" }, index.h("span", { key: '02c30563e47078f08752ab718e923dacfca8cf6b', class: "f-body-02" }, this.colors[2].pantoneC), index.h("span", { key: '460cfb91e2f9bf5c9f557b844c0bd1d7e904c9d2', class: "f-body-02" }, this.colors[2].pantoneU))), index.h("div", { key: '14c4755af95cb41e5149db0de90a0f0aef429325', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, index.h("div", { key: 'd1cf88212f2c5cf0a8a3fc95e6f28b576af209bb', class: "grid" }, index.h("span", { key: '599b3fe538135f04b93e2e9a9ae5884e6fe66307', class: "f-body-02" }, this.colors[3].rgb), index.h("span", { key: 'fe3989bf9061ee14ba325fdfe61d190e45a8d715', class: "f-body-02 w-full" }, this.colors[3].cmyk), index.h("eds-code-block", { key: 'b5edf416ce3443e33784270ae786117dca54484e', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '6337a21286045759e3b8858d225226bd67ccda95', class: "grid" }, index.h("span", { key: 'cfe45c5f93fe75f7a7d75de09ca74e247b5f9f3c', class: "f-body-02" }, this.colors[3].pantoneC), index.h("span", { key: '266110a2ccf1a77b76c8795e609b69b933d71e34', class: "f-body-02" }, this.colors[3].pantoneU))))), index.h("eds-block-break", { key: '5edf56c8f60ca932f25cf4794898ceb09dffc490' }), index.h("ul", { key: 'e28256a79065796bba19fa8557d1ad4937dbc43a', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '0d900d8923731c12436819da4bb78495c82c61e4', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '23e00e8340a1a7c4339db354778785bcfcfc34be', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, index.h("div", { key: 'ef619263619ba173c62312b766cb00d6d5098123', class: "grid" }, index.h("span", { key: 'b5585b81fbc61845e6e5cf0ed23782f904cf3d58', class: "f-body-02" }, this.colors[3].rgb), index.h("span", { key: '346257d86c37f5058f9b4deddf9166f1522970ce', class: "f-body-02 w-full" }, this.colors[3].cmyk), index.h("eds-code-block", { key: '59b89beef607a724b2bfed5b9bad2a78e5708b42', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'f8e1a2462a31e0a3901618ec76338dde5ae10943', class: "grid" }, index.h("span", { key: '6e83c3aaae0ae9ec8df2d6eff620059256e4540f', class: "f-body-02" }, this.colors[3].pantoneC), index.h("span", { key: '714d4e2a90966381c56671c295ec106581eeddef', class: "f-body-02" }, this.colors[3].pantoneU))))), index.h("eds-block-break", { key: '0014a9aa45398ea35a1f80b6d2e01b4cbc0e99e0' }), index.h("ul", { key: 'ef5896480deed0bf14c7ebc583b875e31271cff1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '130103977198e73dcf1e76c8b247dfd0052e66b4', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '8f971d70daed0c51ae3794f5eeea9b8d5bbd689a', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[4].background
-            } }, index.h("div", { key: 'ff202435e451358b08d02fbe5ed085cb61bb27e2', class: "grid" }, index.h("span", { key: '6710617d3369d48fbd7b0d50e5cee98816ce7b92', class: "f-body-02" }, this.colors[4].rgb), index.h("span", { key: '998e0c640f8b090da7662743a857ac0ee0ea4e0a', class: "f-body-02 w-full" }, this.colors[4].cmyk), index.h("eds-code-block", { key: 'ff4a789b3dbed8d20a636403b2ad921c7c4dc7b8', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'e5d5fef837f2f1b1ba36746da1806eba8396d288', class: "grid" }, index.h("span", { key: 'ed1302507a2760b27c1aaed2d48899b04d166d66', class: "f-body-02" }, this.colors[4].pantoneC), index.h("span", { key: '89bda8fc8cd7e150bde7263edc8fc4631e6831be', class: "f-body-02" }, this.colors[4].pantoneU))), index.h("div", { key: '689354344f53850640da266e14d6b622429eb1ff', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, index.h("div", { key: '8563d07bc98d7a37b1c0eb04957420875247571e', class: "grid" }, index.h("span", { key: 'b99f1f4d7c044625462542434c6b8941e0b4f8eb', class: "f-body-02" }, this.colors[4].rgb), index.h("span", { key: '1d5524bcd82d295aa9bb502f04a4b3deb6816a4d', class: "f-body-02 w-full" }, this.colors[4].cmyk), index.h("eds-code-block", { key: 'f3dec7ffb1d822eec1fbda4e189624c52b3d46b3', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '61135fbeab7e0657b589199cdf8caa39b5a97191', class: "grid" }, index.h("span", { key: '3feae86bababfb8dd0ae4c78e342b6b40a5353d6', class: "f-body-02" }, this.colors[4].pantoneC), index.h("span", { key: '458f2c43915ff00eff926dc39afe9a56b822df67', class: "f-body-02" }, this.colors[4].pantoneU))), index.h("div", { key: '6fdbdbd92c843ddaa42d3cad358317ec7dc92723', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[5].background
-            } }, index.h("div", { key: 'ace17479948837f012514a27392dad21f8c801e8', class: "grid" }, index.h("span", { key: 'dd776f7884fa45d50204c0b10b4d2b6cac3eca5a', class: "f-body-02" }, this.colors[5].rgb), index.h("span", { key: '7e44097339748f3309502391ab77dc5bd447b053', class: "f-body-02 w-full" }, this.colors[5].cmyk), index.h("eds-code-block", { key: 'c656dc07828b4548faaae6d0071cd02639016d54', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'cab214dadb52b79f24efdc607fe0507eccb94644', class: "grid" }, index.h("span", { key: '2282a82817bc3cbb25f08e943fd086fa458ef34a', class: "f-body-02" }, this.colors[5].pantoneC), index.h("span", { key: '06bf558a5387c5512b28fbbef644769fc8cf5b37', class: "f-body-02" }, this.colors[5].pantoneU)))))));
+            } }, index.h("div", { key: '1f0f2dd84c18ab45e5db4f09cdacc4cffdd6db30', class: "grid" }, index.h("span", { key: '3050e33955bd0c6486ac385b7d89f404fd2ffb47', class: "f-body-02" }, this.colors[5].rgb), index.h("span", { key: 'c40759231240722eb9c93878d74f4a2028492b3a', class: "f-body-02 w-full" }, this.colors[5].cmyk), index.h("eds-code-block", { key: '01746b746ebe1c229169f8c9d0b078bff564edbf', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'c11478286125955885b8e4e650f284876af7144b', class: "grid" }, index.h("span", { key: '013e2e01b741eaff76a5ab017304dd6f2afb91c4', class: "f-body-02" }, this.colors[5].pantoneC), index.h("span", { key: 'ab81b5c103a1dd18b91227848fdd0ed379e92738', class: "f-body-02" }, this.colors[5].pantoneU)))))));
     }
 };
 
@@ -324,11 +324,11 @@ const GradientSupportPalette = class {
         ];
     }
     render() {
-        return (index.h("ul", { key: '3d8000d8778c4f6f35f8feca3c54fb2d535bc09f', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '28143c46226cc5452c009346ec23ab016d78c675', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '57bbdd2b971ef3235e14f5b175e7e15696b68a28', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, index.h("div", { key: '24c7d800175b4b453b06795b1e759c6819b35607', class: "grid" }, index.h("span", { key: '16653d8c729d81156d1df461de0fded8aa7d8e93', class: "f-body-02" }, this.colors[0].rgb), index.h("span", { key: '4b4a537f3896f2a7b986172feb5d08cf05355714', class: "f-body-02 w-full" }, this.colors[0].cmyk), index.h("eds-code-block", { key: 'b6d4d3472e18e03a373b2667a785ef9e735dfaec', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '8e85ec4998995bbdde92a2afc1939f0c2deabee5', class: "grid" }, index.h("span", { key: 'e5815876cb2a5e0790cb2a5ea9e132a24b677880', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), index.h("span", { key: '745a25fc7b57801a4aef526001359e6427b6efd1', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), index.h("li", { key: 'cb10855c01a39e52b4d651a1df440b6e9dc86a62', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '56d0b50121ad6386d0f91c24cb73a8bc9596a720', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, index.h("div", { key: 'bed562bf4fabe0599e315ff86fbf17aba5ee3d74', class: "grid" }, index.h("span", { key: 'bdb88a23996aeca2cf8da34d534ed1e2e1098890', class: "f-body-02" }, this.colors[1].rgb), index.h("span", { key: '5c55cd02843963393abbf393a851fff3790c1905', class: "f-body-02 w-full" }, this.colors[1].cmyk), index.h("eds-code-block", { key: 'f11febc9e05590d48879d93cd3b823bbbb7bc878', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '79119e208137848015ff77ae326afe1fb5cfc0d3', class: "grid" }, index.h("span", { key: '7dfeb3a9e103f208986888f967384c5ba3ed4d4c', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), index.h("span", { key: '205cf6b9473d9d236fac83aa2b6eb458ecd1aee5', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), index.h("li", { key: '16406e3fa39372ebb6c32a2bbf506427fc047c13', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '4d44f5f7771164d581b7883698a8c891c9615a1f', class: "effect-height flex items-center justify-between p-16", style: {
+        return (index.h("ul", { key: '8f8703b8b6ef19574984d630d23f4a078e2683c1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '6981ecea14309c747455aff6dff44c807391fb22', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '23dc2b606d633779313a98cde5df750a21c50267', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, index.h("div", { key: '3649c7d9a2c815cc6ab1f414f062321f29a00701', class: "grid" }, index.h("span", { key: '732dfac36b9bb5d9df0dfe96bfd4fb36c5288d2e', class: "f-body-02" }, this.colors[0].rgb), index.h("span", { key: 'f0505ec5aaff33b24b19db784b3b16b9f73f18db', class: "f-body-02 w-full" }, this.colors[0].cmyk), index.h("eds-code-block", { key: 'ca7457b315b438bf41a7f0b1dfd2205d493e1c06', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'd29ebbce1ea5dbf25888388bbc3cd73416642c94', class: "grid" }, index.h("span", { key: '8e503b62bc19087efe3291f2454eec4b00b18a4a', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), index.h("span", { key: '5a12462534602160bce47b9c9f397557f8f1057d', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), index.h("li", { key: '491e060c9201186f987ae4f075eee0efca38b6bc', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'e2084e7d7cfce5a784efbcdaf0c597b749ecc1d0', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, index.h("div", { key: '633ced7174a5242a3dff2d51d53add5a20bcbf0a', class: "grid" }, index.h("span", { key: 'a0000924f7a9614b4dd8651880b51925f0868487', class: "f-body-02" }, this.colors[1].rgb), index.h("span", { key: '6007da47921d8ae881156f9c57af43a839e71743', class: "f-body-02 w-full" }, this.colors[1].cmyk), index.h("eds-code-block", { key: '4aa67182a26f57bbeb9dd251db1cbbe0ba1919fe', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '963ac8d736c7b54366d2e2798e77bc04ac01d539', class: "grid" }, index.h("span", { key: 'd574f8c3b02fdcd9bca10d186916b848b275ae85', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), index.h("span", { key: '97b5290bd127179160eb6fc8b76914cb620b733c', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), index.h("li", { key: 'f5f7ff4bdad90dff2506112c812fe4c466539f7f', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '8517f8e52dbb41ece0da2019d072f7e73fc8d2a0', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, index.h("div", { key: '95b07ece22975f09f30fdff39dff685e71ad94e7', class: "grid" }, index.h("span", { key: '9144a8c71d1e198b5a46bb1b6d3a4b7937b980d0', class: "f-body-02" }, this.colors[2].rgb), index.h("span", { key: '7be418e7bec46b05decfe58bd04bdb0cbc2f9c4f', class: "f-body-02 w-full" }, this.colors[2].cmyk), index.h("eds-code-block", { key: '61050dd447d35dcd1388785cadb809b9936460ff', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '87289e9f27972a7ac01f95dfdc780b2a63840246', class: "grid" }, index.h("span", { key: 'e2d37a0132d667f3a95a248f5b5a26cd55b7bed0', class: "f-body-02" }, this.colors[2].pantoneC), index.h("span", { key: '58d126103e9bf1dc68ba22fdc6e8a2d24ed18693', class: "f-body-02" }, this.colors[2].pantoneU))), index.h("div", { key: '0ca5402553a62bb66b9d5271b2f6d9bdc03b9aa5', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, index.h("div", { key: '08db76c840f25159be21cf66f8ab1a5e7c0ec206', class: "grid" }, index.h("span", { key: 'b46181d8eaa69635063b39efeab603d6961428cc', class: "f-body-02" }, this.colors[2].rgb), index.h("span", { key: 'a91102f446f351b6be7d27051b947bf72a394606', class: "f-body-02 w-full" }, this.colors[2].cmyk), index.h("eds-code-block", { key: '98d406eaa5d641640ca5eb95271fc400282c6f69', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'a4cf89fe913982b3c296dc745323630518b9834f', class: "grid" }, index.h("span", { key: 'ea5a30092e75135670580b40263314a1e16fb725', class: "f-body-02" }, this.colors[2].pantoneC), index.h("span", { key: '0a4fe2b93027193d508f593432c7c2589ceedba9', class: "f-body-02" }, this.colors[2].pantoneU))), index.h("div", { key: '117711ee44837fe7545490304e714e4e433c608b', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, index.h("div", { key: '4934962684a70ea4ab804bd2435f6b184d7f52c8', class: "grid" }, index.h("span", { key: '1a891700e10b5fc4eafd7f2a42d901b949bac2e7', class: "f-body-02" }, this.colors[3].rgb), index.h("span", { key: '99ebfc2392e11e67a3739796b4606ec6cee12ef3', class: "f-body-02 w-full" }, this.colors[3].cmyk), index.h("eds-code-block", { key: '13f9e44bc9b34cbdfb93a5a97ada482627e11a92', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '2c2a179f5073ead1646e114d76b4c26f48d998b5', class: "grid" }, index.h("span", { key: 'aba72113f0e47ec564bfb8dc1695d74cc0dacf0b', class: "f-body-02" }, this.colors[3].pantoneC), index.h("span", { key: '4a113554b101bcf1db71eff702914e2de6bb5876', class: "f-body-02" }, this.colors[3].pantoneU)))), index.h("li", { key: '78085204312fd78071a88d329c1085cd4615fe95', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'edc490c0d48ecdfa8be56ba2921ff7f5a6f74ee1', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, index.h("div", { key: '5f8ff231f7752ad50a8bebdbaccfc63543a8e16b', class: "grid" }, index.h("span", { key: '22c0035742e6dd5e2c02c59e67b5769ce97324cf', class: "f-body-02" }, this.colors[4].rgb), index.h("span", { key: '87215ff0541f7891b74082bd63c59e3e65db1998', class: "f-body-02 w-full" }, this.colors[4].cmyk), index.h("eds-code-block", { key: 'f96e95f761998e790c44c9b62f9b4eab4007f985', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '9b31a9dd4b8cc239c9b66c7adbc312bdd827b93e', class: "grid" }, index.h("span", { key: 'c271cd470251c490af7a47726477ff1ad924ca1e', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), index.h("span", { key: '1fe724e0c13e01af88619953dada47e659a234a4', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, index.h("div", { key: '49227a94ee6c63902c24ae6e1ce598721f2179e7', class: "grid" }, index.h("span", { key: '25c2e7c420bf7501c91fb810dcc15b8fabe75211', class: "f-body-02" }, this.colors[3].rgb), index.h("span", { key: '0a7918f45e4315630fdd51701fd502930db1d62d', class: "f-body-02 w-full" }, this.colors[3].cmyk), index.h("eds-code-block", { key: '93fd3a9ce6103b162559697d43bd6c79134bd12e', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '9b8af5c7b8c039647035c2252cb9febddf1c12d8', class: "grid" }, index.h("span", { key: 'c50c154e8587bb41f1c80b61869103d12339308f', class: "f-body-02" }, this.colors[3].pantoneC), index.h("span", { key: '567798f8d597a9fe26123dd489443e6c752f0b38', class: "f-body-02" }, this.colors[3].pantoneU)))), index.h("li", { key: '4297335389feff02c051beea3bbfee33677f61ac', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '0a5cda329ffc92c33e323ded6c74a2f3b6309797', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, index.h("div", { key: '02babf093dea42599bdd40ae789b795714b638a2', class: "grid" }, index.h("span", { key: 'a5c2e49f307c005c29b6c3c0d5c37604a20b38d7', class: "f-body-02" }, this.colors[4].rgb), index.h("span", { key: 'e9281ee3b7c23920e165f90796772c5057f0e591', class: "f-body-02 w-full" }, this.colors[4].cmyk), index.h("eds-code-block", { key: '0144a15a5f4276c6d686dd7ea2893ead295d81ad', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '84e6de06e4c31803fa99ef2113866e947631be02', class: "grid" }, index.h("span", { key: '1a21ce9476d86e83c3a61c591d015d917f34bad2', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), index.h("span", { key: 'c81bd5ea778d4694847bcbd0f23c320e5acc9167', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
     }
 };
 

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

@@ -14,26 +14,25 @@ const DocsOverview = () => (index.h("div", { class: "static-content container" }
         "."),
     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" }),
     index.h("p", null, "This snippet is part of the Stencil component loader system. Under the hood, it does the following:"),
-    index.h("eds-steps", { steps: [
-            {
-                title: 'Import the Loader Module',
-                content: 'The script imports the defineCustomElements function from the Stencil-generated loader module hosted at a CDN. This module contains the registration logic for all your custom components.'
-            },
-            {
-                title: 'Register Custom Elements',
-                content: 'Calling defineCustomElements(window) loops through the available components and registers each one with the browser using customElements.define(). This makes your custom elements available in the DOM.'
-            },
-            {
-                title: 'Lazy Loading in Action',
-                content: "Although all components are registered on startup, their implementation code is lazy-loaded. This means a component's code is only fetched when it is first used, optimizing the initial load time."
-            },
-            {
-                title: 'Optimized Performance',
-                content: 'By registering components early and lazy-loading their implementations, the script helps maintain a fast startup while ensuring that all custom elements are ready for use when needed.'
-            }
-        ] }),
-    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 label="my bytton" intent="primary"></eds-button>', language: "html", "copy-label": "Copy Code" }),
+    index.h("div", { class: "mt-16" },
+        index.h("eds-steps", { type: "static", steps: [
+                {
+                    title: 'Import the Loader Module',
+                    content: 'The script imports the defineCustomElements function from the Stencil-generated loader module hosted at a CDN. This module contains the registration logic for all your custom components.'
+                },
+                {
+                    title: 'Register Custom Elements',
+                    content: 'Calling defineCustomElements(window) loops through the available components and registers each one with the browser using customElements.define(). This makes your custom elements available in the DOM.'
+                },
+                {
+                    title: 'Lazy Loading in Action',
+                    content: "Although all components are registered on startup, their implementation code is lazy-loaded. This means a component's code is only fetched when it is first used, optimizing the initial load time."
+                },
+                {
+                    title: 'Optimized Performance',
+                    content: 'By registering components early and lazy-loading their implementations, the script helps maintain a fast startup while ensuring that all custom elements are ready for use when needed.'
+                }
+            ] })),
     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",
@@ -45,13 +44,16 @@ const DocsOverview = () => (index.h("div", { class: "static-content container" }
         "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"),
-        ". 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."),
+        ". 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 dynamic 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,
         "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"),
-        ".")));
+        "."),
+    index.h("h2", null, "Example"),
+    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 label="my bytton" intent="primary"></eds-button>', language: "html", "copy-label": "Copy Code" })));
 
 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."),
@@ -80,6 +82,13 @@ const DocsVue = () => (index.h("div", null,
     index.h("h2", null, "Vue Wrappers"),
     index.h("p", null, "To use the EBRAINS web components in a Vue Application, simple install the package below and check out the examples."),
     index.h("eds-code-block", { code: "npm install @ebrains/vue", language: "javascript", "copy-label": "Copy Code" }),
+    index.h("h2", null, "Vue Router Initialization"),
+    index.h("p", null,
+        "For better component handling and to avoid potential asynchronous initialization issues (such as runtime errors from components that depend on the router context), make sure the application waits for the router to fully initialize before mounting the app. Use the following pattern in your ",
+        index.h("code", null, "main.ts"),
+        ":"),
+    index.h("eds-code-block", { code: "import { createApp } from 'vue';\nimport App from './App.vue';\nimport router from './router';\n\nconst app = createApp(App);\napp.use(router);\n\n// Wait for router to finish resolving initial navigation\nrouter.isReady().then(() => {\n  app.mount('#root');\n});\n", language: "javascript", "copy-label": "Copy Code" }),
+    index.h("p", null, "This ensures that all components relying on routing information (e.g., navigation links, route guards, or async route data) are rendered only after the router is ready, preventing timing-related errors or unexpected behavior at startup."),
     index.h("h2", null,
         "Passing Properties to Custom Elements Using the ",
         index.h("b", null, ".prop"),
@@ -101,7 +110,7 @@ const DocsVue = () => (index.h("div", null,
         index.h("b", null, ".prop"),
         " modifier in Vue ensures that the data you pass to your custom elements is received as intended. It prevents Vue (and the browser) from transforming camelCase property names into lowercase attributes, thereby maintaining the correct data mapping in your Stencil components."),
     index.h("eds-section-core", { "section-title": "Example Vue App", "heading-level": "h3" },
-        index.h("eds-code-block", { code: '\n<template>\n  <div>\n    <EdsHeader></EdsHeader>\n    <!-- render the splash until we manually hide it -->\n    <EdsSplashScreen inverse="false" />\n\n    <!-- then show main UI -->\n    <div v-if="!splashVisible" class="container my-16">\n      <EdsSteps \n        :steps="JSON.stringify(stepsdata)"\n        type="linear"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { EdsSplashScreen, EdsSteps, EdsHeader } from "@ebrains/vue";\n\nexport default {\n  name: "App",\n  components: { EdsHeader, EdsSplashScreen, EdsSteps },\n  data() {\n    return {\n      stepsdata: [\n        { title: "Introduction", content: "Begin by familiarizing yourself with the overall process." },\n        { title: "Process Overview", content: "Review the detailed steps and understand the workflow." }\n      ],\n      splashVisible: true\n    };\n  },\n  methods: {\n    delay(ms) {\n      return new Promise(resolve => setTimeout(resolve, ms));\n    },\n    async initialize() {\n      try {\n        // simulate your init work\n        await this.delay(2000);\n\n        // fire the built-in event that EdsSplashScreen listens for\n        window.dispatchEvent(new Event("hideSplash"));\n      } catch (e) {\n        console.error("Init error", e);\n        window.dispatchEvent(new Event("hideSplash"));\n      } finally {\n        // show the rest of the app\n        this.splashVisible = false;\n      }\n    }\n  },\n  mounted() {\n    this.initialize();\n  }\n};\n</script>\n', language: "javascript", "copy-label": "Copy Code" }))));
+        index.h("eds-code-block", { code: '\n<template>\n  <div>\n    <EdsHeader headerVariant="strong"></EdsHeader>\n    <!-- render the splash until we manually hide it -->\n    <EdsSplashScreen inverse="false" />\n\n    <!-- then show main UI -->\n    <div v-if="!splashVisible" style="padding: 10px;">\n      <EdsSteps \n        :steps="JSON.stringify(stepsdata)"\n        type="linear"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { EdsSplashScreen, EdsSteps, EdsHeader } from "@ebrains/vue";\n\nexport default {\n  name: "App",\n  components: { EdsHeader, EdsSplashScreen, EdsSteps },\n  data() {\n    return {\n      stepsdata: [\n        { title: "Introduction", content: "Begin by familiarizing yourself with the overall process." },\n        { title: "Process Overview", content: "Review the detailed steps and understand the workflow." }\n      ],\n      splashVisible: true\n    };\n  },\n  methods: {\n    delay(ms) {\n      return new Promise(resolve => setTimeout(resolve, ms));\n    },\n    async initialize() {\n      try {\n        // simulate your init work\n        await this.delay(2000);\n\n        // fire the built-in event that EdsSplashScreen listens for\n        window.dispatchEvent(new Event("hideSplash"));\n      } catch (e) {\n        console.error("Init error", e);\n        window.dispatchEvent(new Event("hideSplash"));\n      } finally {\n        // show the rest of the app\n        this.splashVisible = false;\n      }\n    }\n  },\n  mounted() {\n    this.initialize();\n  }\n};\n</script>\n', language: "javascript", "copy-label": "Copy Code" }))));
 
 const DocsAngular = () => (index.h("div", null,
     index.h("h2", null, "Angular Wrappers"),
@@ -136,7 +145,7 @@ const ComponentsSection = class {
         }
     }
     render() {
-        return index.h("div", { key: '7c35270931bb242311baaa8b2d45f15135f72410', class: "container" }, this.renderContent());
+        return index.h("div", { key: '2716938c52b8f67e031d8508745cccb8f015a110', class: "container" }, this.renderContent());
     }
 };
 

package/dist/cjs/components.cjs.js

@@ -19,7 +19,7 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await appGlobals.globalScripts();
-  return index.bootstrapLazy(JSON.parse("[[\"eds-accordion_36.cjs\",[[1,\"eds-form\",{\"name\":[1],\"title\":[1],\"description\":[1],\"setFormUrl\":[4,\"set-form-url\"],\"formBtn\":[4,\"form-btn\"],\"formBtnLabel\":[1,\"form-btn-label\"],\"buttonIntent\":[1,\"button-intent\"],\"errorMessage\":[1,\"error-message\"],\"fields\":[1],\"groups\":[1],\"initData\":[16],\"formStyle\":[1,\"form-style\"],\"values\":[32],\"isSubmitting\":[32],\"hasError\":[32],\"errors\":[32],\"parsedFields\":[32],\"parsedGroups\":[32],\"setData\":[64],\"getData\":[64]},null,{\"fields\":[\"parseFields\"],\"groups\":[\"parseGroups\"]}],[1,\"eds-global-search\",{\"apiEndpoint\":[1,\"api-endpoint\"],\"placeholder\":[1],\"limit\":[2],\"debounceDelay\":[2,\"debounce-delay\"],\"query\":[32],\"results\":[32],\"loading\":[32],\"error\":[32],\"hasSearched\":[32],\"showDropdown\":[32],\"selectedIndex\":[32]},[[4,\"click\",\"handleDocumentClick\"],[0,\"keydown\",\"handleKeydown\"]]],[1,\"eds-user\",{\"user\":[1025],\"intent\":[1],\"dropdownLabel\":[1,\"dropdown-label\"],\"expanded\":[32],\"shortMode\":[32],\"closeDropdown\":[64]}],[1,\"eds-header\",{\"homeUrl\":[513,\"home-url\"],\"links\":[1],\"headerVariant\":[513,\"header-variant\"],\"menuEnabled\":[4,\"menu-enabled\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32]}],[1,\"eds-steps-v2\",{\"steps\":[1],\"type\":[1],\"imageSrc\":[1,\"image-src\"],\"imageWidth\":[2,\"image-width\"],\"bg\":[4],\"message\":[1],\"nextLabel\":[1,\"next-label\"],\"backLabel\":[1,\"back-label\"],\"finishLabel\":[1,\"finish-label\"],\"disableNext\":[4,\"disable-next\"],\"headingLevel\":[513,\"heading-level\"],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}],[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"]}],[1,\"eds-tabs\",{\"identifier\":[1,\"id\"],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}],[1,\"eds-matomo-notice\",{\"heading\":[1,\"title\"],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]],[1,\"eds-nps\",{\"question\":[1],\"leftLabel\":[1,\"left-label\"],\"rightLabel\":[1,\"right-label\"],\"selectedValue\":[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],\"autoClose\":[4,\"auto-close\"],\"noCloseSelector\":[1,\"no-close-selector\"],\"isOpen\":[32],\"focusIndex\":[32],\"close\":[64]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleHostInternalClick\"]]],[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"nextLabel\":[1,\"next-label\"],\"backLabel\":[1,\"back-label\"],\"finishLabel\":[1,\"finish-label\"],\"disableNext\":[1028,\"disable-next\"],\"headingLevel\":[513,\"heading-level\"],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}],[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"brd\":[1],\"withBtn\":[32]}],[1,\"eds-accordion\",{\"heading\":[1,\"title\"],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"buttonIntent\":[1,\"button-intent\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32],\"headerHeight\":[32]}],[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[32]}],[1,\"eds-table\",{\"data\":[1,\"table-data\"],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"actions\":[1],\"actionTemplate\":[16],\"parsedActions\":[32],\"dataColumns\":[32],\"tbData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32],\"containerWidth\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"],\"actions\":[\"handleActionsChange\"]}],[1,\"eds-block-break\",{\"inverse\":[4]}],[1,\"eds-spinner\",{\"size\":[1],\"variant\":[1],\"message\":[1],\"background\":[1],\"fullscreen\":[4]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"useButtons\":[4,\"use-buttons\"],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32],\"focusedIndex\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}],[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1]},[[1,\"mouseenter\",\"handleHover\"]]],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1]}],[17,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"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\"],\"min\":[2],\"max\":[2],\"step\":[2],\"options\":[1],\"type\":[1],\"onChangeNative\":[16],\"onInput\":[16],\"exposeValueEvents\":[4,\"expose-value-events\"]}],[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\"],\"min\":[2],\"max\":[2],\"step\":[2],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[1,\"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-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"sliderVal\":[32],\"getInputElement\":[64]},null,{\"value\":[\"onValueChange\"]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1],\"size\":[1]}],[1,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[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-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[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\"]]],[17,\"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-fullscreen-menu.cjs\",[[1,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32],\"open\":[64],\"close\":[64]},[[16,\"toggleheadermenu\",\"handleToggleMenu\"],[8,\"keydown\",\"onKeydown\"]]]]],[\"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]}]]],[\"incorrect-use-of-colors.cjs\",[[0,\"incorrect-use-of-colors\"]]],[\"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]}]]],[\"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]}]]],[\"eds-modal.cjs\",[[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\"]]]]],[\"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-gauge.cjs\",[[1,\"eds-gauge\",{\"size\":[2],\"valueMin\":[2,\"value-min\"],\"valueMax\":[2,\"value-max\"],\"value\":[2],\"thickness\":[2],\"variant\":[1]}]]],[\"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-bin.cjs\",[[0,\"eds-icon-bin\",{\"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-clone.cjs\",[[0,\"eds-icon-clone\",{\"class\":[1]}]]],[\"eds-icon-close.cjs\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy.cjs\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-download.cjs\",[[0,\"eds-icon-download\",{\"class\":[1]}]]],[\"eds-icon-draft.cjs\",[[0,\"eds-icon-draft\",{\"class\":[1]}]]],[\"eds-icon-edit.cjs\",[[0,\"eds-icon-edit\",{\"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-start.cjs\",[[0,\"eds-icon-start\",{\"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-view.cjs\",[[0,\"eds-icon-view\",{\"class\":[1]}]]],[\"eds-icon-youtube.cjs\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-pie.cjs\",[[1,\"eds-pie\",{\"size\":[2],\"slices\":[1],\"thickness\":[2],\"display\":[1],\"legend\":[4],\"colorScheme\":[1,\"color-scheme\"]}]]],[\"logo-wrong-usage.cjs\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing.cjs\",[[0,\"token-spacing\"]]],[\"eds-footer.cjs\",[[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]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"eds-splash-screen.cjs\",[[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"eds-progress-bar.cjs\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"rounded\":[4],\"updateValue\":[64]}]]],[\"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\"]]]]],[\"logo-variations-horizontal_2.cjs\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-social-networks.cjs\",[[1,\"eds-social-networks\",{\"heading\":[1,\"title\"]}]]],[\"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-card-desc_2.cjs\",[[1,\"eds-card-desc\",{\"description\":[1],\"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]}]]]]"), options);
+  return index.bootstrapLazy(JSON.parse("[[\"eds-accordion_37.cjs\",[[1,\"eds-form\",{\"name\":[1],\"title\":[1],\"description\":[1],\"setFormUrl\":[4,\"set-form-url\"],\"formBtn\":[4,\"form-btn\"],\"formBtnLabel\":[1,\"form-btn-label\"],\"buttonIntent\":[1,\"button-intent\"],\"errorMessage\":[1,\"error-message\"],\"fields\":[1],\"groups\":[1],\"initData\":[16],\"formStyle\":[1,\"form-style\"],\"values\":[32],\"isSubmitting\":[32],\"hasError\":[32],\"errors\":[32],\"parsedFields\":[32],\"parsedGroups\":[32],\"setData\":[64],\"getData\":[64]},null,{\"fields\":[\"parseFields\"],\"groups\":[\"parseGroups\"]}],[1,\"eds-global-search\",{\"apiEndpoint\":[1,\"api-endpoint\"],\"placeholder\":[1],\"limit\":[2],\"debounceDelay\":[2,\"debounce-delay\"],\"query\":[32],\"results\":[32],\"loading\":[32],\"error\":[32],\"hasSearched\":[32],\"showDropdown\":[32],\"selectedIndex\":[32]},[[4,\"click\",\"handleDocumentClick\"],[0,\"keydown\",\"handleKeydown\"]]],[1,\"eds-user\",{\"user\":[1025],\"intent\":[1],\"dropdownLabel\":[1,\"dropdown-label\"],\"expanded\":[32],\"shortMode\":[32],\"closeDropdown\":[64]}],[1,\"eds-header\",{\"homeUrl\":[513,\"home-url\"],\"links\":[1],\"headerVariant\":[513,\"header-variant\"],\"menuEnabled\":[4,\"menu-enabled\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32]}],[1,\"eds-steps-v2\",{\"steps\":[1],\"type\":[1],\"orientation\":[1],\"imageSrc\":[1,\"image-src\"],\"imageWidth\":[2,\"image-width\"],\"message\":[1],\"nextLabel\":[1,\"next-label\"],\"backLabel\":[1,\"back-label\"],\"finishLabel\":[1,\"finish-label\"],\"disableNext\":[1032,\"disable-next\"],\"headingLevel\":[513,\"heading-level\"],\"activeStep\":[32]},null,{\"disableNext\":[\"handleDisableNextChange\"],\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}],[1,\"eds-sidebar\",{\"items\":[1],\"theme\":[1],\"activeUrl\":[1,\"active-url\"],\"enableRouting\":[4,\"enable-routing\"],\"maxLevel\":[2,\"max-level\"],\"openItems\":[32],\"parsedItems\":[32]},null,{\"items\":[\"handleItemsChange\"],\"activeUrl\":[\"handleActiveUrlChange\"]}],[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"]}],[1,\"eds-tabs\",{\"identifier\":[1,\"id\"],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}],[1,\"eds-matomo-notice\",{\"heading\":[1,\"title\"],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]],[1,\"eds-nps\",{\"question\":[1],\"leftLabel\":[1,\"left-label\"],\"rightLabel\":[1,\"right-label\"],\"selectedValue\":[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],\"autoClose\":[4,\"auto-close\"],\"noCloseSelector\":[1,\"no-close-selector\"],\"isOpen\":[32],\"focusIndex\":[32],\"close\":[64]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"],[0,\"click\",\"handleHostInternalClick\"]]],[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"orientation\":[1],\"nextLabel\":[1,\"next-label\"],\"backLabel\":[1,\"back-label\"],\"finishLabel\":[1,\"finish-label\"],\"disableNext\":[1032,\"disable-next\"],\"headingLevel\":[513,\"heading-level\"],\"collapsibleTitles\":[4,\"collapsible-titles\"],\"activeStep\":[32]},null,{\"disableNext\":[\"handleDisableNextChange\"],\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}],[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"brd\":[1],\"withBtn\":[32]}],[1,\"eds-accordion\",{\"heading\":[1,\"title\"],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"buttonIntent\":[1,\"button-intent\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32],\"headerHeight\":[32]}],[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[32]}],[1,\"eds-table\",{\"data\":[1,\"table-data\"],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"actions\":[1],\"actionTemplate\":[16],\"sortingEnabled\":[4,\"sorting-enabled\"],\"theme\":[1],\"parsedActions\":[32],\"dataColumns\":[32],\"tbData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32],\"containerWidth\":[32],\"sortColumn\":[32],\"sortDirection\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"],\"actions\":[\"handleActionsChange\"]}],[1,\"eds-block-break\",{\"inverse\":[4]}],[1,\"eds-spinner\",{\"size\":[1],\"variant\":[1],\"message\":[1],\"background\":[1],\"fullscreen\":[4]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"useButtons\":[4,\"use-buttons\"],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32],\"focusedIndex\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}],[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1]},[[1,\"mouseenter\",\"handleHover\"]]],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1]}],[17,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"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\"],\"min\":[2],\"max\":[2],\"step\":[2],\"options\":[1],\"type\":[1],\"onChangeNative\":[16],\"onInput\":[16],\"exposeValueEvents\":[4,\"expose-value-events\"]}],[1,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[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\"],\"min\":[2],\"max\":[2],\"step\":[2],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[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-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"sliderVal\":[32],\"getInputElement\":[64]},null,{\"value\":[\"onValueChange\"]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1],\"size\":[1]}],[1,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[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-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[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\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[17,\"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\"],\"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-fullscreen-menu.cjs\",[[1,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32],\"open\":[64],\"close\":[64]},[[16,\"toggleheadermenu\",\"handleToggleMenu\"],[8,\"keydown\",\"onKeydown\"]]]]],[\"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]}]]],[\"incorrect-use-of-colors.cjs\",[[0,\"incorrect-use-of-colors\"]]],[\"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]}]]],[\"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]}]]],[\"eds-modal.cjs\",[[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\"]]]]],[\"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-gauge.cjs\",[[1,\"eds-gauge\",{\"size\":[2],\"valueMin\":[2,\"value-min\"],\"valueMax\":[2,\"value-max\"],\"value\":[2],\"thickness\":[2],\"variant\":[1]}]]],[\"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-bin.cjs\",[[0,\"eds-icon-bin\",{\"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-clone.cjs\",[[0,\"eds-icon-clone\",{\"class\":[1]}]]],[\"eds-icon-close.cjs\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy.cjs\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-download.cjs\",[[0,\"eds-icon-download\",{\"class\":[1]}]]],[\"eds-icon-draft.cjs\",[[0,\"eds-icon-draft\",{\"class\":[1]}]]],[\"eds-icon-edit.cjs\",[[0,\"eds-icon-edit\",{\"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-start.cjs\",[[0,\"eds-icon-start\",{\"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-view.cjs\",[[0,\"eds-icon-view\",{\"class\":[1]}]]],[\"eds-icon-youtube.cjs\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-pie.cjs\",[[1,\"eds-pie\",{\"size\":[2],\"slices\":[1],\"thickness\":[2],\"display\":[1],\"legend\":[4],\"colorScheme\":[1,\"color-scheme\"]}]]],[\"logo-wrong-usage.cjs\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing.cjs\",[[0,\"token-spacing\"]]],[\"eds-footer.cjs\",[[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]},[[9,\"scroll\",\"handleScroll\"]]]]],[\"eds-splash-screen.cjs\",[[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"eds-progress-bar.cjs\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"rounded\":[4],\"updateValue\":[64]}]]],[\"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\"]]]]],[\"logo-variations-horizontal_2.cjs\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-social-networks.cjs\",[[1,\"eds-social-networks\",{\"heading\":[1,\"title\"]}]]],[\"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-card-desc_2.cjs\",[[1,\"eds-card-desc\",{\"description\":[1],\"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]}]]]]"), options);
 });
 
 exports.setNonce = index.setNonce;

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

@@ -61,7 +61,7 @@ const CorrectUseOfColors = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("div", { key: 'd0be09152cb04a9a38d8a744187a9b26a1e89218', class: "container" }, index.h("p", { key: 'b271be0db9ebeb6b97f139d104c8ad22f67a0a07', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: 'c2166109121cb18a2bee1d7e97a829ad726dd635', 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: '77a3b2e02a38239cbdcdfacbe8375a8a37169fa5', 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: '82a056e939a0b263f1454a968688702038389842', class: "flex" }, index.h("div", { key: 'b9bb7e15d2a5cc4c490d2e4e7d6dd56112fde0f8', class: "w-full" }, index.h("ul", { key: '9190e2d3a5169fee4fe98a4edb0147be2e355455', 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: 'bae996225c7c49f584d6a5cc9cf3a8ad8f8807ec', class: "w-full" }, index.h("ul", { key: 'f70940212a1efa846e3563dfbf93df65cd0bbbf1', 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: '9ced01dbcfd41dfb15c40a3f85165b94ffe9de23', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: 'bc44a1e9c7bf221946c550457e146b8149735e43', 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: 'cf461572ff956405929ca6cf95dfa56d07744593', 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: '37d90b2c2f0269791c923ce440924c0c3b01ca71', class: "flex" }, index.h("div", { key: 'ff636e6bd9029bc7c9d53f3f0d8524f23b5b8ab3', class: "w-full" }, index.h("ul", { key: '4b8a8666c8b4a2ac30550a1d0ab2c0e0314f2fe5', 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: '94d98ed72746e71f47ab181cbbb528d2ef61dfce', class: "w-full" }, index.h("ul", { key: '3600baa2c87dd21cba3e2fc138df5b968c9c52ef', 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: '117caf5580bde7dd9347df9c38acbb4456ab98f8', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: '6a82c99271f67352ada76deee022ef660b43815a', 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: '935f98fb55d98c8a7e430c14420502cace108e3f', 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: '7d9c32250cdd2f369c536bb4c6c90df2e74a5a33', class: "flex" }, index.h("div", { key: '376f8f6c2728c8044d058bab425d393534bd663d', class: "w-full" }, index.h("ul", { key: '317a5310649943460df30cd2e68dbf3dcc547499', 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: '7cde122042c334ddee130cd08ace0e5d85df6f8c', class: "w-full" }, index.h("ul", { key: '9b86c880cc07b785fcfe364ee3271947f2804079', 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: 'a2c6b976e0afb9f501bb19a6de47faa1a0de095e', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: 'f7b115c2c96e67123dc3f539cf191f93a8f411e0', 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: '236cba8f8133462144e771fa0911f5f5f3d7af58', 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: '1330c6ae0c7e870a94e9f120587240a605570883', class: "flex" }, index.h("div", { key: '548fd1822b448bc1d424d0d8d70e21643e0d4b7b', class: "w-full" }, index.h("ul", { key: '0a03e4b6817a18cfbcbadb0734c7970120b7d632', 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: '535d834c0520279fc1c1356275901aa942037e9c', class: "w-full" }, index.h("ul", { key: '3125151afe464cdb9ca4a33904ee9f865c743fed', 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: '4fe6cbf0872ceb38e8c4ade73f9cd5d71dc02a6d', class: "container" }, index.h("p", { key: 'a2f95067e472c8ecc8010cc529ec69c48746f243', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: '304fd52f6ef4744d6a531a5d7b8729d505c6d7e5', 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: 'eea7378f6153492e2238417887f2ce786c450293', 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: '87608635aa776aea41fd8d6a9b794fd617e58316', class: "flex" }, index.h("div", { key: '39197725e0a769ce5aeae4ecf3490c40368a1a69', class: "w-full" }, index.h("ul", { key: 'fc7bc2dd624ad83209d2e55a31c7fe228e27a05c', 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: '487f4c9776ef797fed3a504bc988529fafafe5d8', class: "w-full" }, index.h("ul", { key: '40cc46b58f95bdfe281b8336d57200f0b10ba7bf', 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: '0d7f40bfb85770112c13562ec947475f3b31a581', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: '2574eb39b09d61126d4caceb1ca39718fb84cc49', 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: '19ae32c4f3db95043b10be2dd1f8542910295db0', 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: '500638a0a9d1a29962dcffa485612bc716b17585', class: "flex" }, index.h("div", { key: '8564beedaa965489c3224ab8279a35af3f8234a4', class: "w-full" }, index.h("ul", { key: 'a60d9044f83a891df3f8855699c9add12826b1e2', 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: '312f36e79e1a1c1d6c009c8e61fdff15aa7d2d36', class: "w-full" }, index.h("ul", { key: '239670d7c3ff0eb8e8183999250dd4599f7eb57d', 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: '0ad90e8f9b9b5a6e02f60f1992c3290811f7712c', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: 'df616406dd19b599afba16f1eb7c6efd0ab0a676', 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: '595d7edcb5d5309daff1bda838a87afaeb91d1ac', 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: '553e6261bd0b27dee6993b3b828f0a32e9125fa7', class: "flex" }, index.h("div", { key: 'c2117c24b17629ab511eff847954b54b5ef7dafe', class: "w-full" }, index.h("ul", { key: 'a18f9635a15188a3b9ae057d83968a26f225289e', 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: '31a3b39cebe2d27d0f14769e9031a6342956ae48', class: "w-full" }, index.h("ul", { key: 'acd7aab003bade1303b98c6e5cfa31f65078315e', 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: '3d85b99a224355957176c8511e2ce8847a10b15f', class: "f-body-01" }, "This guide demonstrates the correct usage of the", index.h("eds-link", { key: 'c362a37363f542dc6e93f74fd19e1be47a9c2e26', 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: '30890c8730d50a567611fee53a879511d6c83170', 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: '0711dc09f3de81be950f9b1103fef11579bf269f', class: "flex" }, index.h("div", { key: '84e885c4a4102791febe68fa3b3f65f7f14cbf66', class: "w-full" }, index.h("ul", { key: '68f65fecdc6a4875d0ec1dcc3a187b32a13edaa6', 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: '9eb65cffe9ec2b8cd8505dffaf67bb9da1545327', class: "w-full" }, index.h("ul", { key: 'b8ec8142577d347f87a4a34984c83a7b2b6390de', 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

@@ -20,7 +20,7 @@ const DocsPalettes = class {
         }
     }
     render() {
-        return index.h("div", { key: 'c5add26ecb245e398f8b2cf496d05da86a60f108', class: "container" }, this.renderContent());
+        return index.h("div", { key: 'dd4c39b9b45b3ac9d7e54898e27c09b3c6b4259d', class: "container" }, this.renderContent());
     }
 };
 

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

@@ -28,7 +28,7 @@ const DocsContent = class {
         }
     }
     render() {
-        return index.h("div", { key: '9afe4f5912087e80d327a7c79a69be68b1ffa677', class: "container" }, this.renderContent());
+        return index.h("div", { key: 'dfc087cb088b4505939bcf69559639f0a2075255', class: "container" }, this.renderContent());
     }
 };