@ebrains/components 1.1.0 → 1.3.0

package/dist/collection/eds-docs-ui/colors/color-palette/support.js

@@ -58,7 +58,7 @@ export class ColorSupportPalette {
         return 'text-default';
     }
     render() {
-        return (h("ul", { key: '42a4eb08f07919ad464ba017dbba65667c91e005', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
+        return (h("ul", { key: '869a21a9a286ba36e5df1cef926e1c119ce35645', 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 (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: `f-body-02 ${textClass}` }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' }, class: textClass })), h("div", { class: "grid" }, h("span", { class: `f-body-02 ${textClass}` }, color.pantoneC), h("span", { class: `f-body-02 ${textClass}` }, color.pantoneU)))));

package/dist/collection/eds-docs-ui/colors/gradient-palette/primary.js

@@ -33,7 +33,7 @@ export class GradientPrimaryPalette {
         ];
     }
     render() {
-        return (h("ul", { key: '2bc09e1f15ce98c6ba133cffc09df3bf10ca343f', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
+        return (h("ul", { key: 'a527107bb4bab3981790adacf1b354da1fa41602', 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) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16" }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
     }

package/dist/collection/eds-docs-ui/colors/gradient-palette/secondary.js

@@ -57,19 +57,19 @@ export class GradientSecondaryPalette {
         ];
     }
     render() {
-        return (h("div", { key: '32943156b28f767dc9b2e524202a4f4906432472' }, h("ul", { key: 'bf0d9a310edc584b67e064b149c771417e4da9cc', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '3ed95b92fe0eea4e75be722c1d0abdedfaa9e00e', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'b5d4f381155b3e89bf441a87b9aff7718d4bd978', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("div", { key: '74f7edbba10e5d4db5a2f661b73b0fb918e46b68' }, h("ul", { key: 'b9045ef69060083d97bd3eb3a3c6b717f4fe1f34', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'a72a7d04c335ab12eeb9cafaa2e6f2faf54b8b96', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '34c60280372817adbd8f5f516a5825f5a21438e4', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[0].background
-            } }, h("div", { key: 'c12a9c31da8078a9e6889e0084f1256dad389b59', class: "grid" }, h("span", { key: '2fa2d5e9bb0820f08d3c265d7797eeca4c47c73c', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'b609663a6bfebc37deee295b5c8316bb08e6c785', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'b3cc79d81900f4a9a12ff7c6ebaac286c4dc1cd6', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'f91c41b6301c6234387c4386c493a9df56869c84', class: "grid" }, h("span", { key: '1165b82de0328f60a495a563e14277d3722b7d87', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: 'f364fa3b7d4a9c52e1b67a65a4992ea1055084c1', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: 'e798299fb6ffedd626aaf477593b928c73b177bc', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '46e9b34908507069d975d766a5e696a6ab47b990', class: "grid" }, h("span", { key: 'ebeb484c14c82b35811bb66111dcdd67549d1a46', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'b7fa5ce2837e11ff98f470f5907d4a7a47ed288a', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '6e65b43c564a308f6b183e463f6b2ca28cbac2a7', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '03b3bf61023ea3314dfa1a8bedfa5f72f47a21d2', class: "grid" }, h("span", { key: '4d1a77980d823f96a6b47abd9496062802532fb7', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '60c0d9436d3210518dd931e5b46e0687992611f2', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: '9ac430429109809eb270b58d07423fbb4f12f06d', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[1].background
-            } }, h("div", { key: 'eee5b2de72d33f80c85fb0ad39e486cbd69d664b', class: "grid" }, h("span", { key: '5190b0bb900bf234f32ccad7d37749ae0e57c31c', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '49e3d6d1073dfa8d08054e9db612bfce1a811347', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'fd0c166cac7839de62cd782ec8071ba70378c15f', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'e9e95829a6eec21baab0238677a33cc649351185', class: "grid" }, h("span", { key: 'e8a6c41cc8193ca78794c7147f20d39604a1ae04', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: '039cbc6eedc43de988b5dd823525bde00f7a21e5', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '7f95cfde8f4724b236446c3732c04929e17a9aa0' }), h("ul", { key: '72f723c89d17ea54a962122867abbd690b4d9ad9', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'b2153dc607ed77d0a3b1398c3fc8b626163575e1', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'e9ff842671af9bf749857fb4b430dbd997eadbab', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '6e12590eb03638ff0a05cb1fc21c793b202be508', class: "grid" }, h("span", { key: 'ca3267c62171da901fa7397ab755913d8244fa05', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'd3e34e06994849c667d2ce4aed6660d0052b51bc', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '10090042d6f423dc0ba69bbebbbc261a8f83177b', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'e51f480cfbce6505657be18f64e206f17292b75b', class: "grid" }, h("span", { key: 'e52d1565df7f85edf31815330139542ad685d5bb', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: 'c82c6476a00d3d86f175d84a991799e4b8be0339', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '9f9454dd27f53c76e055b75bd35718170934161c' }), h("ul", { key: 'f0cd0c2956b005dff53e840780ec883e79e54d29', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '0051eca25a27a4617642ee62495b5070b39303e1', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'e635251200247329d546f6832b45c15f68e16ada', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: 'fd8255c5ee1ffe2f1b44cc670e504540b2e19b17', class: "grid" }, h("span", { key: '17b71b6d17fe483a0eab1e80959da2076ad4647e', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: 'b3d39bde727347801976d1471875e3226f71d334', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'd37cfec78f74f7eec02047fb8e30962c55379f71', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'aa0ec054bb018ab8e564910ada76d849ee2d1608', class: "grid" }, h("span", { key: 'f633c21fb5227330e843b1c1f6d1fff40766c0d0', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'c41495a89c987cf7cfbbd0b4d1ff12ac0c650610', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '18a802a0cb7cbd228840fb58fadf6a121d98ebf9', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'ae1fbc5eab2f291f01a67ea2c175e916994a23cc', class: "grid" }, h("span", { key: '89b9565bb0eaceb4306cc2fb8112005e1ecac2ec', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '789381481f744ceeb4db49ffdcae1992e24411e7', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '17ef5171b93ddae1a653e4e24931a4dd8133e327', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '683d59c2d9ef6c7be6cddce3e861b88362c9d92b', class: "grid" }, h("span", { key: '049567ea731c85be8ee92a1e367d8bed0d53a948', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'e9abe0895de0438db939a081f84dd4a95de56b33', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'e2d6d0aaf225da7a4b92a539106a4995e0a97e90', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: 'edf5fe68043e4712e7174c405e73e1aa84570936', class: "grid" }, h("span", { key: '455d010554f4836b26ff4b0568d088a4505619f3', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '6a50beb860b13371178b9582279c76cca29f25cf', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '98333266061cd31aa09d7d1394829c5d822c901f', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '9f1952601d13a96f1caade683d5474a26cf94298', class: "grid" }, h("span", { key: 'e43da3fba22655cef1690725654919a79d43a2f4', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: 'c3e280221454dc05f4112f03e3d226a6e70b70d3', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: '63355f298a7680e4307b6e467da0fd54faf9da14' }), h("ul", { key: 'ff5a5554b716e21b0e219228317bbe334fc96488', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'b4ecf3a608a9321ca0cfd1edad2778b3b8ddf918', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '587730e489242f8579b2db3aceea8fadf4ba0f75', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '5327980f01b127a695ebc19f2ea9edf99b674078', class: "grid" }, h("span", { key: 'c44c7dfd09520b00a4faa2723a797e2e6e893816', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '50ed833cf9d0b281d0ee2c06ca6e9074b82de399', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'd8545dfbeec83ce4e04695b52c85e1e4ea8d125e', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '3a88aa95a18ff30a5694c73dfce9b27cdbfb22cc', class: "grid" }, h("span", { key: '72245f6f7992657f4801571258c0b474a0b00f26', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '1d24a4ce4f9456268030f45fb5320f71de235483', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: '911c0de727c6dfbe9e0d83b572ea2637a54481f6' }), h("ul", { key: 'a09572c51f87e28b3b90b5ac9936d1c0c109a780', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '0228ebc07d1402fd16def4e3596d80f971b3d437', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '6041ecff1c8ec57284ea167a39573a572c266c19', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[4].background
-            } }, h("div", { key: '883c226b73544a239f6d0ece7cbab020e1cc5874', class: "grid" }, h("span", { key: 'dc5031f2236d81513cc543997f9b445b0fdea4be', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'a90f91b008cb67e8ee4a0454ed9e75f683a1a960', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '4c12f3a2500535970bdb70bb87b8d73348ef25bb', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '1ebadf2907a7f499d61e9edc7c71bb9e7378594a', class: "grid" }, h("span", { key: 'acfce5255506344a9b65b195933cf924e1030467', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: 'a7c4c25345c91a9753c4615c5205cf3dc49c36af', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: '01ce94d66521e612357c61de65ca1acd01e84cb9', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'eb2a7c48b057c022302c9a2d4101bbf3c062afb9', class: "grid" }, h("span", { key: 'e4de44d68f477e93a9fe992cd4e8008c71db775c', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '4e5c3774c71fe464173005df581f867a683b8f32', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'aa9462ae6d2feb2f1caddff60b0e36593a2363ac', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'ef2cbd394e055499a1b8050d61618d4469cfe12f', class: "grid" }, h("span", { key: '15e103271c649e90d5f9e8891bd94da5c91855c2', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: '6a19b5ba5340ff0fe4eb91869f502ed0d33dc423', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: 'fd71cdb93d40856025ff743330a1849829f13ea1', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[5].background
-            } }, h("div", { key: '628435f8fab14df7613aa4427af0b8c15fc222c2', class: "grid" }, h("span", { key: '4b4bbd19051b9d8d1eb524f2c84104eab7dae20a', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: 'bb01da8698315272a78bad8d7258cb79be98446b', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: 'f28b072bdb7dc66f3f3be1e922e527a7e3f4bf34', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '027adf31b26154f659c2cd8c9ee935b5886e8419', class: "grid" }, h("span", { key: 'f74af79724fd67f67ad0433f9390ca022c6788d8', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: '87262b14ffcda0153b37a5090b25e58b7c71c5dd', class: "f-body-02" }, this.colors[5].pantoneU)))))));
+            } }, h("div", { key: 'fb0aa74276a6210ea690892ac4cb295975c1631c', class: "grid" }, h("span", { key: '25292c9f2f2417f7fd8e6db1d3419663ef5bf831', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: '1bca86d8036ac0923e6014b36177974e135799a0', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: '142843c1ac15d4fdda1d5c2a96d11503ac99c2c9', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '6c05bf3278967860f4c36a6c4711be70ba9989c4', class: "grid" }, h("span", { key: '32459a9b07699f3291ce29dcffaa12faffe6006a', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: 'b9cd8ea5b74262c3268981137639c953cbfa512f', class: "f-body-02" }, this.colors[5].pantoneU)))))));
     }
     static get is() { return "gradient-secondary-palette"; }
 }

package/dist/collection/eds-docs-ui/colors/gradient-palette/support.js

@@ -49,11 +49,11 @@ export class GradientSupportPalette {
         ];
     }
     render() {
-        return (h("ul", { key: '54a1927a8b5d68b7ef0cda7e1b7d673b33605a3c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '25d63af647cab86f74bb7fb261836f5938beb0c8', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '3a39fde1fd70cf8c456c9032ae0458976fd4e289', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '0d2bcd0138973145c717725c79b6a2f4ff290b97', class: "grid" }, h("span", { key: '31c920216944da65a446f6c7d3037aee600e71d8', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '838ab2e1e8664243e32726ab03539a4f32b32cf4', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '2f8a24075e0fe1d2a6fda01fb97b4cf49f85277f', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8482d6666b68cd1ceb866e1cbdd0d88343cf79da', class: "grid" }, h("span", { key: 'e3ba3599b4e5743691c35a28358f0050de18d32a', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: 'c3ac3af17201effeb89b017a334c9ac0b0d62ddf', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: '447e0a60ef726347ec1f4f540f6de7747a450845', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'fd922845d2aa3f66fde4d7fcf9f5b2416332fe9c', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: 'bcf9ff063b3c130e8f7e24247f032a9f9fa40bb6', class: "grid" }, h("span", { key: '0bcea7730d9f34ac44544cd1bc3bfa3b8ca361cf', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '9c5169394a89f4ba2adbb0ac2576bd885443aac3', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'c50e9ba110494a1a0e9df18a081f02cb86c700c4', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '365655cca2301d94a52f859fa9527ae5c0ef1ece', class: "grid" }, h("span", { key: '088fca6cf72c8c74244d9a6e19c7ec083c8a6711', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: 'b33043ed7e2ff751be0d3c229324369aeacd8f1e', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: '3b619a6a67d31ea7b358b59a147f36bfe35c4323', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '21b63edaebce5e4fdd10e6ad2ffaf31597d748f6', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("ul", { key: '7df69f04c7056874f1adc148bc558eebb3ad5ce0', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '6022b06412004891f8878ef083f8b720561b21c4', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'baa50bd7d36783a3c906bf34cf4782883d07fd15', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '8676a93e699a766cf14c933f782e255945cd6b33', class: "grid" }, h("span", { key: '812287677e887e635f2256afcc747008b3b67e87', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '4818cfaa20c82c2ea7fe2058159aab5d4a7585d2', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '3366a3a92d136f057350048698ea552d2abb528f', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '7d65d5e2f1e283fbbda8542fdb1238bc01419176', class: "grid" }, h("span", { key: '97f249218107af11869a10c80c29a32ecf37fed4', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: 'ef213856451374a9709ac600360a92b07596fbb6', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: '6e7b366c0b441e4738d1ec1c148ded1fb4e32750', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'e1c6c78fb4bc1aa509abd179bbca4eb9cc92d927', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: '8596e8b03c79c16fe7fcbcbde6d66618cd9eb31c', class: "grid" }, h("span", { key: 'daf3bbd648cc5b23c24ea04e4f63bf5224100637', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '36279d0a36a908d94bf69cd4626f697ddcf8a4a5', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '968dd60e01ed0ca4c12859883f39eae13bc241d2', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8adc5a48de6c7662d5bfd7f580b539cdb2724966', class: "grid" }, h("span", { key: 'aba8dc8c327f186cd71251c5d759a8d2bab22d76', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: '4f00ac84c957f17f640fdf99fe7bc0f8d5a4729d', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: 'f60cc305104ff06e7e3138122605719fdf44211a', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '16055cb2c78f2cab4c2a8ee5abf0ff180ce1818c', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: 'f6d5d058b645af61eebb8f6a7b2369e4c95c31fb', class: "grid" }, h("span", { key: 'b7b1101ac321600f6218cbc4371d9219b9aef016', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '2debc8469b2d82c0550f1173bb4f0c1cdf33a7e0', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '90753985397844a6cabeee1b0ac5b32a84f59ed1', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'f46c245f70973cd91992a8f9ec47e57997345c5c', class: "grid" }, h("span", { key: '7c7eb23f1312208b313cd2a2bd5c5a5af2e7cdd3', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '47c19d9a120cedc5c2bbbd385efa2e91ad4fd8e8', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'dcbc1b771bea1166bbbb0ed0e6fcd2d1aaa53b7f', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'cb9015c5139a9e4bc4d83c81e4c624418ba91e57', class: "grid" }, h("span", { key: 'e6071179b0d5ee6a327bae62e8cb797be4613a48', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: 'f82c6c24daedeed9976b40e15e68b0f8cf0e0237', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '38c572026fb438735393f080475ce007f1d6d87a', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'a348ef327a39997ef3b76d5c98dd0e485e71ceec', class: "grid" }, h("span", { key: 'f8d5156c502542206b83b8f402085b3e8f0cbbaf', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'd1ce2dc56c8f256a1e139a6a22ddfe922f374617', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'c37b60531e00b73b27a9d687f256906aa702fc33', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: '55dff4711f054b364df8a03381f768e93cd1b62a', class: "grid" }, h("span", { key: '3880f0ea82be335c750ed4553583bc87b7ca04cc', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '6952cfb758d707b3376032f1d997253c1edc9962', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '9e0bc4a1d79c41bfaa315fd3053752c4eda3cd18', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '9561d012cfbe411eac373f768893cc304b2e6138', class: "grid" }, h("span", { key: 'e90d3b590653807e22697395397ac89be9f52b90', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: 'ffd2be0e5f7ff3b72a73697e0ca2f92c7e9cc0a5', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: 'e963dd45ee5a8f52348e1b2a331df6af94f90f5f', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '0586094b065fdfa034096ef7e1eb95c6a26c41fc', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '6acfe9a84d72f0327c3eff6c44a616918fa627d3', class: "grid" }, h("span", { key: 'c3175b931ff1cc3365dbf1cdd548b550aaf662a3', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '42d1daa0c16dcceb7341c015b912e0ea27874282', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '56b32e9ba42ec77e3ba6263f27b78229996ce983', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '89226a45ae2cf148134d550d0507a3563978e1bd', class: "grid" }, h("span", { key: '6f9c4d6da4d4c3fe6ae8039291e6cd9c06635c24', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: '9b44fcec2f83ecaa9fb5a1b298bab55fce503e91', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, h("div", { key: '5664705a651d08bbc912dc2c54a5836b7b110756', class: "grid" }, h("span", { key: '983856d8e4b220111545618290fc646d9441255d', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '4889da92a9135b03cf4a3261bf56dbb5f0676732', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '7a05d96a8850a939aae04055d6687c4f0b099627', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '6d2a643019c9157caa657022ffd186cbce545051', class: "grid" }, h("span", { key: 'd6d4e56c980b989317059c5564d6734d882cb340', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '27d832aebcf959f279b31479011ad580eca1738e', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '4883a16496f89bb91be092dd30c396b5da80b022', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '0961b636d4700899d85a96559163a22cea529a3c', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '7dfe7f6f7ce9a0ef94f2e4fb5a238efbf4d79000', class: "grid" }, h("span", { key: 'de249cb619dc0b304e02137d3acca2372542d894', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'e61f26f9cb320b5c89a869cc136b77e188883271', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '6f42200391ca34de7059bb58487072e142a1e426', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'cc46304bf53b13ff4895589d728e8db931a4410d', class: "grid" }, h("span", { key: '1e7f7cef5a61e4644b2ffd4853a764e3d5894fa9', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: '30eb901e47311d9bce77ec1a05f29d43fb41dd70', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
     }
     static get is() { return "gradient-support-palette"; }
 }

package/dist/collection/eds-docs-ui/colors/use-of-colors/correct-use-of-colors.js

@@ -60,7 +60,7 @@ const red = [
  */
 export class CorrectUseOfColors {
     render() {
-        return (h("div", { key: 'eb7fe8a13ba44aa0b8327fd042177817577aa9ca', class: "container" }, h("p", { key: 'b9e731a3184cc72a0dd4c31bc207185789b1c747', class: "f-body-01" }, "This guide demonstrates the correct usage of the", 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", 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."), h("div", { key: 'a1bde4ba25a05fdc3a43bd008748f0ae74224142', class: "flex" }, h("div", { key: 'e6399a78c1d41e79041ad0e91356468e9e94a004', class: "w-full" }, h("ul", { key: '438acfe268f49ca5b77c20af74213283ac68e851', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '41cf8ea398e273788e32889e705debd21f102a9f', class: "w-full" }, h("ul", { key: 'b200fe46847e64efee26fb863151f08e2a175220', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '9fe567482bfbad7fc0bc4083756622259fd83e45', class: "f-body-01" }, "This guide demonstrates the correct usage of the", 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", 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."), h("div", { key: 'fc54b467ddd6faa62e81fe56170f0ed43fccd52e', class: "flex" }, h("div", { key: '930d475074e002439847f152d95ed1f764536791', class: "w-full" }, h("ul", { key: 'ad8085fd5a4dcc8cd4cc2a4c0d6522673b0f69c3', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'c9d7c736f8248fa7f1b689ec7a8eed24853de384', class: "w-full" }, h("ul", { key: '9191d41ef9f3947f91420e925f4ae5029aaf0e73', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: 'ed9e3ebc14a1ecd0744d8adf6b58df54a325565f', class: "f-body-01" }, "This guide demonstrates the correct usage of the", 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", 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."), h("div", { key: 'a660e8df517ab4c1b4b47fa777bd0e5c06156161', class: "flex" }, h("div", { key: '7346d762b781cf27fdf784a1100608b74a28eaca', class: "w-full" }, h("ul", { key: '91a7f50ffb513045c7d52987ecd33f3707332083', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'e4d61bb10342c7c27e19a5fc43a3823e2ac36db7', class: "w-full" }, h("ul", { key: 'ab40fb356845c3c15255a591299d3aa3a4bcd415', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '15c61baa18cac41eefdfd631e6e62d8ad665fd00', class: "f-body-01" }, "This guide demonstrates the correct usage of the", 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", 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."), h("div", { key: '8cb15f36de63b4425be410d395b56829427a2b13', class: "flex" }, h("div", { key: 'e47f595ad0af29333fdb3090eae08b65b908e87d', class: "w-full" }, h("ul", { key: '27b7f0ee1650d169f17bee8a776ced534c2f8b37', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '40ed8de907089964f83ce2ebd2734b00ba378847', class: "w-full" }, h("ul", { key: '8b1bdd17aa9e0c60484120b58e67ec3d09ddc533', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
+        return (h("div", { key: '28d23c1c4938faeda8dcb1dee2781f2699fec1e4', class: "container" }, h("p", { key: 'aa95599c281f69ddf8d701a3aea0023ad2896f7b', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '9dd65e4f8c1bb626245146437038ac8994590014', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'e7cb83cd12a9227e63680793da991f74801824ac', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'a5a562f406f498a56d1558085d8c9ced9aa03950', class: "flex" }, h("div", { key: '5b9d8055ef5a2bda94046296312ba33bf8e6c5f6', class: "w-full" }, h("ul", { key: '2cb3969aa88ba595611bccaba6f5727245be1e9a', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'a5aa66122430d9bb7c1e602c9f9caa3206539ebc', class: "w-full" }, h("ul", { key: '6fc4319d823fcd503e51c30f51ac4e641a3e26cb', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: 'c6300f7ce011a590b7d2cd669bc723b57db95cfb', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '435c9b84ed36852025dc6cc5145e4e7f16a27b85', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'bce35bdd3f967da492756c32a60e4d5a6d955ae5', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '9a125394479b45c3bf6e3b0ee84aeeaa810979df', class: "flex" }, h("div", { key: '85b337713bdb2a8df04802708483c451c47c3bfb', class: "w-full" }, h("ul", { key: '7ecaa983023ace254ce45821d25d7ad31c33a03a', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, purple.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'ebd9dd35d96f26e710f4ba8d73bb137f380bc4f7', class: "w-full" }, h("ul", { key: '6a55067d2de6661a60ddc72d01ca689d3310fa9e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: '982fec24d95cdb1975b34f1fb212f088dd9778d4', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '064a8ce0228f618a81136fdf9db083ac0147c189', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '9a71a6928fc842f41a531d56c3d07b663c5b97a5', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '687304a89d420fd90e2af3998a4c9c9e8d65589b', class: "flex" }, h("div", { key: '3a85f4c1a31c7d53d5530de7dcaab462e5469d22', class: "w-full" }, h("ul", { key: 'eed3d8bc0cfff01f076d49c8329ec15284cc186f', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, blue.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '0107d348aef7cf518f85ab4b6da2279ff88cc164', class: "w-full" }, h("ul", { key: '6e0bea6067919913beeb22b9f21e1e4159aadc17', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }))))))), h("p", { key: 'ed1fc0df515ab765a5fc0150e6de20be7e17f529', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '6528243a7c1f3670bbc26a0dfb9082b664684ce0', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '41edce302c91862655dfc88c53b007c79de65dbd', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'ff5f2d3300515caeef697e53427f93743332330f', class: "flex" }, h("div", { key: '4dbedd35ca5c3e0c9cfcb4b64cb57b50f95dc5fb', class: "w-full" }, h("ul", { key: '0fb5f50e2d8864b444cbbbee040fb7202d63edf2', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, red.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[225px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '42ef75b3373aaf6440930a5acdbb06ce2f879b16', class: "w-full" }, h("ul", { key: 'f0d9e29b7aa325a9df35e2cbb0efbcec838d8bd3', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, support.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
     }
     static get is() { return "correct-use-of-colors"; }
 }

package/dist/collection/eds-docs-ui/colors/use-of-colors/incorrect-use-of-colors.js

@@ -38,7 +38,7 @@ const incorrect = [
  */
 export class IncorrectUseOfColors {
     render() {
-        return (h("div", { key: '3503dcc0e2d3f5b08eec400e74484e5725d7b4af', class: "container" }, h("div", { key: '657857e8826e60c498450326306234c59b4e770b', class: "mb-8" }, h("eds-alert", { key: '88512240affc65314593f8573b3a13f58fb2806d', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: '8614d445187d2614e5833b8c89c66b178762574e', class: "flex" }, h("div", { key: '1b36d52dbcbb65e1edb4513899ec898d691193c0', class: "w-full" }, h("ul", { key: '13fb2eaca0ad3fb93487f6c0c976142a18870b4d', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: 'adec93113e4c02168906e1da65f48c20e9b2c7dc', class: "w-full" }, h("ul", { key: 'd0b43589866f53c92084b270afb3571ed2723fc8', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
+        return (h("div", { key: 'ed003f432493176392848de9448512f655ebfa9f', class: "container" }, h("div", { key: '231dcfa8b0be673efb56dce00f499839d6877301', class: "mb-8" }, h("eds-alert", { key: '5bbd8f9e057d9f9d48813b962c952aeba6e4e1aa', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: 'fb6ef214a96b60d1277c1326027f49b88fe2cab9', class: "flex" }, h("div", { key: '46a8671c782e8b7bd51947cce8d0c42ab7ca46af', class: "w-full" }, h("ul", { key: 'dd84eaf26634432c50f41fc1dc0479ba52a9a6b1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '3db312eb1ac27957f44497a729d6b8e5fa631d2f', class: "w-full" }, h("ul", { key: '05ac3bf1478c21a5291bc8c492c59cb6240be4f9', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
     }
     static get is() { return "incorrect-use-of-colors"; }
 }

package/dist/collection/eds-docs-ui/components-section/components-section.js

@@ -28,7 +28,7 @@ export class ComponentsSection {
         }
     }
     render() {
-        return h("div", { key: 'd68c9ede251456d88ef2a033691927c87c8ec163', class: "container" }, this.renderContent());
+        return h("div", { key: '493e3acd6d92f206d931af6406c9e1f42404c91d', class: "container" }, this.renderContent());
     }
     static get is() { return "components-section"; }
     static get properties() {

package/dist/collection/eds-docs-ui/design-tokens/docs-tokens/docs-tokens.js

@@ -25,7 +25,7 @@ export class DocsContent {
         }
     }
     render() {
-        return h("div", { key: '7d86f29bb4a82aec564b0600749d97aedc58925d', class: "container" }, this.renderContent());
+        return h("div", { key: 'abc5bf722ee15d7c9b2a1ca0b34644a0d628d578', class: "container" }, this.renderContent());
     }
     static get is() { return "docs-tokens"; }
     static get properties() {

package/dist/collection/eds-docs-ui/design-tokens/token-list/token-list.js

@@ -69,7 +69,7 @@ export class TokenList {
     render() {
         // Check if `show` prop is provided; if not, display all sections
         const sectionsToDisplay = this.show ? { [this.show]: colors[this.show] } : colors;
-        return (h("section", { key: '1c949c3777a159f1a52baa4f27d1acf07bf86114', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
+        return (h("section", { key: '0ba9dbb1b98cb398c2eb989391f6e978f9dc21ef', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
         // Only render sections that exist in `colors`
         sectionContent ? this.renderSection(sectionName, sectionContent) : null)));
     }

package/dist/collection/eds-docs-ui/design-tokens/token-radii/token-radii.js

@@ -5,7 +5,7 @@ import radii from "../../../../../../../../packages/assets/tokens/radii"; // Adj
  */
 export class TokenRadii {
     render() {
-        return (h("section", { key: '07f9d8424b849e486379f81764ad946b0b632fa7', class: "w-full mt-28" }, h("ul", { key: 'ec8cb4aaad010b24dc82b556fbc143c52f9824c2', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, h("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
+        return (h("section", { key: '0b0ccb9adcfa77ea898828ddbb244e959f93e2e4', class: "w-full mt-28" }, h("ul", { key: '94f17ad36ec9fcc47b645e323c7e5a8f3e040dda', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, h("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
     }
     static get is() { return "token-radii"; }
 }

package/dist/collection/eds-docs-ui/design-tokens/token-ratios/token-ratios.js

@@ -5,7 +5,7 @@ import ratios from "../../../../../../../../packages/assets/tokens/ratios"; // A
  */
 export class TokenRatios {
     render() {
-        return (h("section", { key: 'a68e1101a6dfd99b0b48540f96792622b9837efc', class: "w-full" }, h("eds-section-core", { key: '1f32847d415fad34b9add511d7bc49907f351fe9', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: 'e1dc4d7772bc3cd009458e781f5de0c078f686c0', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(ratios).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: "container ratio-box flex items-center justify-center text-center border-2 border-soft", style: {
+        return (h("section", { key: '0fb029d34cba573e04e15030b3fdd1497ac9974e', class: "w-full" }, h("eds-section-core", { key: 'd6914b95ef74d590d58b0c90600fc44f5d9d6678', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: 'f08511f07380707795b810fd0f34c1acdc47d37d', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(ratios).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: "container ratio-box flex items-center justify-center text-center border-2 border-soft", style: {
                 aspectRatio: value.replace('/', ':'), // Cast to string to resolve TypeScript error
                 width: '100%', // Full width to show the aspect ratio correctly
                 maxWidth: '300px'

package/dist/collection/eds-docs-ui/design-tokens/token-shadows/token-shadows.js

@@ -5,7 +5,7 @@ import shadowTokens from "../../../../../../../../packages/assets/tokens/shadows
  */
 export class TokenShadows {
     render() {
-        return (h("section", { key: '50f470109606938085ed98480892d94ebcc2878c', class: "w-full mt-28" }, h("ul", { key: 'e9c982816b9117eacd1a9f721e7428f317087211', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, h("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, h("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), h("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
+        return (h("section", { key: '18d2b4cdcc3b6d6ce8864a9c36e869be9b9e5cb4', class: "w-full mt-28" }, h("ul", { key: '63e646788009d3315d2f4e03f1a780811486d9a0', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16" }, h("div", { class: "w-full p-16 block lg:flex items-center justify-center text-center border-2 border-soft", style: { boxShadow: value } }, h("eds-code-block", { code: `${category}-${key}`, language: "Utility Class", class: "mr-auto sm:mb-4 min-w-[200px]" }), h("eds-code-block", { code: `${value}`, language: "css", class: "ml-auto min-w-[200px]" })))))))));
     }
     static get is() { return "token-shadows"; }
 }

package/dist/collection/eds-docs-ui/design-tokens/token-spacing/token-spacing.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class TokenSpacing {
     render() {
-        return (h("div", { key: 'ad89d21ec01f11c77d85853f7c0dbefd8ea9f07f', class: "w-full" }, h("ul", { key: '6108fb2870c358de8e5c48e6d14f6c1e76af856f', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'cd0d1986b416f12164b8d0458262987a445662ca', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'f2cfd77fcba601b89605dabf109f599816bb118e', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '69e4cb5660f5c51d2b9c1ba30a38f3b7decacc58', class: "spacing-sample m-16 bg-strong" }, h("span", { key: '70a07326b0a95655db3aad083637499f5ed4aa73', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: '97b8c127e9bbe9af4ec8f6876ebae3f87a52d130', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '58537d6aa824b489ae9c5150400af21f11f1f447', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '3f2913d232cb9de1b678b7f7903bef0642ef42df', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: 'fe56d1a501dc219a1bac474b674586609499f3de', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: 'e2dee648fd4bce503414d76f3afe64655285523c', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'e788fa22248ac92fb8bc89566c5b8a77cf14578f', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '9629958b453aa831a1d871bb4e846d0926d9e57c', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: '0efde7eaed0fe3e14f476617e7e9bf2e20131f2c', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '6dabfeb0086c784c50843abd12d5a505a56e0933', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '164e7eec6ed3aad2847c4ede97f4bbfed34138d1', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '9be99b05ba29204f6163df2c1522e7aa6211bd3d', class: "spacing-sample p-32 bg-strong" }, h("span", { key: 'ae0a7ea74e31ea324015b844848c3d5a68930e8d', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: '3804dbfb6a64a1dfd478bd0132ff83f51bcff33e', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '75c96b0762c3fac8b4de897ab8147b2c5614a360', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'd00487531406fa89112bee34e05306c59dc4f497', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: '8a750b7ac07739a71949b236421427b8bb05b067', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '5e5fe43383f13b4377aca7cfb07c97b6ac1dd79b', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'ed2ac88c543eba8c580d029ccacb1a8b26c1cae7', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'cf9a94b61e598c0ee6da9e771717574b48264333', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: 'a2d3fce66240c6b0d49d1a655c0b5a84be9c630d', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
+        return (h("div", { key: '144e643ff3f26d09b932b3bfa2086164134728c0', class: "w-full" }, h("ul", { key: 'fabddc807bcd5cefbfced6391117e9eb065ffff0', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'cc0fba19927a1c3ad33008dc1087ee75e0c9fe2d', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '328054d7cfe6a0678e9e592b91dba6a8524c2039', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'e50e3533e36feb7021cac8ac10cc9a05e7f24c0a', class: "spacing-sample m-16 bg-strong" }, h("span", { key: '87165037495881426a3c9848953e049ec7e96b7a', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: 'a6a98204655e53b6ef9ce9f2fd90b561c79c185d', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '385ae898ce1f1f96cbb236ded619a05d8326c304', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '4e6c11ae90e22efa73fb6c9481ee2c1511365394', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: 'a13a1886b5019ca48a19d24ba03b3caa1c51bc3f', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: '7b2f325ced5281668e6ece98d56caf864b34c7e8', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '3e1a69b9983bc993686426ec84dd70b4803538a6', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '66804ce21771e53210bc385ac8cefce4c554d188', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: '91cee3a9cf00777f1d2b4cde4ce484fcddef52f5', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '9d9074db464e7ecc36977c69b0fdd053e8025dec', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'e6a2d7d1ded9c92ca41d211dca3dcca9f03ad707', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'c87e88d711ec5298525f1d901958a035837b3db0', class: "spacing-sample p-32 bg-strong" }, h("span", { key: '6276cb3c19a8fd1262c5002e682099f13d38b512', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: 'c8614add23a4802ccbb3086c74ac2871ad0a0340', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '68b73e788596e32a696e012d08ec11cf479a5d45', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'b057f25cdeda7c6cc3f0ce21e199d84d90bb0bfa', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: 'a72e385bdaed3c6c8a06fb7951f6b326eb8f2e4f', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '11be77901177c2372b29076072dd7544f7371aa4', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '5606d88389c6aaa16a9941fefe2bc34e881b22a3', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '1341d44c62567c8b5078046644cda8ddcec59809', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: 'b9208571277fced609ea55a113a30dc7a424c2a8', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
     }
     static get is() { return "token-spacing"; }
 }

package/dist/collection/eds-docs-ui/design-tokens/token-typography/token-typography.js

@@ -5,7 +5,7 @@ import typography from "../../../../../../../../packages/assets/tokens/typograph
  */
 export class TokenTypography {
     render() {
-        return (h("section", { key: '60710505ef0a06883d83c6838b1eb246485bd548', class: "w-full" }, h("ul", { key: '3cac0e7f35f878e29ee45e21407609753099e077', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        return (h("section", { key: 'b831c9707b00d17768f585e2015de8a7289b11d2', class: "w-full" }, h("ul", { key: '472e46f2c903597d24e8f24cf28b6f475c7d7a82', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
             .filter(([typeKey]) => typeKey !== 'displays') // Exclude "displays"
             .flatMap(([typeKey, typeValues]) => Object.entries(typeValues).map(([size, style]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: "w-full p-4 block lg:flex items-center border border-soft rounded" }, h("div", { class: "mr-auto hidden lg:block", style: {
                 fontFamily: typography.families.sans,

package/dist/collection/eds-docs-ui/docs-palettes/docs-palettes.js

@@ -17,7 +17,7 @@ export class DocsPalettes {
         }
     }
     render() {
-        return h("div", { key: '638d6345ed0e32bda5d350f7ee8e54055d7fe770', class: "container" }, this.renderContent());
+        return h("div", { key: 'dd41d9bbba79fd09d2ca5b0db7bd9427f2ef3f05', class: "container" }, this.renderContent());
     }
     static get is() { return "docs-palettes"; }
     static get properties() {

package/dist/collection/eds-docs-ui/logo/logo-space/logo-space.js

@@ -5,7 +5,7 @@ import { vLogoMargins } from "../../../../../../../../packages/svgs/src/index";
  */
 export class LogoSpace {
     render() {
-        return (h("div", { key: 'fdad9dd7dcfd064513452108f8a4cd13078d7146', class: "container" }, h("ul", { key: 'b13477839ec81d27c2b42cc99211d22af46b68e1', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '383a4e04e633675ab8561ddc583b34bea53a75cf', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '43457a7e47ae85448c3283514ea8cbe7081c727b', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: 'db8762d40d62a07b72d5d40a4dbfbd7a5cd6381f', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '7d1c9e3f1ff874f4916dc2ecf79d2779c631a1ca', class: "text-center mt-16" }, h("p", { key: '4b6430627d3245a915b3f8185cc5aa473995aeca', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: '919120aa30fc233898f364cd24ebfe3c6dd82c7f', data: '[\n                  { "Media": "Print", "Landscape": "0.75 cm", "Portrait": "1.75 cm" },\n                  { "Media": "Web", "Landscape": "29 px", "Portrait": "50 px" }\n                ]', config: '{\n                  "Media": { "format": "bold" }\n                }' }))), h("li", { key: '0f7b0c08a70626d0c8069d9916d486a04bbd62a2', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }))));
+        return (h("div", { key: '3b8bd597cdf444eee5bf07fb627c4538e5d679cc', class: "container" }, h("ul", { key: 'cba7e1a29b54f81a18c168b4b00568d40f2d4371', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'ecc9fbea2532bed8b33987dc50ab32bf63150834', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'b75492b9024929b8f210ceb3e3300c4fb1791994', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: '7de22236a86b8e6f10e5bd32922fab53c1ba12a8', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'e8c9f50e17751a17674d20c418d544f90a7ba35b', class: "text-center mt-16" }, h("p", { key: 'da441199660dc0601ccea107fbc8722f9b5a381f', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: '01501a72a8bec05c19de3fdc3d0d101441db25b5', data: '[\n                  { "Media": "Print", "Landscape": "0.75 cm", "Portrait": "1.75 cm" },\n                  { "Media": "Web", "Landscape": "29 px", "Portrait": "50 px" }\n                ]', config: '{\n                  "Media": { "format": "bold" }\n                }' }))), h("li", { key: 'ded8166e2ff4c9d0836e78b9bb48e291f9008a6c', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }))));
     }
     static get is() { return "logo-space"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/eds-docs-ui/logo/logo-variations/horizontal/logo-variations-horizontal.js

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class LogoVariationsHorizontal {
     render() {
-        return (h("div", { key: '987c614ac28a196ef8fff32c776b286269377dec', class: "container" }, h("ul", { key: 'fc9335a57da5e088f50a4c22ff40546554251515', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '714701eb21a78f77f5294ec8bf4799443311ca73', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'd60bf8e9307aa9243cade43a4cc43df8d11fd561', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'a1357c422ecfb85210692c5686f2e1c295094858', class: "coloured" }, h("eds-logo", { key: '07ac7f715db7c573bcf40e9023c5189fbbe0958c', type: "no-bg", href: "#" }))), h("li", { key: 'c452df580d16d70b5dc00485e9ba05a6738b0293', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '55eebb8ae1b53b26ce8505f648a7f079f15521b9', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'c7394e8f6e044b260b9450f3b06b0ebb44fba4e1', class: "bg-default" }, h("eds-logo", { key: '0febbfc78be2a064c0ff7f768936f1521dcac11c', type: "black", href: "#" }))), h("li", { key: '9473120a767856f6a18b8973b6d0cc12f736f239', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '8d2eb712f5d7c862fa8ac633177bb07dc4ac7c1e', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '594c586462a164e790ba224e902605363322561c' }, h("eds-logo", { key: 'bd19f2348abf5a9e347fa1b171f8ced2598093c7', type: "color-white", href: "#" }))))));
+        return (h("div", { key: 'b8329902e5b54186ff70883b7629ce713f9916e3', class: "container" }, h("ul", { key: 'bef5503199fa5390fe3690bf8398702b39f6ce43', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'd5d87badeb69da37aa05c0265079cdadfa7b06ec', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '6e263eca9ee6d917b73314a9fed6843e90ab9ad1', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'dca876e83d4a3196f937204d1f36a22e5e554edb', class: "coloured" }, h("eds-logo", { key: '6fadb6eb40b3771e808718ab19e1dcbdb838af14', type: "no-bg", href: "#" }))), h("li", { key: '913d4163183e8df4978e5030e2049b9627f355ac', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '94b74970ae70cd4a97ce07c8f2435995b6224e7b', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: '7a10955ff26e151c467e55ce839fa5377509cbca', class: "bg-default" }, h("eds-logo", { key: '5bf7bc14877a77acf069e1067d67aebfb993c148', type: "black", href: "#" }))), h("li", { key: '7b1d286ae816ce932c51bf944e606ce0a0dd692f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '1385573e0cba33124c068536a6df0cc809d2e872', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '0d0febe112256ef7372f86886da3d25b2cb8c7d9' }, h("eds-logo", { key: '104ee7af8e721feaf91f6e96909181afea93ebc6', type: "color-white", href: "#" }))))));
     }
     static get is() { return "logo-variations-horizontal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/eds-docs-ui/logo/logo-variations/vertical/logo-variations-vertical.js

@@ -8,7 +8,7 @@ export class LogoVariationsVertical {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: '1e9f6ca3f43c6818c6213c581dcf0743958c9b5f', class: "container" }, h("ul", { key: 'd6cae4ea607afe3cad7b7eb675efe2c27fee8bce', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '2c08ccbd732b2e33c7ee75a62bd743d0977a212d', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '8996d851b5041d7b3f2349034f6ba858b9564937', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '623832731b38e02f69f795b1f959052425a233df', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: 'dd8c635e0dd09b4c972c0d201e6bc6cbd899a896', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: 'f99951011003ed2409a44a5175ab67a2478ee22c', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '45c69ba60358e36f980df1fa1db4521dbcc38fc1', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'd026d40d15b4e5e8a3d7718298130414198d5699', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: '62ca0a1c8bd93f3b780ba91d5b9bbd31d7bbe1f0', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: 'b1c75a34b36bec4dde679f5bde1129e0315cac37', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '16c68f40c6a4bcaf3d618f8787682a974a8c900c', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'ce3b8ee8b54fabccd816388bb1a3acf642147c28', class: "mx-auto w-[300px]" }, h("eds-logo", { key: '8baa9d4f187e515d5a274156976fb134d79bd004', orientation: "vertical", type: "color-white", href: "#" }))))));
+        return (h("div", { key: 'c5edd87842f2f02818087806b4e2f582da663277', class: "container" }, h("ul", { key: 'e2d3e77fbcc9f6cbbe8c293e3548ab5b5b9be53c', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '87864a42ddab2c0816e9ff46c8122ea645f077aa', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '8187e615b2701e6496cd567882ea338d3e50150d', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '2368fe2ad41d8e325d4a54dac24786bc5a05ab56', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: '8efcfe38b1dc0498fa5f132bf01feb3fbfdf05fe', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: '780ca8af41665e5bc92c6c25efd1e9a3552eacbe', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'ea00627b69008f8438a74d84cd00ac76bcbc36f3', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: '5d91c7b29a539118254bfbca8d553794f96e00e5', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: '5f9a4fc71340ab9c45fabdacaea00eb01771d8b3', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: '5c9306edbd30774b35431b5af16956545e7bc973', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '8dbc48fd5256198bb0b50ce11267ac408c6e286c', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '495a4c78848efe16898a7e37a802ca33ebe78989', class: "mx-auto w-[300px]" }, h("eds-logo", { key: 'ed7793faeff06e70d05b829d7b361c8e52372232', orientation: "vertical", type: "color-white", href: "#" }))))));
     }
     static get is() { return "logo-variations-vertical"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/eds-docs-ui/logo/logo-variations-tabs/logo-variations.js

@@ -17,7 +17,7 @@ export class LogoVariationsTabs {
         }
     }
     render() {
-        return h("div", { key: '2403a062886a97ebbc34bb9f95e755ab1a278731', class: "container" }, this.renderContent());
+        return h("div", { key: '978803ba74596825489ce19690036162c5d2d6fb', class: "container" }, this.renderContent());
     }
     static get is() { return "logo-variations-tabs"; }
     static get properties() {

package/dist/collection/eds-docs-ui/logo/logo-wrong-usage/logo-wrong-usage.js

@@ -5,7 +5,7 @@ import { hLogoColor } from "../../../../../../../../packages/svgs/src/index";
  */
 export class LogoWrongUsage {
     render() {
-        return (h("div", { key: '40d75361172edb23a89faa173ce3518c8750f0f0', class: "container" }, h("ul", { key: '064c760800e2aceba08c3953292f421eae003896', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'd3213a50ed4d217c195bd9a9f1eff60406027892', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '4a3cd51e083d28149bc96c611d2fb4bbb7db37b3', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: '81ec640d08f3aa79098e02ecbf0575787c61cd5a', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: '7eb0f204779fe3852ce732fec83cf7efccc8bfd7', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '1e287231328b32ce97aee6c2d793b2a4885e5434', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: 'f68bd11f49ca1fc5998ce9dbbd7d062ac30170cd', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '06c5eb937c3ca8e556a987905281e3196c67da5c', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'a165382706515bcff0f4acdfc5ee505021ef8ec3', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: '9675a3a6f0e52db908fdac0e34dc307c2ea85235', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: 'c7f53a6c25eeafb8704c500c6daa07746c493d1f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '2f8e8be3799a2eaae186412fd923da15ecd7ba14', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: '725a2a98e0c221d3edfda11b709ae9c9d4bc07b6', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: 'e8de87168e68efaf2afe99fe83e4d336a5c0a106', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'f1e0aa5ed1f402bdb6314c156d2f554626701123', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: '5360e8d9dc65987adbe5b689a7dbf97a27d47aba', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: '8e21d4edf6a714c41f6add93d70996abd8ad23aa', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '9510ae79414b2b74d15f8c3fafa92cb2a9b34959', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: 'ef077ee715e907cd5d6e22f03f1f490ed1e159a3', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '397110091fb08f7e34c16c8a264314153ac16ac3', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '0b8e2644362c8131f6df52af19aaa0b37fb3331a', class: "mx-auto" }, h("div", { key: '7d8b31e4b27bcc28847dd6c912a95bb1b9c08694', class: "bg-accent p-16" }, h("div", { key: '29b1988e197e997ce13c962dd872310bd61a545a', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '6336def9b4ada2e13a43c037aec0ff59aa142e8c', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
+        return (h("div", { key: 'ca22a0f8284bd418c0307e9b18443cf93dbd5ef7', class: "container" }, h("ul", { key: 'dae3e5fdf852e1684effe028fcb12f3a4a765c92', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'f938ed546e420f7f3c9629b3029623d8b0b3cb33', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'eecaba67c1506aa8192bdeb07dfe92417c200520', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: '1057f9c302bc7e4b9ccdc5db8bdc5c92066b9efd', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: '2b4ea9b064c01b08daa1a236f9f427aab55155df', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '9d42d01d4c2cacf71ab151bcd136a9b427ae2f61', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: 'abc8b7da35ff02d255c7101b963216a6176876be', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '180f04ec0804841dff6aa1aadb4abcf39cd9795b', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'b28e00dd5e87f8dfa0115c2a617755d0ad3615bf', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: '93724268eeedcc799ec3c90087ce2e7ac61dc07e', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '5063815d8df9ed7eb13d83734f23978916ade66a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '8f8624744ed71aebc2d42815f8012ed5c18c1cb7', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: '14040538adcea3c5650ddb3e94a3a5186d009a2a', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: 'a80a2e6f66d27bd28a52d9ea45aa3352519f8973', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'ab16f170fde233d8e05c8b93babc83f6a54fe4df', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: '12eb2d4f8c48b51397295e84fd13f9cdb7fe1291', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: 'e93cc98bcb8594ea9cc715c3593bbbb05ef0a584', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'e06d8c08690e542a9906526f31083cd19d36377c', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: '28ffd7eb8d963d8fbaca70bdacb408d1ad2b5628', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '762de4272afb3425d05854efcebdbac901e3434e', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'b886b389d207ffdb8b135fdc0fd26e5e72f40a42', class: "mx-auto" }, h("div", { key: '2b03b5762338e7af827635e16f5a8da8a0322174', class: "bg-accent p-16" }, h("div", { key: 'c6db8ce985ce69f68973d59acabd846ec3b296ed', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '3c2424662345ce48f2db344a5efd0aa2dc5ef002', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
     }
     static get is() { return "logo-wrong-usage"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/eds-docs-ui/svg-repository/svg-repository.js

@@ -25,7 +25,7 @@ export class SvgRepository {
             icon: { format: 'svg' },
             name: { format: 'bold' }
         };
-        return (h("div", { key: '48b9bd49dc2521db7fc1676544530f6bd9cd6287', class: "full-width" }, h("eds-table", { key: 'c3b5bdecde28ad6ec8a5172d883d49a8b0436f18', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
+        return (h("div", { key: 'c8c6a714522ff3e122b58c4bb931af7f95d281fa', class: "full-width" }, h("eds-table", { key: 'f3251327f43c5b18f7677738f37b60ff0e604c3f', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
     }
     static get is() { return "svg-repository"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-cookies-preference/eds-cookies-preference.js

@@ -25,7 +25,7 @@ export class EdsCookiesPreference {
         }
     }
     render() {
-        return (h("div", { key: '37a817a2c1cccb58a7445c399f20ce5fb97653b8' }, h("eds-link", { key: '9bf85d4fe82d7a525bae6f765da7dea9a3913494', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
+        return (h("div", { key: '4563e11542b6cab4f509ec25646a0e1f8380af6c' }, h("eds-link", { key: '24185ecd7818920490c1ca5c742e0f1a884f27da', size: "small", intent: this.intent, label: this.buttonText, onClick: () => this.toggleCookiesPopup() }), this.showMatomoNotice && h("eds-matomo-notice", { "force-show": true, key: this.noticeKey })));
     }
     static get is() { return "eds-cookies-preference"; }
     static get originalStyleUrls() {

package/dist/collection/shared-ui/eds-feedback/eds-feedback.js

@@ -52,7 +52,7 @@ export class EdsFeedback {
         const HeadingTag = this.headingLevel;
         const levelNum = this.headingLevel.replace('h', '');
         const headingClass = `f-heading-${levelNum.padStart(2, '0')} my-4`;
-        return (h("div", { key: 'f1bec91df97ff2a54a8ec8284e88f572b3bf0081', class: "grid inline" }, h(HeadingTag, { key: '8051043d5ec79a1f972fd732ef8a716487ed51d2', class: headingClass }, this.label), h("p", { key: '55f319e89376372f13c2bb96b9a94ceed6a6565b', class: "f-body-01 text-light" }, this.description), h("eds-rating", { key: 'c9c725d4a1ae65eb6b773178f6435d239c434034', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (h("span", { key: 'e3ea621a035ecd6da07803478d202b2326997416', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
+        return (h("div", { key: 'b51bb78eea70babd1b1ca98ed5e657184d8e459f', class: "grid inline" }, h(HeadingTag, { key: 'eb84cce3a03aec99d0980ecd3c4aa4338f8d14e2', class: headingClass }, this.label), h("p", { key: '5923739b4a7e73dc1c83710fe1535d51d6289b02', class: "f-body-01 text-light" }, this.description), h("eds-rating", { key: '08d4b80838bc758cfdcf6f909f4bb41ae00d4c40', "rating-type": this.type, "rating-count": this.count }), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && (h("span", { key: '849014d7a3c2ebf78b1de434d7ad92549c0ae2de', class: "f-ui-04 text-lighter" }, this.parsedMappings[this.selectedRating - 1]))));
     }
     static get is() { return "eds-feedback"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-footer/eds-footer.js

@@ -43,9 +43,9 @@ export class EdsFooter {
      * @returns {JSX.Element} The rendered JSX for the footer component.
      */
     render() {
-        return (h("footer", { key: '7bbc8cd8e0e3a153dc30bb3569e83afc0bc09b0a' }, this.social ? (h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, h("div", { class: "container pb-20" }, h("div", { class: "grid-layout" }, h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, h("eds-social-networks", { class: "mt-28" })))))) : null, h("div", { key: '9ee8ada698546344b18e557ee1de76042cd727ed', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: 'e795e5bba0273b4147c66ed667142997bc0cbaff', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: 'fa09a0dbccb035b1e4f496aa447aca241bcc2415', class: "flex items-center gap-x-12" }, h("a", { key: '578d6a8463e65d07278f8328c108ee266cfba2b8', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en", "aria-label": "Learn about Horizon Europe funding" }, h("eds-img", { key: '5b9e987c2ecf62fb4f44c1faacad7c569a149805', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: 'df75949c0718b8fb7dd449a6e7df39d332da366f' }, h("div", { key: 'f83d31b16d0601cd456d5cb72e9fa2adb29a2b66', class: "f-ui-04 text-light" }, h("p", { key: 'dcdf09d78ca64c5391d56fe5ed69bab987cbf67b' }, this.fundedBy), h("div", { key: 'af279fb5dfdf0a8f1f85e6ce7446dc3a0eeac397', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: '026b41fa6162ffb6825ccf98364b4caf64b6457a', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
+        return (h("footer", { key: '97eecea73acf5ee3d125a446939010055c24e3f3' }, this.social ? (h("div", { class: "border-softest border-t-2 pt-20 md:pt-28" }, h("div", { class: "container pb-20" }, h("div", { class: "grid-layout" }, h("div", { class: "grid-col-span-12 lg:grid-col-span-5" }, h("eds-social-networks", { class: "mt-28" })))))) : null, h("div", { key: 'b7592d90406aa7b5e4d71e2947335a85dbbf70ae', class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28` }, h("div", { key: '054190192082a4fdd2435ef62e5e7765386149f5', class: "container flex items-center gap-20 lg:flex-nowrap" }, h("div", { key: 'baa874cda99a882f33643609ffd2b99f09db3646', class: "flex items-center gap-x-12" }, h("a", { key: 'f47a0e02c7db660ab2c5b9894fd6ef1f820239cf', target: "_blank", rel: "noopener noreferrer", class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0", href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en", "aria-label": "Learn about Horizon Europe funding" }, h("eds-img", { key: '470f3ccae44a83383ad7f5bfcab880365b203a50', width: 54, height: 41, src: "https://www.ebrains.eu/flags/4x3/eu.svg", alt: "European Union Flag" }))), h("div", { key: 'a02153ae5b772b105272eac575911826747ea246' }, h("div", { key: 'a274e52402142dce7df575b29ce8802d1d662368', class: "f-ui-04 text-light" }, h("p", { key: 'ae2c393b8585aecd25d08ad20fe8bd712f9c12b5' }, this.fundedBy), h("div", { key: '9ef102155624ef47071d4285ea00c65d66d8606e', class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block" }, h("span", { key: '86f5992c7570fcd88c80f7877f08cd4b357ca291', class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4" }, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? (h("eds-link", { label: this.cookiesPreferences, intent: "underline", "extra-class": "f-ui-04", onClick: () => {
                 this.toggleCookiesConsent();
-            } })) : null))), h("div", { key: '27cb561815d6918567ab8cfa1148019aca8aeda0', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("eds-button", { id: "backToTop", "aria-hidden": "true", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, class: "transition-all transition duration-75 opacity-0 " })) : null)))));
+            } })) : null))), h("div", { key: '3ffce63f46352acd80eff48fb121b5ee165c1ad5', class: "ml-auto pl-12" }, this.enableScrollTop ? (h("eds-button", { id: "backToTop", "aria-hidden": "true", "aria-label": this.backToTopAriaLabel, intent: "ghostInverse", icon: "chevron-up", onClick: this.backToTop, class: "transition-all transition duration-75 opacity-0 " })) : null)))));
     }
     static get is() { return "eds-footer"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-form/eds-form.js

@@ -274,13 +274,13 @@ export class EdsForm {
     render() {
         const hiddenFields = this.parsedFields.filter((field) => field.type === 'hidden');
         const otherFields = this.parsedFields.filter((field) => field.type !== 'hidden');
-        return (h("form", { key: '1418bbac3ea7c994bf363602e6ddd18ed3c6c661', ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: 'ae6f05d50a1c32312e585d55f0b5d64b0dd1fc9c' }, h("slot", { key: '09c9ddd0d3b77ae9cbcb54389b799af7a6fc6c9e' }), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), otherFields.map((field, index) => {
+        return (h("form", { key: '1a53a4f0d2b8420a14db6fe35548a86cfeb8b698', ref: (el) => (this.formEl = el), autocomplete: "on", onSubmit: this.handleSubmit }, h("div", { key: '8fdd2fa6b73f24c025b43d6f0b34cdbb22e0ec82' }, h("slot", { key: '385f8c71b86b7ab9a74c1b7a0204331d0022467f' }), hiddenFields.map((field, index) => (h("eds-input", { key: index, type: "hidden", name: field.name, value: field.value }))), otherFields.map((field, index) => {
             var _a, _b;
             if (!this.isFieldVisible(field)) {
                 return null;
             }
-            return (h("eds-input-field", { key: index, name: field.name, id: `${this.name}_${field.name}`, label: field.label, placeholder: field.placeholder, value: this.values[field.name] || null, type: field.type, icon: field.icon || null, disabled: field.disabled, required: field.required, maxLength: field.maxlength, hint: field.hint, link: field.link, message: field.message, error: ((_a = this.errors[field.name]) === null || _a === void 0 ? void 0 : _a.length) > 0, errorMessage: (_b = this.errors[field.name]) === null || _b === void 0 ? void 0 : _b.join('<br />'), onInput: (e) => this.handleInput(e, field), onChange: (e) => this.handleChange(e, field), class: index > 0 ? 'mt-20' : '', options: field.options }));
-        })), this.formBtn && (h("div", { key: 'af6ce29d25ae2e7c71537618456308891ff8abf4', class: "mt-20" }, h("eds-button", { key: '1442f4f6b924533f9aa46bd22e1d0adf69561370', intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
+            return (h("eds-input-field", { key: index, name: field.name, id: `${this.name}_${field.name}`, label: field.label, placeholder: field.placeholder, value: this.values[field.name] || null, type: field.type, icon: field.icon || null, disabled: field.disabled, required: field.required, maxLength: field.maxlength, hint: field.hint, link: field.link, message: field.message, error: ((_a = this.errors[field.name]) === null || _a === void 0 ? void 0 : _a.length) > 0, errorMessage: (_b = this.errors[field.name]) === null || _b === void 0 ? void 0 : _b.join('<br />'), onInput: (e) => this.handleInput(e, field), onChangeNative: (e) => this.handleChange(e, field), class: index > 0 ? 'mt-20' : '', options: field.options }));
+        })), this.formBtn && (h("div", { key: '0a120557c574112a8686087cfe2dbf3aae3feaa5', class: "mt-20" }, h("eds-button", { key: '277a39f0d82e01f549966aa0c91347e090a82bc7', intent: "primary", label: this.formBtnLabel, disabled: this.isSubmitting, loading: this.isSubmitting, onClick: () => this.handleSubmit() })))));
     }
     static get is() { return "eds-form"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-frame/eds-frame.js

@@ -84,7 +84,7 @@ export class EdsFrame {
         }
     }
     render() {
-        return (h("div", { key: '61c401d6e021418e3d705cc9a4418b4f54f6bcf1', class: this.articleClasses() }, h("div", { key: '3fe7284c2ce4057d6c953c02e03489c0ef75f43d', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: 'a0efaa70d4ab2484c76d38e309c0bf9800edf569', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), h("div", { key: 'e99188447abb78659865758afe3226a7ade7f8f2', class: "border-softer" }, this.iframeError ? (h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
+        return (h("div", { key: 'acfa57c701b5c683b3ff48ac2ff6a7c782977cd4', class: this.articleClasses() }, h("div", { key: 'd62b6f7f67e41a6c8f0948c9d94e991d83dbe273', class: "effect-height flex items-center justify-between py-8 px-12" }, h("span", { key: '40618b0353599888578e08a5422da754f97455d0', class: "f-ui-02" }, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? (h("eds-link", { label: this.urlLabel, url: this.url, intent: this.intent, class: "ml-auto", external: true, disabled: false, icon: "arrow-diagonal" })) : null), h("div", { key: '96656482b2732aa766d1bcb45f28189991adb493', class: "border-softer" }, this.iframeError ? (h("div", { class: "container ml-8 mr-8 mt-16" }, this.errorMessage)) : (h("iframe", { src: this.frameSrc, width: "100%", height: this.getFrameHeight(), title: this.frameLabel, frameBorder: "0", allowFullScreen: true })))));
     }
     static get is() { return "eds-frame"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-header/eds-header.js

@@ -56,7 +56,7 @@ export class EdsHeader {
         const classes = variantClasses[this.headerVariant] || variantClasses.default;
         // Logo color variant: default and inverse use 'color', strong uses 'color-white'
         const logoType = this.headerVariant === 'strong' ? 'color-white' : 'color';
-        return (h("header", { key: '3c6ae4789993e140ee8a00e7f32c8ff3a2793b87', class: `flex items-center justify-between relative z-10 ${classes}` }, h("div", { key: 'a406f073ae110622ad8930c61438b46d16553362', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: '19c91de446b76f76e97f160c0af538db2637ffdc', type: logoType, href: this.homeUrl })), this.parsedLinks && (h("nav", { key: '921c87b668b25abc8117014880c9669a96c04122', class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, h("ul", { key: 'b0de4a0eaafb7409eeedc77104b39fed8a55441b', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "ghost", size: "large", icon: link.icon, external: link.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))))), h("slot", { key: '2b3d292703b8b7083a7ae1dcfbefbd091d5a744b' }), this.menuEnabled && (h("div", { key: '10d16f0f0ecdc450acf900dd8d7d7b439deb8dcd', class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { key: '2e62e0a57bf008d0e566988011beab9a09f7774d', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
+        return (h("header", { key: '635e25577674250c4ce8cdc91e29fa0c93b7e821', class: `flex items-center justify-between relative z-10 ${classes}` }, h("div", { key: '41275c9aedeff533f00348dfa85b49fdb1a3f25e', class: "mr-auto w-[200px] h-[85px]" }, h("eds-logo", { key: 'fa8949ebbeab567b3770c6795a890f9187b66cf2', type: logoType, href: this.homeUrl })), this.parsedLinks && (h("nav", { key: '64428c01fee019a77b15b2ad43fbdb18cf5cc1e9', class: "absolute left-1/2 top-1/2 grow -translate-x-1/2 -translate-y-1/2 justify-center hidden md:flex" }, h("ul", { key: '8b6e7e82f077409987e0271f1d1c57d3473a0921', class: "flex gap-x-2" }, this.parsedLinks.map((link) => (h("eds-link", { label: link.label, "aria-label": link.label, url: link.url, intent: "ghost", size: "large", icon: link.icon, external: link.external, "extra-class": "after:effect-opacity aria-current-page:bg-darker whitespace-nowrap !text-current after:!border-transparent after:opacity-0 hover:after:!border-transparent hover:after:opacity-100" })))))), h("slot", { key: '7ba569eafe18d902e78978840520d708b665a91b' }), this.menuEnabled && (h("div", { key: '54c21f2e71a44049c56e4b31ba241996a1e658c3', class: "md:hidden flex overflow-hidden px-16" }, h("eds-button", { key: 'e0bcc14abcad7151cacf19a4c50f238e39538754', "aria-label": "Menu", intent: this.headerVariant === 'default' ? 'ghost' : 'ghostInverse', icon: "menu", size: "small", onClick: () => this.handleToggleMenu() })))));
     }
     static get is() { return "eds-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-social-networks/eds-social-networks.js

@@ -53,7 +53,7 @@ export class EdsSocialNetworks {
      * @returns {JSX.Element} The rendered JSX for the component.
      */
     render() {
-        return (h("div", { key: '49661af4c05520403c4801e447c730b971e0096f' }, h("p", { key: '22fc89817969a9e7059335b43f8e7b6cc2d095f7', class: "f-ui-02" }, this.heading), h("ul", { key: '90c04408db4f9d58a5ee4834f8fcfde88aede8ee', class: "mt-12 flex gap-4" }, this.socialNetworks.map((network, index) => (h("li", { key: index }, h("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: true, "aria-label": network.label, url: network.url, icon: network.icon, intent: "strong" })))))));
+        return (h("div", { key: '6d52d64b09170108d1b61157d0ab126cefa794be' }, h("p", { key: '97e929fdaff0bcd4360140428007da0294567ea9', class: "f-ui-02" }, this.heading), h("ul", { key: '3264e9e0ac366c4a502b69f6aa8545935b8536e7', class: "mt-12 flex gap-4" }, this.socialNetworks.map((network, index) => (h("li", { key: index }, h("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: true, "aria-label": network.label, url: network.url, icon: network.icon, intent: "strong" })))))));
     }
     static get is() { return "eds-social-networks"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-tabs/eds-tabs.js

@@ -113,11 +113,11 @@ export class EdsTabs {
         });
     }
     render() {
-        return (h("div", { key: 'b6752f90f4c1a9501816c574baf92a0c8b95e802', id: `${this.identifier}` }, h("div", { key: '266813bd461bae3d5df1b76563b949b8dd900482', class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, h("nav", { key: 'b16c4f78ee24dace9a188097a8c5995476d7da41', ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
+        return (h("div", { key: 'dd41d2d7ccbe03e08d3c20a2e9a370e69dfd1459', id: `${this.identifier}` }, h("div", { key: '14c95711c8e7df2b7f6f0557ce233bc1a68ad31b', class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, h("nav", { key: '3ed1c5cc5d0aa1e7cb4bebe337885c7e5687aa68', ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
             const TabComponent = tab.active ? 'span' : 'a';
             const tabProps = this.getTabOptions(tab.active, index);
             return (h(TabComponent, Object.assign({}, tabProps, { "aria-label": tab.label, "aria-current": index === this.activeIndex, onClick: () => this.handleTabClick(index, tab.label) }), tab.label || tab.ariaLabel));
-        }))), h("div", { key: '09c25532583d443eac47da606955955e1e66f2e8', class: "tab-panels" }, this.parsedTabs.map((_, index) => (h("div", { hidden: index !== this.activeIndex }, h("slot", { name: `panel-${index}` })))))));
+        }))), h("div", { key: '63399c53b2e5d642676d7f884bdecec0f8c515de', class: "tab-panels" }, this.parsedTabs.map((_, index) => (h("div", { hidden: index !== this.activeIndex }, h("slot", { name: `panel-${index}` })))))));
     }
     static get is() { return "eds-tabs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-toast-manager/eds-toast-manager.js

@@ -31,7 +31,7 @@ export class EdsToastManager {
         this.toasts = this.toasts.filter((t) => t.id !== id);
     }
     render() {
-        return (h("div", { key: 'b86b71e71fa88b56acab6d7060e7b05beec344e1', class: "toast-container" }, this.toasts.map((t) => (h("div", { key: t.id }, h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
+        return (h("div", { key: '62a106f36d1693163c25aee615570967573bbbc9', class: "toast-container" }, this.toasts.map((t) => (h("div", { key: t.id }, h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
     }
     static get is() { return "eds-toast-manager"; }
     static get encapsulation() { return "shadow"; }