@ebrains/components 2.4.0 → 2.4.1

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

@@ -49,11 +49,11 @@ export class GradientSupportPalette {
         ];
     }
     render() {
-        return (h("ul", { key: '8f8703b8b6ef19574984d630d23f4a078e2683c1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '6981ecea14309c747455aff6dff44c807391fb22', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '23dc2b606d633779313a98cde5df750a21c50267', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '3649c7d9a2c815cc6ab1f414f062321f29a00701', class: "grid" }, h("span", { key: '732dfac36b9bb5d9df0dfe96bfd4fb36c5288d2e', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'f0505ec5aaff33b24b19db784b3b16b9f73f18db', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'ca7457b315b438bf41a7f0b1dfd2205d493e1c06', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd29ebbce1ea5dbf25888388bbc3cd73416642c94', class: "grid" }, h("span", { key: '8e503b62bc19087efe3291f2454eec4b00b18a4a', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '5a12462534602160bce47b9c9f397557f8f1057d', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: '491e060c9201186f987ae4f075eee0efca38b6bc', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'e2084e7d7cfce5a784efbcdaf0c597b749ecc1d0', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: '633ced7174a5242a3dff2d51d53add5a20bcbf0a', class: "grid" }, h("span", { key: 'a0000924f7a9614b4dd8651880b51925f0868487', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '6007da47921d8ae881156f9c57af43a839e71743', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '4aa67182a26f57bbeb9dd251db1cbbe0ba1919fe', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '963ac8d736c7b54366d2e2798e77bc04ac01d539', class: "grid" }, h("span", { key: 'd574f8c3b02fdcd9bca10d186916b848b275ae85', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: '97b5290bd127179160eb6fc8b76914cb620b733c', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: 'f5f7ff4bdad90dff2506112c812fe4c466539f7f', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '8517f8e52dbb41ece0da2019d072f7e73fc8d2a0', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("ul", { key: '4536bf9450bc01b4288801fd244fbf62b2c7c6ea', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'bd9714faac09cb05215bfb07c852579b08811d84', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '5dec5f2445f60c982bb90688fa15af5f5d0fc429', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: 'bdfdb8c692531fce0f968c5bdddbe8cf01c30cb5', class: "grid" }, h("span", { key: '74b10fc06c3cf8b221bbcbd240787bd667c1eac6', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '7068886705095e95884dbca60f6955ed1bb3afda', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'aa72791c1ae4129ab625430804eaafea77913852', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '9b9875d0701745fd6d3c27d7cf8e8e1438ad1f10', class: "grid" }, h("span", { key: '49034e6e4668ef271a039250b633b042de668932', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: 'b8a5448822eff24b533f27c66f5c67c99fcff631', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: 'af96a3795f253000ec44634d8bd8879cbb42dc02', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '39c7718379605d3bb087928fceb92f1772d32d0f', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: '9a2ebe2703870e187652821a9f1e5c312d234b1e', class: "grid" }, h("span", { key: 'f1f50954ea41d6ba2581abacc3be8259b2c5f6df', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '15d0acd635db2af23e23c583e555726d98516499', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '5c587f4fc2d824caef7986348a98e5016314ec71', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8e465b3324ee9f3c2d3a3f77af219f3b9fbd38bd', class: "grid" }, h("span", { key: 'f462ad550675c18668a4710e34adf49106a4010f', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: '19cef6f8c5502c1e6ed3344365614a0fed3b7479', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: 'c33912ea002fd04f953d787ab3429aad6cb22819', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '7ee1396dcc55d2ab311a2dd8f3f684f690d149cc', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: '08db76c840f25159be21cf66f8ab1a5e7c0ec206', class: "grid" }, h("span", { key: 'b46181d8eaa69635063b39efeab603d6961428cc', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: 'a91102f446f351b6be7d27051b947bf72a394606', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '98d406eaa5d641640ca5eb95271fc400282c6f69', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'a4cf89fe913982b3c296dc745323630518b9834f', class: "grid" }, h("span", { key: 'ea5a30092e75135670580b40263314a1e16fb725', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '0a4fe2b93027193d508f593432c7c2589ceedba9', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '117711ee44837fe7545490304e714e4e433c608b', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '5a9e865e7e21279d95072a1e36e514d19bc320f2', class: "grid" }, h("span", { key: '3f50ab38b2537aaa5bd8b0835d3f1bef56ab3a4f', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: 'e54e1bb4f6f98dc2fc00e3e9777673923a5acb39', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'a840c223d88b635c5c8d6c769148157c5c706589', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'e5df78c22dec1102cccfe147fe399d9c2dd95763', class: "grid" }, h("span", { key: 'fac7fb25462577388b702d4d344e6a92c2fef703', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '9ee513ef286f8aa73308e312f2dd15dbd9cd66a6', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '1298bd6a27cfb1f6ae78893aecede2ea38dd5918', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: '49227a94ee6c63902c24ae6e1ce598721f2179e7', class: "grid" }, h("span", { key: '25c2e7c420bf7501c91fb810dcc15b8fabe75211', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '0a7918f45e4315630fdd51701fd502930db1d62d', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '93fd3a9ce6103b162559697d43bd6c79134bd12e', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '9b8af5c7b8c039647035c2252cb9febddf1c12d8', class: "grid" }, h("span", { key: 'c50c154e8587bb41f1c80b61869103d12339308f', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '567798f8d597a9fe26123dd489443e6c752f0b38', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '4297335389feff02c051beea3bbfee33677f61ac', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '0a5cda329ffc92c33e323ded6c74a2f3b6309797', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '02babf093dea42599bdd40ae789b795714b638a2', class: "grid" }, h("span", { key: 'a5c2e49f307c005c29b6c3c0d5c37604a20b38d7', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'e9281ee3b7c23920e165f90796772c5057f0e591', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '0144a15a5f4276c6d686dd7ea2893ead295d81ad', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '84e6de06e4c31803fa99ef2113866e947631be02', class: "grid" }, h("span", { key: '1a21ce9476d86e83c3a61c591d015d917f34bad2', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: 'c81bd5ea778d4694847bcbd0f23c320e5acc9167', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, h("div", { key: '0fba58a3d08292a83f9ea355c9f5eaf302ec7e62', class: "grid" }, h("span", { key: '06978e5ccd45c684114baba14197fae88a29b009', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '0bd72456a2de62ef77b091861aa042ab9fd0739b', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'f2e9fe5798503e662637ee73182dc00e183c01b7', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '489311b860dfdd54a1facb310a94c684fa34e169', class: "grid" }, h("span", { key: '98b03f75771f438b1dfe1325f0e21ee5b45f9447', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: 'dfa8933173fdb19186372a63fdf7a2b683c36b95', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '5e7516b9e860965a9a1c1b140988bc8789f4e92e', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'cde427ae68e8d16a547dd1e714847359e5b39197', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '547066eac01d4cc61a1938dccf2d51c1ee3b4f6a', class: "grid" }, h("span", { key: '2deac787b948cfdeaf00b39de8731fa6ffe54512', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '3bbd8a2f82a25f16bb989252912e69bee13b61dd', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'f262c5f8bdfa4355181700078d3a38c13b5598f3', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '352d72f29eba7dec334e1e46898921cfe9dbb1e5', class: "grid" }, h("span", { key: 'd199696680cc4cea53920f3898e97a9cd7cce4ca', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: '058951afa29e29683fcb6b0f89ee046482c50669', 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: '4fe6cbf0872ceb38e8c4ade73f9cd5d71dc02a6d', class: "container" }, h("p", { key: 'a2f95067e472c8ecc8010cc529ec69c48746f243', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '304fd52f6ef4744d6a531a5d7b8729d505c6d7e5', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'eea7378f6153492e2238417887f2ce786c450293', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '87608635aa776aea41fd8d6a9b794fd617e58316', class: "flex" }, h("div", { key: '39197725e0a769ce5aeae4ecf3490c40368a1a69', class: "w-full" }, h("ul", { key: 'fc7bc2dd624ad83209d2e55a31c7fe228e27a05c', 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: '487f4c9776ef797fed3a504bc988529fafafe5d8', class: "w-full" }, h("ul", { key: '40cc46b58f95bdfe281b8336d57200f0b10ba7bf', 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: '0d7f40bfb85770112c13562ec947475f3b31a581', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '2574eb39b09d61126d4caceb1ca39718fb84cc49', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '19ae32c4f3db95043b10be2dd1f8542910295db0', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '500638a0a9d1a29962dcffa485612bc716b17585', class: "flex" }, h("div", { key: '8564beedaa965489c3224ab8279a35af3f8234a4', class: "w-full" }, h("ul", { key: 'a60d9044f83a891df3f8855699c9add12826b1e2', 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: '312f36e79e1a1c1d6c009c8e61fdff15aa7d2d36', class: "w-full" }, h("ul", { key: '239670d7c3ff0eb8e8183999250dd4599f7eb57d', 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: '0ad90e8f9b9b5a6e02f60f1992c3290811f7712c', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'df616406dd19b599afba16f1eb7c6efd0ab0a676', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '595d7edcb5d5309daff1bda838a87afaeb91d1ac', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '553e6261bd0b27dee6993b3b828f0a32e9125fa7', class: "flex" }, h("div", { key: 'c2117c24b17629ab511eff847954b54b5ef7dafe', class: "w-full" }, h("ul", { key: 'a18f9635a15188a3b9ae057d83968a26f225289e', 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: '31a3b39cebe2d27d0f14769e9031a6342956ae48', class: "w-full" }, h("ul", { key: 'acd7aab003bade1303b98c6e5cfa31f65078315e', 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: '3d85b99a224355957176c8511e2ce8847a10b15f', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'c362a37363f542dc6e93f74fd19e1be47a9c2e26', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '30890c8730d50a567611fee53a879511d6c83170', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '0711dc09f3de81be950f9b1103fef11579bf269f', class: "flex" }, h("div", { key: '84e885c4a4102791febe68fa3b3f65f7f14cbf66', class: "w-full" }, h("ul", { key: '68f65fecdc6a4875d0ec1dcc3a187b32a13edaa6', 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: '9eb65cffe9ec2b8cd8505dffaf67bb9da1545327', class: "w-full" }, h("ul", { key: 'b8ec8142577d347f87a4a34984c83a7b2b6390de', 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: '9d28ec9943d0677134197c13540de9bb7c2f12cd', class: "container" }, h("p", { key: '6f7d0b82630b3c49f9dff5ccd36bca698a1fbd5c', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'd7f9671b3cbb38b08cd81c30587abdf0d8f41f51', 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: 'f2f511e348e059b3dd4f297f5b4a3979cd375129', 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: '969c18ae721d4f00760e98cd80059dc2aa453d67', class: "flex" }, h("div", { key: '1b17ab8ece1291526e71d18dcf3c1f93a00fa2c4', class: "w-full" }, h("ul", { key: '986f769f30231630847cdfe86b8656839a939d88', 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: '86eefc26ae16cd6e9677740d9bc79510a52fc73f', class: "w-full" }, h("ul", { key: 'f9d33602d9d0074e708853f4f8414be3059df356', 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: '07b359efde4e571b7aca720c96a4bbf14c838d4d', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'd298f15d103db28cee0d20c033a32588ed5fd19e', 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: '30104956c75990db31768f55fe29a3c58c3db6ee', 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: '2ac588649556015429c13fc99639dcfc156262d6', class: "flex" }, h("div", { key: '80a4806cad7dbfe512b77fd24e5d857301cba9cb', class: "w-full" }, h("ul", { key: '92f3708e7750b344f7b493023cb76fb40c859a4d', 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: '7bdd5b1548c55260c6425b167ec4dbb89dd6eda2', class: "w-full" }, h("ul", { key: '387542a843d26539d7fea2af38ef9ae4308eeb32', 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: '0f1ba1c7c7408685f371c4044f95c7ca502fc944', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '8ed5ff96b53904e8ba20ef1511245c0b5154afa4', 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: 'a14d384ccfd1147cf97b368b2cde7382a54c0a45', 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: '155d52d56352a506e3b7737d427a14a3abcaebcd', class: "flex" }, h("div", { key: 'e91aa745ca8cff4fa9b704317ddfd43a6f40ca38', class: "w-full" }, h("ul", { key: 'c7011ffce80763f4042be97d0ea69babfac40361', 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: 'a98a22aa0af0b286575bed2e334b184617be1ecf', class: "w-full" }, h("ul", { key: '20b30469c9c0d2999139d8e0f1d80f5ab0a3c514', 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: '10e39fc6e1aa2682ada0ec5183b3552c9958bc98', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '849655d792c79a191cf6cab7672ec649de59cb5a', 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: 'b1e5d967791190f20c86d54ef46b703270b5b637', 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: '292f06ed7f8d9af814439e8774308068c2aa6a3b', class: "flex" }, h("div", { key: '44575c8a4582d31170803e390265f02548045831', class: "w-full" }, h("ul", { key: 'fc137b3481b601c0b7eb216b9393ddd291eb9a02', 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: '39c79f448361189f8f439622099271276d3ebe3d', class: "w-full" }, h("ul", { key: '6195f5159065e800f84f1d0f78f6523986506369', 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: 'dc96e5e7e26b90d55edf211a12cca96331fd50ee', class: "container" }, h("div", { key: '7168395a53d0d1ccb01ea8850dc78b9bafbc80db', class: "mb-8" }, h("eds-alert", { key: '66969d5478be8b0e07dc96e62aac4273fe23927c', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: '1b31ee746e23288fc37c17e71bc9c5a4d9333a0a', class: "flex" }, h("div", { key: 'f04c1b2349c82720f7e3d9a29c2aaf0ff9d73af0', class: "w-full" }, h("ul", { key: '2ba63701fdde544e5c510e03676d1b1c74061931', 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: '7642247ada8ff3201e3a1273a20cb37860a1581d', class: "w-full" }, h("ul", { key: 'ef03781a8ed2067adc0b8cb65ba9268ba0920f04', 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: '46ba571846c2b481f3ace83fa6ba4a87bcd30782', class: "container" }, h("div", { key: '9dc5ab29cf5eaad08c8b83207e7aeb90b6ab4a4d', class: "mb-8" }, h("eds-alert", { key: '8e7f6cef090d49b6bbc7073287160c1043c55a93', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: 'f1179f91e386c3eafea6a0ddfe8f4cec957d8e45', class: "flex" }, h("div", { key: 'a2e2bdde2b2e7db03cdc7c4bcf3340a1de588502', class: "w-full" }, h("ul", { key: 'de6f792de1485bb7771b5feb911185ad8e433dab', 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: 'b018dc2bf1644efc96807184e7996bb32221ecc3', class: "w-full" }, h("ul", { key: '6ec1aff24d751fde41e3f4a878f641a84bf91854', 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: '2716938c52b8f67e031d8508745cccb8f015a110', class: "container" }, this.renderContent());
+        return h("div", { key: '558e6c2ad94148d2371879fa7ae8f4ce6d996f73', 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: 'dfc087cb088b4505939bcf69559639f0a2075255', class: "container" }, this.renderContent());
+        return h("div", { key: 'bf55f7238eb1c05bdf6b79a4663070ff257595d8', 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: '2fcc5dd08b84b47b561c6f32f49c65b90560069f', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
+        return (h("section", { key: '940429578fd363c79e2dd79f0f2ac758ca87e905', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
         // Only render sections that exist in `colors`
         sectionContent ? this.renderSection(sectionName, sectionContent) : null)));
     }

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: '2afbed04fa53695bfc13275ab6d6f77d314e4d14', class: "w-full mt-28" }, h("ul", { key: '87490ba0d46027993d10cdf5f5deef419cc147c1', 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: '4e8ae60a6a8c9ed3f49c4d69a6b68b2f9e6e5c5a', class: "w-full mt-28" }, h("ul", { key: '5a4b2c649170390872aec0c21694067d735f4069', 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: '4dcf52cac610208030db8af7681cfee611f02a62', class: "w-full" }, h("eds-section-core", { key: 'cb571aba92bc59c7b458281258362ca91becc09b', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: '734f5db424dce811f5b6508c49c9f4c9ea4f4474', 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: '70fd39ec49cf5e57a1d1775b18a3dacc3f6afa73', class: "w-full" }, h("eds-section-core", { key: 'fd94df5d8f1049a86e6bebd2e96f5b1c44b8881d', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: 'cd5928f33ea769e01ff0f7bf402e737cb03940e6', 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: '56dcf320ff3ee79c493757a3cfe27c1f7bca33d9', class: "w-full mt-28" }, h("ul", { key: '8113c23d2eaab9abd28acb618c9599d5be1262a6', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (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: 'b5a033c491057c60a7b0d2ac1a1ef46a234eb718', class: "w-full mt-28" }, h("ul", { key: '3f39094a92599645183ee2eb60b3726bd69b6166', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => (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: '45442561f72445e84c257ebc9d30f2147303427a', class: "w-full" }, h("ul", { key: 'cca0cba4260ddebb2b0f1e39a9cc96d067d3fa73', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '8c38c0e0802683d9ba2cb38dff013aa02650bbe0', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '406aac1f24a9a812b7405b5e323e3cb73574fb79', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'ec7f90ce92020a91b57e28545ede5d782d4a7dcc', class: "spacing-sample m-16 bg-strong" }, h("span", { key: 'e84d0c8ccc0c6be14ca41bceece9cc63a8137dfb', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: 'dce507afa0eac9ddd430d8b2034b943e844a9b32', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'cc986ee89d249ac351c6ed81650668a8ba8ab139', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '1778c2032e322a0cde34987e5ecaaeec38933892', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: '8ee98a9847db2baf69adf1e5919ecefa86a1dea8', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: '589485906ebebf8fdc348e995e6aae0dcd4124fd', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'b94fe2cd4f93f7e52fc82423d728f5ffd3cb7dd1', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '5c6ed8a3c4573eb4f7644e18a4e6c10cab958e2a', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: 'bec15bc9092c36295bf012f82fd34e8eee5954cf', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: 'e9568891252c4597431f117f0f8c9136d30c3658', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '1fac252cd3bfd2cb1f9aa3b419e04f570f57f4e8', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'd59e7e5f180ab164837c5b94cf3f61a7084a6385', class: "spacing-sample p-32 bg-strong" }, h("span", { key: '73dc397292ae7ff9c532b4c6c9f2a42c35945493', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: 'af9c0e9fb5fd5c314d34f2cf6b2bdc9a63133c0d', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '498a46c66ec671f41681f458615d69a741784761', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '6e511b973ff53d748e99728fb1b186796437bbca', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: 'cae79c38937cae94930fa8750fb308ab4329de45', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '67e0ec47dfcbaf8c51969973137c4ba87ee6337d', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'aa8003ce3db28c8697d57728c02797324dffbf1f', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'aeaa333a1e0fbfaf5d2fcc49c4e8180e94b91b03', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: '708a18ad1ebeb0a24fcea4d06aa42c024bb2258a', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
+        return (h("div", { key: '6b3242864d2a095f7a39a2e13be792d864a2f349', class: "w-full" }, h("ul", { key: 'afb2db7e82d1efc4c5f2118d3ce912836214b65c', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '01f8b99e5d3bc38d9946f645c79c93bd7c2118b1', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'd6986922cca32cdfeb39d3b31f7c3a1a7c1bb9e4', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'f8cfae4596dbd048053d5e433b55d6b4ecaa5351', class: "spacing-sample m-16 bg-strong" }, h("span", { key: '4b19dd66840ea52b31b94d7222bde7cde6346225', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: '8a8a0b2815f07dd8e9c3235b16ae1e8bdac1c3e3', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '096cc724cec2033f1f8f87bb5b6fac60dce82bd5', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'cf1917d881f307141e011aadc6d353883bf96720', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: '46c1054edcbad036d37d31ea86f85c13ea141dc3', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: '562965b0245275992204e227b7cdb0d15df3e7fe', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '1e3f7de64f7916a507b2dad14b9f6f711990dc0f', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'e7d391fca34899535c0c480dca50a169832cad89', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: 'c8ecacf9b3ffe5cc0d5178953ed81612bfe7bfb9', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '578d79c02cfd18f3fd325c854c83a175358de29c', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'ea1b373a23cb9f504bb2f668592b05d7906463ff', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '4f5c6994dd127b2d8f6242d34182e768bff37a93', class: "spacing-sample p-32 bg-strong" }, h("span", { key: '6833463ec21e77da1bed3b1c2d2e4df3892d655c', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: 'c625bba2faa660cd7de320d5de8833ad67124e65', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '1c28128ae1046cbe561f526725f2e1f4098841a8', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '2d82995a9278f32ad257b5f43e299dc59fccfb8b', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: '7afad7410f0f0c867d32b7e81a384fe294bdba07', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '96a65c8b325e8c271e95d3e98c447ed6c438ee09', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '4907c7fdc86c09e0760ba4ab9e0b06606804ca46', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'cebf638f44789c31845edfafe6d6e82e6fe8d188', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: '3ca0c927fe573467215c84ffb8373bb90e4bf949', 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: '859a416f39219fa58601b57eab3d3ceeceb072fa', class: "w-full" }, h("ul", { key: '3c29d182685328e8bf1ae8b46909426c2b2164cf', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        return (h("section", { key: 'aedc3e99bcef2710c6919855fd30de9fa44d48f5', class: "w-full" }, h("ul", { key: '7391f39ff3599e976cd19805f35a5d4e74e06fa6', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
             .filter(([typeKey]) => typeKey !== 'displays') // Exclude "displays"
             .flatMap(([typeKey, typeValues]) => Object.entries(typeValues).map(([size, style]) => (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: 'dd4c39b9b45b3ac9d7e54898e27c09b3c6b4259d', class: "container" }, this.renderContent());
+        return h("div", { key: '7cf421f19dc1d70ab5c2df29e8ca22577b1652e2', 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: '60dcb01fe1791ae536755d50234c38fe1b8355f2', class: "container" }, h("ul", { key: 'f8392d3dd6620cfe57b39a03c4f427eb201faa2a', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'f89baf7dfe7257402a93c06faf09d6602a169de3', 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: '94ba054bcc5ada258cb95530dcc380184820cc59', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: '226d955d9d0a049d2a99b83a3d1223369c3a75a3', 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: 'ebd3897ab3207f1ddebbf4d9cdbbe6a2069c9952', class: "text-center mt-16" }, h("p", { key: '4e56dc98d24514717e4711204d9bad0c59ca816c', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: 'e04e02f59c35d52d647f18a71a37657a5d7115b3', 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: 'd499f9bf757d0daa9d22fdb41e56058a1d7b3749', 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: '636539f79ffa0f99700e05a7dc5096e824959aed', class: "container" }, h("ul", { key: '505f5632c6726bd10f9a4f98c471452dd69f87db', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '7488de77952464c75c7b427f642673e63def6344', 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: 'f892d703e92f518d58ca51c87ea51b67c5a520d1', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: '22e2f278b5bba1cd20742fc04c4f3bceba67f916', 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: '76fa2224e922e312c132c817a32334b5737568c5', class: "text-center mt-16" }, h("p", { key: '446e27f37cf9f49ca2acdd5ba206dd37a7bf96d2', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: 'bcefae89104a8690b21db7bfa23b3fdc2486be0c', 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: 'cbd5ddd28fd58cef55cde10d93a72c6464eb92ef', 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: '0f0c8f6752da65c793c2f7ad20a9e9a038c15f16', class: "container" }, h("ul", { key: 'fb9647dcdb07fc5eec1a84c7458094add83233ba', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '06069a4da6863f7bd714191610ce44730531c25d', 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: 'a2c24b224acb98ea80b4d43695a0cae87de8f311', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'a672294c291984c387fb5ddfbbf89a5209cf88d3', class: "coloured" }, h("eds-logo", { key: 'f6540444fabfeb1313103ecc860c9543335bf693', type: "no-bg", href: "#" }))), h("li", { key: '769c0e2d304e117ae5925a0d2d981f85cb31281f', 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: '1c4b6cb455ef32c5b94bead22b7116aec3b9233c', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: '8e3c36097fa1dd5d0fa8cdafe00daaaa035f5463', class: "bg-default" }, h("eds-logo", { key: 'cdd92bd788afa9e127ad6163ce132f2e6d620c95', type: "black", href: "#" }))), h("li", { key: 'e8012388b0209873684706e16306144174212b6c', 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: '49b42b62f6f769c81526add05822df44941bba5c', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '4ba6fc32175d6b6dd3f38e551eb80f4e5d1144d0' }, h("eds-logo", { key: '3ebe5f6551a960873a82af20a4d415b175b7f8de', type: "color-white", href: "#" }))))));
+        return (h("div", { key: '31080c3f61b7081b812d2148af7f6b534d3b9205', class: "container" }, h("ul", { key: '8c425610616c76af3511717cd9848d8c08b6bb5a', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'ac2a5a9aa41ff24812ec784afc48a824914b9b5f', 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: 'c6c4506d720f25b8fd5c640f1e6ac88d16c5f3cd', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'cf934aaffba7de45df6d520f10cd62a3446e3513', class: "coloured" }, h("eds-logo", { key: '7e7f53445d58659b79ac0894b330c8bfa6cf0029', type: "no-bg", href: "#" }))), h("li", { key: 'e0df9fe7cba5df458cc0b4a71155a3142cda903f', 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: 'fd276f221216a21255a91983d3e7dd01a68c249e', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: '1a6fb9c33f9b08a530e77abd0ee52a1ff331593a', class: "bg-default" }, h("eds-logo", { key: 'eadd809060652b6258164bb4fa28a932177d916d', type: "black", href: "#" }))), h("li", { key: '12bf924628c51eccf3ce49a9cbb8505852256f49', 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: '5b5378282b032642133d624cf0b795c443fab16e', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'f84ba6c4c58ee16adcaccfcf04537e60f8bb694a' }, h("eds-logo", { key: 'd0e17a1eb56a657bd390543b8d2f27543f8cb4e1', 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: '7d88d267037ee805159ea73f27b15d2e7ec0e1b6', class: "container" }, h("ul", { key: '848defdb55c164b9fb3cee0b1425acbcbfeda209', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '9e5d7a1218da406b571ef4a8026aabfd2618846d', 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: 'ed5bc7c77061eee46c95e719aa938d1374d413c6', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'b508a4c0fb271a880e16a375cff36ecfe70d55a7', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: 'e92421e0d04d84ae40d36bdd1d7d20b0582da600', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: '1a6c57792d0b9a7fd89036d963556def55a9a3cf', 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: '56b18c6f6932f92995b5e936dc271f07fdcb2896', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: '8d77de5838230e17a30d6327c71a3e93cf52c8db', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: 'f818a1028b59b30aa2d7ddd35146e81d332f653a', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: '0ce7ef6e6f3e95d43a8133c12a0b2b57bfb9b67a', 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: '8a0e61ff35121c1c3e60320d4023e44e639cee72', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '412f19f119a71743bae3a824874e1a1dcafcd258', class: "mx-auto w-[300px]" }, h("eds-logo", { key: 'a62f01cb47568231e90facf00ab74481e818a40b', orientation: "vertical", type: "color-white", href: "#" }))))));
+        return (h("div", { key: 'c3c9836a877143b6cc94fb1b1e5460651290c55a', class: "container" }, h("ul", { key: '09c53755ca2f7c96dffc3c2cb431c0283b22e476', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4e69783ee97bc8a87e355aded11969bd722b9cb6', 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: '8dbb1dc5944bdd0c8a291953a812aa8260e891ae', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '80014d18145ff1a926eae339472ca7c7281ca7b0', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: '832765f9d2e6bfd286917ab64bc30c8f5eee4f6f', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: '3501b56b46e16bdf16b963dc1ce21c7bb537d7a7', 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: 'beb34779015221aa5595d0741b07e6d25b096afa', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: '01f629499e08510989e7091c5360a568998bf3d7', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: '49aa4ef2bf284c891fe2ecca8fbe3a867e7de039', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: '9b55564be0a4fb1d55452e7d3c0d4bd643d0517f', 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: 'a95288658f7199722ab086779e8613856e7079bd', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'edaa539d4b4733274311621f65395371addffbdf', class: "mx-auto w-[300px]" }, h("eds-logo", { key: 'e8a2997d451664afca22b6dc61c5da109a096e54', 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: 'b05bf7f07b39c2119f4716da95f34372f75f6137', class: "container" }, this.renderContent());
+        return h("div", { key: 'f35a343973fee85b4aa9341af797dc006aad4a03', 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: '37850687dda1175073866d4898102d185ced3e2d', class: "container" }, h("ul", { key: '2734a992d3ee5249c024dbb982fc452334645dff', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '26514741d093eb98a9898df179a5308864116b2a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '8162f53c61380494f776122dd5e7183dbaa5a941', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: 'c8a6b7af377d7bd214f3fa85d0032af5d9c64b58', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: 'c17db6db70ecaf33bf39942d18d11041d233c6e0', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'c0e542cfa0cec0729dd56f4b7dd5e3e514a4c375', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: '10ee19b46078ea7fcaad394adff676f7a90d39e1', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '7e02bb8a4d1ba255a7a2323bbf7056788822301d', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '7901b9c28eaed72f2816cc4fa16461a64b2b876c', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: '011b641e58c216d125bf0fe0495be11c65710a13', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '4dd09cd947f29519c2c7b3f78dd98bd40a80b54f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'c19319983842106734c63c103fb04b5e5fc32e39', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: '2de8694d6e8b790086a5d9e2ce8c2454ad02e1fb', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: '9e70df0ce29692c5f70ac4849fa0765fbf979ad8', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'd0f778976c8dc89ec22174b56600aa69f15a45a2', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: 'e8d9c2bafc5eebfd2f289fee9cfb916abe77b04a', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: 'd590b661312fd6b56199ee0790a10acda0b8aadb', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'cfeb7d7a4af9fc595c0d4e083ad670a170ca2885', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: '15f6ff0ba150d42f18a19973d167510ae4c95c6b', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '56c45146f541a7fb8814810a31e8b0393c976281', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '1ded3e72b457a639184f4f3f0801eb62af87f536', class: "mx-auto" }, h("div", { key: '67661f2f1273b925779001cb94b345771a74d726', class: "bg-accent p-16" }, h("div", { key: '33d473c812643bf3fbc87170c80638566de1b0b5', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '7a5edbc5ae089dd87eef05baa755caf8e4a5bde3', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
+        return (h("div", { key: '6bbcb3339a0704b6bc75d38d8c699dbdf333ed4f', class: "container" }, h("ul", { key: 'a87538139dce51e0b67274cd7eb4a514cddf1892', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'c1b2d506f4bc4212ced9f42ca2cf5940e8c50002', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '3af5af8f6b1388fd61550838cf3aa6dcfbc6f78d', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: 'c6576b28269f62dfbc9ad4c012f7253265e40ed7', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: '2f0cf0b80c42585d5f49667e758be1bd666686a8', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '1483d36ce2107a2c4e2a3b4bb581559ef651dae0', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: 'f4f654f2ffcbc628620fdf93593effe220f5ab80', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '5411619f96e5db5f9e41c998bb2624346d9fc874', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '1bf1eae3cac99a849ed20d77c340faa3ed333189', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: '73156bd4f715e56510f83ac12442516a5955c85c', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '784997d0d0b9f438d04b0e6e5c373ea16a7350b7', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '6c630fadddafc30eeed0512298a01b7f609cc9c0', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: 'd94d025029f55a163c14ee601f93bfce69a90b98', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: '54de1bb2f15c4817365f81b00c054f5ce5c3f73f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'd10080524287c741489bcb0b0e110a1d5fe85e6a', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: '09f9f4e58ef7b5c0d5f3226f5e7f985a85876c9f', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: '9cf00dcba969bfc4b979f4e48a6fc54eef0a0f70', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'ea6ac8711d0bd15c90b57e0b49d429df29db1f46', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: '034f83d9ed7e7d28824060a725676180ea4c5558', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '530423af692930c0b7dfad9ce66584d1bfb6f61a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'cf068a0bf96cbaa1ec78badc46d7045257ecbae3', class: "mx-auto" }, h("div", { key: 'fb927d7148d7dbc3fd8d0a7cb585c29ccc4082dc', class: "bg-accent p-16" }, h("div", { key: '2b272b08d0fa2d5972d6c26387279813d83c6990', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '1c104c8279497a6c4cce15f973de9341d4768653', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
     }
     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: '996c9a1b05d34ec171b8c58098fb3fd8e28aa81f', class: "full-width" }, h("eds-table", { key: 'bc8d69bba7a6e6580ee808935fe7845194f6d38b', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
+        return (h("div", { key: '741972b0adefcb91106a9229df6d1eb258b9a20e', class: "full-width" }, h("eds-table", { key: '2c06211f9e1ad7d3a10ddf95908db83783c37e53', "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: 'c1754394ac9c249ef4c5959ed0b6a74d8ec365ab' }, h("eds-link", { key: '4bb5d796d14dc242024df4681dea493d4511a8b6', 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: 'daf8dae47d699797488bddeb6be5951647d26a86' }, h("eds-link", { key: 'a07c16a0c89acc9230a3ebebbd4bb4d1993f34ab', 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-global-search/eds-global-search.js

@@ -151,10 +151,10 @@ export class EdsGlobalSearch {
         return this.hasSearched && !this.loading && !this.hasResults && this.query.trim();
     }
     render() {
-        return (h("div", { key: 'be8f46caa1d12a034401686c9860b87032652322', class: "search-wrapper" }, h("eds-input-field", { key: 'c31ac27a5e9f97729da8f7168e22ad09205ffce0', icon: "search", "input-id": "search-global", type: "text", name: "search-box-global", placeholder: this.placeholder, value: this.query, onInput: this.handleInput }), this.showDropdown && (h("div", { key: '57b87393636913be24856bedc805e180171f084e', class: "search-dropdown", ref: (el) => (this.dropdownRef = el) }, this.loading && (h("div", { key: '3ddb78e5a734d69b581e64ee825d12574f98574d', class: "flex text-center justify-center p-64" }, h("eds-spinner", { key: '178c99535ce61b320fd70ab1f3aeb8408c868fe3', variant: "primary", size: "sm" }))), this.error && !this.loading && (h("div", { key: '87feb37ffec93fa12185cd1fffb5c4f8ac54cd55', class: "flex text-center justify-center p-16" }, h("span", { key: '07544fe95721c9e0898364f3bdcfc0b1ca79a48d', class: "text-error f-body-02" }, this.error))), this.showEmpty && (h("div", { key: '6595178cb14ce5e21cdb15f96e039975a8af0c67', class: "dropdown-state" }, h("eds-icon-wrapper", { key: 'f5b614218bb6ef642c3d1f4c7d41f56f28319a9d', icon: "search" }), h("div", { key: '857671d7783d8fe854e6b3203a3755d24f337e5d' }, h("p", { key: '89bae3bfb4efa63e777121088a59d873652de4e9', class: "f-body-02" }, "No results found"), h("p", { key: '1a951b1a6f0daf7506e6e7892a211f92d95b94d4', class: "f-ui-04 text-lightest" }, "Try different keywords")))), this.hasResults && !this.loading && (h("ul", { key: '1c1711dc4332d70cefe965dcfeeabc3c6745ce4d', class: "dropdown-results" }, this.results.map((result, index) => (h("li", { key: result.id, "data-index": index, class: {
+        return (h("div", { key: '03beb0a36e20ff5e0c1213584361c9b85ef52684', class: "search-wrapper" }, h("eds-input-field", { key: 'cefbfcc4c32067fc57f4425fde7e646b2ca36bc6', icon: "search", "input-id": "search-global", type: "text", name: "search-box-global", placeholder: this.placeholder, value: this.query, onInput: this.handleInput }), this.showDropdown && (h("div", { key: '60a8f38d2eb06335f97f232a7e810f22ccf379b3', class: "search-dropdown", ref: (el) => (this.dropdownRef = el) }, this.loading && (h("div", { key: '2e8dcab16d8fef0f0ec07bcb78fd568f91156095', class: "flex text-center justify-center p-64" }, h("eds-spinner", { key: 'f512b3508fe5ba35a762346f43fa780a9b0c5c11', variant: "primary", size: "sm" }))), this.error && !this.loading && (h("div", { key: '549a6ec4f84c10d5bb4449cb7aa9a4dc61a4ff05', class: "flex text-center justify-center p-16" }, h("span", { key: '2de6645b976ed3d7958867447c090639b3b613a6', class: "text-error f-body-02" }, this.error))), this.showEmpty && (h("div", { key: '1006b88e3508a51898f305e1a221762f9cbc0204', class: "dropdown-state" }, h("eds-icon-wrapper", { key: 'bc635e10a72aaf715747f8c512ebc3d18d0657c5', icon: "search" }), h("div", { key: 'd267ee5c228ae85031088faf7b44b99bacbb77f4' }, h("p", { key: '526094eab25fcb55d5e5a1529c165a39e80db386', class: "f-body-02" }, "No results found"), h("p", { key: '770ff6f735b09068bcb26eec2552c6e7081348ba', class: "f-ui-04 text-lightest" }, "Try different keywords")))), this.hasResults && !this.loading && (h("ul", { key: '75597ab0dc1c11854e366294a12a9bd448f53877', class: "dropdown-results" }, this.results.map((result, index) => (h("li", { key: result.id, "data-index": index, class: {
                 'result-item': true,
                 'result-item--selected': index === this.selectedIndex
-            }, onClick: () => this.selectResult(result), onMouseEnter: () => (this.selectedIndex = index) }, h("div", { class: "result-header" }, h("span", { class: "f-body-02" }, result.title)), h("div", { class: "inline" }, h("eds-tag", { intent: "accent", label: result.source }), result.section && h("span", { class: "result-badge" }, result.section), h("span", { class: "f-ui-03-light text-lighter ml-8" }, result.url)), result.snippet && h("p", { class: "result-snippet" }, this.stripHtml(result.snippet))))))), this.hasResults && !this.loading && (h("div", { key: '26e172b579f71b7096481994c0a4af80d3e416d3', class: "dropdown-footer" }, h("span", { key: '57a6432125472aaed3b7b46c106aeec0d0a5ee50', class: "footer-hint" }, h("kbd", { key: 'c8ca5d4b1a2e8f59665290ab78499f8db431a2e9' }, "\u2191"), " ", h("kbd", { key: '89a6520e51bed33cfc37b892480af44e5b77a9c3' }, "\u2193"), " navigate \u2022 ", h("kbd", { key: '4173b9ec77d52d4570e016c3366e27fef225ccb0' }, "\u21B5"), " select \u2022 ", h("kbd", { key: '7f118c184acf52edd545e1f97b4ca991eaa1aa1f' }, "esc"), " close")))))));
+            }, onClick: () => this.selectResult(result), onMouseEnter: () => (this.selectedIndex = index) }, h("div", { class: "result-header" }, h("span", { class: "f-body-02" }, result.title)), h("div", { class: "inline" }, h("eds-tag", { intent: "accent", label: result.source }), result.section && h("span", { class: "result-badge" }, result.section), h("span", { class: "f-ui-03-light text-lighter ml-8" }, result.url)), result.snippet && h("p", { class: "result-snippet" }, this.stripHtml(result.snippet))))))), this.hasResults && !this.loading && (h("div", { key: '4af4caf6e6856feaeb91218aa249950ac835e5d8', class: "dropdown-footer" }, h("span", { key: '4634ee9a9a15674cae0eee784b7ee408c7707874', class: "footer-hint" }, h("kbd", { key: 'ea0dd3cbb169f0db034fa3ee9019592d943398f6' }, "\u2191"), " ", h("kbd", { key: 'f1fc8937f965f695b402a78c82661e0ddee8126d' }, "\u2193"), " navigate \u2022 ", h("kbd", { key: '1d7de6abe02b46362c0e7d1998aaa9b78d1c1378' }, "\u21B5"), " select \u2022 ", h("kbd", { key: '50d7d6ab8176e654529fa7e977dc67eadff84c3d' }, "esc"), " close")))))));
     }
     static get is() { return "eds-global-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/examples/eds-app-root/eds-app-root.js

@@ -27,7 +27,7 @@ export class EdsAppRoot {
         this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
     }
     render() {
-        return (h("div", { key: 'aa412cafecaceba211d0938d42779d33a20b418f' }, h("eds-splash-screen", { key: '78de23a74a0263c09e400cb16d20e014a50913ba', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '6a690104e273cbefa9ec4e66c5479c2db0666f39', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: 'e011a7d8a0a78a932f61a218d85aac8f25e8021b' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
+        return (h("div", { key: 'd05cf471a9e7dfd9a5e87311def9774510e1b30a' }, h("eds-splash-screen", { key: 'ae568d4bda15c9e99365f37421b4caad9576c6a0', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '624b82b77f87e636bed424ec66dc564120f370c2', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: 'fb8a582f971c715e34be9c3e0ed8b3437dea883d' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
     }
     static get is() { return "eds-app-root"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/components-section.js

@@ -150,7 +150,7 @@ const ComponentsSection$1 = /*@__PURE__*/ proxyCustomElement(class ComponentsSec
         }
     }
     render() {
-        return h("div", { key: '2716938c52b8f67e031d8508745cccb8f015a110', class: "container" }, this.renderContent());
+        return h("div", { key: '558e6c2ad94148d2371879fa7ae8f4ce6d996f73', class: "container" }, this.renderContent());
     }
 }, [0, "components-section", {
         "tabIndex": [2, "tab-index"]

package/dist/components/components.css

@@ -7002,6 +7002,9 @@ input[type="range"]::-webkit-slider-thumb {
 .bg-opacity-90 {
   --tw-bg-opacity: 0.9;
 }
+.fill-current {
+  fill: currentColor;
+}
 .object-cover {
   -o-object-fit: cover;
      object-fit: cover;

package/dist/components/components.esm.js

@@ -1 +1 @@
-import{p as e,b as a}from"./p-271c61ff.js";export{s as setNonce}from"./p-271c61ff.js";import{g as n}from"./p-e1255160.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await n(),a(JSON.parse('[["p-f6baca73",[[1,"eds-form",{"name":[1],"title":[1],"description":[1],"setFormUrl":[4,"set-form-url"],"formBtn":[4,"form-btn"],"formBtnLabel":[1,"form-btn-label"],"buttonIntent":[1,"button-intent"],"errorMessage":[1,"error-message"],"fields":[1],"groups":[1],"initData":[16],"formStyle":[1,"form-style"],"values":[32],"isSubmitting":[32],"hasError":[32],"errors":[32],"parsedFields":[32],"parsedGroups":[32],"setData":[64],"getData":[64]},null,{"fields":["parseFields"],"groups":["parseGroups"]}],[1,"eds-global-search",{"apiEndpoint":[1,"api-endpoint"],"placeholder":[1],"limit":[2],"debounceDelay":[2,"debounce-delay"],"query":[32],"results":[32],"loading":[32],"error":[32],"hasSearched":[32],"showDropdown":[32],"selectedIndex":[32]},[[4,"click","handleDocumentClick"],[0,"keydown","handleKeydown"]]],[1,"eds-user",{"user":[1025],"intent":[1],"dropdownLabel":[1,"dropdown-label"],"expanded":[32],"shortMode":[32],"closeDropdown":[64]}],[1,"eds-header",{"homeUrl":[513,"home-url"],"links":[1],"headerVariant":[513,"header-variant"],"menuEnabled":[4,"menu-enabled"],"isMenuOpen":[32],"isUserMenuOpen":[32]}],[1,"eds-steps-v2",{"steps":[1],"type":[1],"orientation":[1],"imageSrc":[1,"image-src"],"imageWidth":[2,"image-width"],"message":[1],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"disableNext":[1032,"disable-next"],"headingLevel":[513,"heading-level"],"activeStep":[32]},null,{"disableNext":["handleDisableNextChange"],"activeStep":["activeStepChanged"]}],[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}],[1,"eds-sidebar",{"items":[1],"theme":[1],"activeUrl":[1,"active-url"],"enableRouting":[4,"enable-routing"],"maxLevel":[2,"max-level"],"openItems":[32],"parsedItems":[32]},null,{"items":["handleItemsChange"],"activeUrl":["handleActiveUrlChange"]}],[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"]}],[1,"eds-tabs",{"identifier":[1,"id"],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}],[1,"eds-matomo-notice",{"heading":[1,"title"],"description":[1],"optOutMessage":[1,"opt-out-message"],"forceShow":[4,"force-show"],"showNotice":[32]},[[16,"cookies","toggleCookiesConsent"]]],[1,"eds-nps",{"question":[1],"leftLabel":[1,"left-label"],"rightLabel":[1,"right-label"],"selectedValue":[32]}],[1,"eds-dropdown",{"icon":[1],"label":[1],"rounded":[4],"ariaLabel":[1,"aria-label"],"asNav":[4,"as-nav"],"dropdownPos":[1,"dropdown-pos"],"dropdownOffset":[4,"dropdown-offset"],"intent":[1],"autoClose":[4,"auto-close"],"noCloseSelector":[1,"no-close-selector"],"isOpen":[32],"focusIndex":[32],"close":[64]},[[8,"click","handleWindowClick"],[8,"keydown","handleKeyDown"],[0,"click","handleHostInternalClick"]]],[1,"eds-steps",{"steps":[1],"type":[1],"orientation":[1],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"disableNext":[1032,"disable-next"],"headingLevel":[513,"heading-level"],"collapsibleTitles":[4,"collapsible-titles"],"activeStep":[32]},null,{"disableNext":["handleDisableNextChange"],"activeStep":["activeStepChanged"]}],[1,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}],[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"brd":[1],"withBtn":[32]}],[1,"eds-accordion",{"heading":[1,"title"],"description":[1],"switchBg":[4,"switch-bg"],"expanded":[4],"clampText":[4,"clamp-text"],"buttonIntent":[1,"button-intent"],"isExpanded":[32],"panelHeight":[32],"shortContent":[32],"headerHeight":[32]}],[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[32]}],[1,"eds-table",{"data":[1,"table-data"],"config":[1],"rowsPerPage":[2,"rows-per-page"],"paginationEnabled":[4,"pagination-enabled"],"searchEnabled":[4,"search-enabled"],"hostWidth":[1,"host-width"],"columnSize":[1,"column-size"],"actions":[1],"actionTemplate":[16],"sortingEnabled":[4,"sorting-enabled"],"theme":[1],"parsedActions":[32],"dataColumns":[32],"tbData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32],"containerWidth":[32],"sortColumn":[32],"sortDirection":[32]},null,{"data":["handleDataChange","parseData"],"config":["handleConfigChange"],"actions":["handleActionsChange"]}],[1,"eds-block-break",{"inverse":[4]}],[1,"eds-spinner",{"size":[1],"variant":[1],"message":[1],"background":[1],"fullscreen":[4]}],[1,"eds-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"perPage":[2,"per-page"],"total":[2],"url":[1],"mode":[1],"useButtons":[4,"use-buttons"],"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"links":[32],"focusedIndex":[32]},null,{"currentPage":["onPageOrLastPageChange"],"lastPage":["onPageOrLastPageChange"]}],[1,"eds-tooltip",{"content":[1],"position":[1]},[[1,"mouseenter","handleHover"]]],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[1]}],[17,"eds-input-field",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"required":[4],"label":[1],"hint":[1],"icon":[1],"link":[16],"message":[1],"error":[4],"checked":[4],"errorMessage":[1,"error-message"],"value":[8],"maxLength":[2,"max-length"],"min":[2],"max":[2],"step":[2],"options":[1],"type":[1],"onChangeNative":[16],"onInput":[16],"exposeValueEvents":[4,"expose-value-events"]}],[1,"eds-input-footer",{"name":[1],"errorMessage":[1,"error-message"],"message":[1],"error":[4],"link":[16]}],[0,"eds-input",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"checked":[4],"type":[1],"required":[4],"value":[8],"icon":[1],"maxLength":[2,"max-length"],"options":[16],"extraClass":[1,"extra-class"],"min":[2],"max":[2],"step":[2],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[0,"eds-input-search",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"value":[1],"disabled":[4],"required":[4],"decorate":[1],"label":[1],"getInputElement":[64]}],[0,"eds-input-select",{"inputId":[1,"input-id"],"name":[1],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"required":[4],"options":[16],"value":[8]}],[0,"eds-input-range",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"min":[2],"max":[2],"step":[2],"value":[2],"sliderVal":[32],"getInputElement":[64]},null,{"value":["onValueChange"]}],[1,"eds-logo",{"href":[1],"orientation":[1],"type":[1],"label":[1]}],[1,"eds-tag",{"label":[1],"intent":[1],"size":[1]}],[1,"eds-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[1,"eds-img",{"src":[1],"alt":[1],"width":[2],"height":[2],"srcset":[1],"sizes":[1],"formats":[16],"lazyload":[4],"withBg":[4,"with-bg"],"loaded":[32],"showBg":[32]}],[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}],[1,"eds-link",{"label":[1],"intent":[1],"icon":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"size":[1],"external":[4],"current":[4],"download":[4],"url":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"hideLabelOnSmallScreen":[4,"hide-label-on-small-screen"]},[[0,"parentContext","handleParentContext"]]],[17,"eds-button",{"label":[1],"ariaLabel":[1,"aria-label"],"elementType":[1,"element-type"],"intent":[1],"loading":[4],"disabled":[4],"pill":[4],"icon":[1],"size":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"triggerClick":[16]},[[0,"parentContext","handleParentContext"]]],[0,"eds-icon-wrapper",{"icon":[1],"class":[1],"IconComponent":[32]},null,{"icon":["iconChanged"]}]]],["p-ab4acc26",[[0,"eds-trl",{"applications":[1]}]]],["p-f4c954ec",[[1,"logo-space"]]],["p-314aa952",[[1,"svg-repository"]]],["p-801f67a1",[[0,"docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-28ce55ae",[[0,"components-section",{"tabIndex":[2,"tab-index"]}]]],["p-f227bac5",[[1,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32],"open":[64],"close":[64]},[[16,"toggleheadermenu","handleToggleMenu"],[8,"keydown","onKeydown"]]]]],["p-fda3df86",[[1,"eds-card-section",{"cards":[1],"occupyCols":[2,"occupy-cols"]}]]],["p-80ced58a",[[1,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-632bd36e",[[0,"docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-8c520685",[[1,"eds-card-tool",{"cardTitle":[1,"card-title"],"url":[1],"description":[1],"image":[8],"avatar":[1],"shortAbbreviation":[1,"short-abbreviation"],"headingLevel":[1,"heading-level"],"tags":[8],"tiny":[4],"bg":[4],"withHover":[4,"with-hover"],"external":[4],"hierarchy":[4]}]]],["p-3ad7a15b",[[0,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-07d5560c",[[0,"incorrect-use-of-colors"]]],["p-e311fe9e",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-9d57b51f",[[0,"eds-card-project",{"image":[8],"editorialTitle":[1,"editorial-title"],"headingLevel":[1,"heading-level"],"categoryTitle":[1,"category-title"],"color":[1],"bgOnHover":[4,"bg-on-hover"],"vertical":[4],"titleProject":[1,"title-project"],"url":[1],"parsedImage":[32]}]]],["p-67c3bedc",[[1,"eds-feedback",{"headingLevel":[1,"heading-level"],"type":[1],"count":[2],"label":[1],"description":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]},[[16,"rating","ratingUpdated"]]]]],["p-5ba1c4b4",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-1f0819cf",[[0,"logo-variations-tabs",{"tabIndex":[2,"tab-index"]}]]],["p-21510f7a",[[0,"correct-use-of-colors"]]],["p-ae471b33",[[1,"eds-frame",{"frameLabel":[1,"frame-label"],"frameSrc":[1,"frame-src"],"urlLabel":[1,"url-label"],"errorMessage":[1,"error-message"],"url":[1],"intent":[1],"size":[1],"iframeError":[32]}]]],["p-f0993844",[[1,"eds-modal",{"heading":[1,"title"],"truncate":[2],"position":[1],"inverseHeader":[4,"inverse-header"],"isOpen":[32],"open":[64],"close":[64],"toggle":[64]},[[0,"eds-modal-open","handleGlobalOpen"],[0,"eds-modal-close","handleGlobalClose"],[8,"keydown","handleKeyDown"]]]]],["p-48825534",[[0,"token-ratios"]]],["p-277d0045",[[0,"token-typography"]]],["p-7aa97ad6",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-15df046d",[[1,"eds-gauge",{"size":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"value":[2],"thickness":[2],"variant":[1]}]]],["p-062d2f91",[[0,"eds-icon-arrow-diagonal",{"class":[1]}]]],["p-20e711e6",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-15dc5ecf",[[0,"eds-icon-bin",{"class":[1]}]]],["p-15f94425",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-c07e3269",[[0,"eds-icon-bookmark",{"class":[1]}]]],["p-df5fc158",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-3b838def",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-c286e9d3",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-87df6442",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-355df495",[[0,"eds-icon-clone",{"class":[1]}]]],["p-ad036475",[[0,"eds-icon-close",{"class":[1]}]]],["p-e4f0f24a",[[0,"eds-icon-copy",{"class":[1]}]]],["p-d29676a0",[[0,"eds-icon-download",{"class":[1]}]]],["p-87481169",[[0,"eds-icon-draft",{"class":[1]}]]],["p-9afd31cb",[[0,"eds-icon-edit",{"class":[1]}]]],["p-53f6527b",[[0,"eds-icon-eu",{"class":[1]}]]],["p-13f74e41",[[0,"eds-icon-external",{"class":[1]}]]],["p-c38c527e",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-b64f8ffc",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-51d0e443",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-bfb00131",[[0,"eds-icon-loader",{"class":[1]}]]],["p-c404226a",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-ee93afac",[[0,"eds-icon-menu",{"class":[1]}]]],["p-30e88fc2",[[0,"eds-icon-minus",{"class":[1]}]]],["p-1f74c192",[[0,"eds-icon-more",{"class":[1]}]]],["p-6197c589",[[0,"eds-icon-paper",{"class":[1]}]]],["p-f3754a20",[[0,"eds-icon-plus",{"class":[1]}]]],["p-941dc156",[[0,"eds-icon-portal",{"class":[1]}]]],["p-f7b88ef5",[[0,"eds-icon-private",{"class":[1]}]]],["p-a7323642",[[0,"eds-icon-public",{"class":[1]}]]],["p-78e85217",[[0,"eds-icon-search",{"class":[1]}]]],["p-7a62ae0d",[[0,"eds-icon-star",{"class":[1]}]]],["p-a83c336c",[[0,"eds-icon-start",{"class":[1]}]]],["p-65948a6e",[[0,"eds-icon-success",{"class":[1]}]]],["p-366c5c03",[[0,"eds-icon-thumbs-down",{"class":[1]}]]],["p-c9d60f21",[[0,"eds-icon-thumbs-up",{"class":[1]}]]],["p-f1c8f841",[[0,"eds-icon-tutorial",{"class":[1]}]]],["p-38113b9c",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-0725a684",[[0,"eds-icon-unknown",{"class":[1]}]]],["p-bb800eec",[[0,"eds-icon-updown",{"class":[1]}]]],["p-8bd954b5",[[0,"eds-icon-user",{"class":[1]}]]],["p-9cd1cc1e",[[0,"eds-icon-view",{"class":[1]}]]],["p-ad295d47",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-da96c7cd",[[1,"eds-pie",{"size":[2],"slices":[1],"thickness":[2],"display":[1],"legend":[4],"colorScheme":[1,"color-scheme"]}]]],["p-721431b8",[[1,"logo-wrong-usage"]]],["p-ad6e7daf",[[0,"token-spacing"]]],["p-ac501eb6",[[1,"eds-footer",{"social":[4],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"cookiesPreferences":[1,"cookies-preferences"],"enableCookiesSettings":[4,"enable-cookies-settings"],"backToTopAriaLabel":[1,"back-to-top-aria-label"],"showMatomoNotice":[32]},[[9,"scroll","handleScroll"]]]]],["p-83dde536",[[1,"eds-splash-screen",{"inverse":[4],"initPromise":[16],"isVisible":[32]},[[8,"hideSplash","handleHideSplash"]],{"initPromise":["watchInitPromise"]}]]],["p-7f820989",[[1,"eds-progress-bar",{"value":[1026],"rounded":[4],"updateValue":[64]}]]],["p-a61dbad5",[[1,"eds-card-generic",{"cardTitle":[1,"card-title"],"url":[1],"description":[1],"image":[8],"avatar":[1],"shortAbbreviation":[1,"short-abbreviation"],"headingLevel":[1,"heading-level"],"tags":[1],"tiny":[4],"bg":[4],"withHover":[4,"with-hover"],"hierarchy":[4],"parsedImage":[32]},[[0,"parentContext","handleParentContext"]]]]],["p-eda55db0",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-4cebd89e",[[1,"eds-social-networks",{"heading":[1,"title"]}]]],["p-3a1e54bd",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-5e6f5588",[[1,"eds-section-core",{"tag":[1],"sectionTitle":[1,"section-title"],"headingLevel":[1,"heading-level"]}],[0,"eds-section-heading",{"sectionTitle":[1,"section-title"],"withContainer":[4,"with-container"],"headingLevel":[1,"heading-level"],"tag":[1],"spacingLarge":[4,"spacing-large"]}]]],["p-7737d5c7",[[0,"gradient-secondary-palette"],[0,"color-primary-palette"],[0,"color-secondary-palette",{"show":[1]}],[0,"color-support-palette"],[0,"gradient-primary-palette"],[0,"gradient-support-palette"]]],["p-f24bfc6a",[[1,"eds-card-desc",{"description":[1],"truncate":[4],"truncateLines":[1,"truncate-lines"]}],[1,"eds-card-title",{"url":[1],"titleClass":[1,"title-class"],"headingLevel":[1,"heading-level"],"externalLink":[4,"external-link"],"cardTitle":[1,"card-title"],"hierarchy":[4]}]]]]'),e))));
+import{p as e,b as a}from"./p-271c61ff.js";export{s as setNonce}from"./p-271c61ff.js";import{g as n}from"./p-e1255160.js";(()=>{const a=import.meta.url,s={};return""!==a&&(s.resourcesUrl=new URL(".",a).href),e(s)})().then((async e=>(await n(),a(JSON.parse('[["p-1a674723",[[1,"eds-form",{"name":[1],"title":[1],"description":[1],"setFormUrl":[4,"set-form-url"],"formBtn":[4,"form-btn"],"formBtnLabel":[1,"form-btn-label"],"buttonIntent":[1,"button-intent"],"errorMessage":[1,"error-message"],"fields":[1],"groups":[1],"initData":[16],"formStyle":[1,"form-style"],"values":[32],"isSubmitting":[32],"hasError":[32],"errors":[32],"parsedFields":[32],"parsedGroups":[32],"setData":[64],"getData":[64]},null,{"fields":["parseFields"],"groups":["parseGroups"]}],[1,"eds-global-search",{"apiEndpoint":[1,"api-endpoint"],"placeholder":[1],"limit":[2],"debounceDelay":[2,"debounce-delay"],"query":[32],"results":[32],"loading":[32],"error":[32],"hasSearched":[32],"showDropdown":[32],"selectedIndex":[32]},[[4,"click","handleDocumentClick"],[0,"keydown","handleKeydown"]]],[1,"eds-user",{"user":[1025],"intent":[1],"dropdownLabel":[1,"dropdown-label"],"expanded":[32],"shortMode":[32],"closeDropdown":[64]}],[1,"eds-header",{"homeUrl":[513,"home-url"],"links":[1],"headerVariant":[513,"header-variant"],"menuEnabled":[4,"menu-enabled"],"isMenuOpen":[32],"isUserMenuOpen":[32]}],[1,"eds-steps-v2",{"steps":[1],"type":[1],"orientation":[1],"imageSrc":[1,"image-src"],"imageWidth":[2,"image-width"],"message":[1],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"disableNext":[1032,"disable-next"],"headingLevel":[513,"heading-level"],"activeStep":[32]},null,{"disableNext":["handleDisableNextChange"],"activeStep":["activeStepChanged"]}],[1,"eds-breadcrumb",{"items":[1],"intent":[1],"parsedItems":[32],"isSmallScreen":[32],"maxVisibleItems":[32]},null,{"items":["parseItems"]}],[1,"eds-sidebar",{"items":[1],"theme":[1],"activeUrl":[1,"active-url"],"enableRouting":[4,"enable-routing"],"maxLevel":[2,"max-level"],"openItems":[32],"parsedItems":[32]},null,{"items":["handleItemsChange"],"activeUrl":["handleActiveUrlChange"]}],[1,"eds-switch",{"checked":[1540],"disabled":[4],"labelOn":[1,"label-on"],"labelOff":[1,"label-off"]}],[1,"eds-tabs",{"identifier":[1,"id"],"navAriaLabel":[1,"nav-aria-label"],"tabs":[1],"parsedTabs":[32],"activeIndex":[32]},null,{"tabs":["parseTabs"]}],[1,"eds-matomo-notice",{"heading":[1,"title"],"description":[1],"optOutMessage":[1,"opt-out-message"],"forceShow":[4,"force-show"],"showNotice":[32]},[[16,"cookies","toggleCookiesConsent"]]],[1,"eds-nps",{"question":[1],"leftLabel":[1,"left-label"],"rightLabel":[1,"right-label"],"selectedValue":[32]}],[1,"eds-dropdown",{"icon":[1],"label":[1],"rounded":[4],"ariaLabel":[1,"aria-label"],"asNav":[4,"as-nav"],"dropdownPos":[1,"dropdown-pos"],"dropdownOffset":[4,"dropdown-offset"],"intent":[1],"autoClose":[4,"auto-close"],"noCloseSelector":[1,"no-close-selector"],"isOpen":[32],"focusIndex":[32],"close":[64]},[[8,"click","handleWindowClick"],[8,"keydown","handleKeyDown"],[0,"click","handleHostInternalClick"]]],[1,"eds-steps",{"steps":[1],"type":[1],"orientation":[1],"nextLabel":[1,"next-label"],"backLabel":[1,"back-label"],"finishLabel":[1,"finish-label"],"disableNext":[1032,"disable-next"],"headingLevel":[513,"heading-level"],"collapsibleTitles":[4,"collapsible-titles"],"activeStep":[32]},null,{"disableNext":["handleDisableNextChange"],"activeStep":["activeStepChanged"]}],[1,"eds-toast",{"message":[1],"intent":[1],"duration":[2],"visible":[32]}],[1,"eds-alert",{"message":[1],"pressableLabel":[1,"pressable-label"],"pressableUrl":[1,"pressable-url"],"direction":[1],"intent":[1],"brd":[1],"withBtn":[32]}],[1,"eds-accordion",{"heading":[1,"title"],"description":[1],"switchBg":[4,"switch-bg"],"expanded":[4],"clampText":[4,"clamp-text"],"buttonIntent":[1,"button-intent"],"isExpanded":[32],"panelHeight":[32],"shortContent":[32],"headerHeight":[32]}],[1,"eds-rating",{"ratingType":[1,"rating-type"],"ratingCount":[2,"rating-count"],"selectedRating":[32]}],[1,"eds-table",{"data":[1,"table-data"],"config":[1],"rowsPerPage":[2,"rows-per-page"],"paginationEnabled":[4,"pagination-enabled"],"searchEnabled":[4,"search-enabled"],"hostWidth":[1,"host-width"],"columnSize":[1,"column-size"],"actions":[1],"actionTemplate":[16],"sortingEnabled":[4,"sorting-enabled"],"theme":[1],"parsedActions":[32],"dataColumns":[32],"tbData":[32],"columns":[32],"currentPage":[32],"parsedConfig":[32],"totalRows":[32],"searchQuery":[32],"containerWidth":[32],"sortColumn":[32],"sortDirection":[32]},null,{"data":["handleDataChange","parseData"],"config":["handleConfigChange"],"actions":["handleActionsChange"]}],[1,"eds-block-break",{"inverse":[4]}],[1,"eds-spinner",{"size":[1],"variant":[1],"message":[1],"background":[1],"fullscreen":[4]}],[1,"eds-pagination",{"currentPage":[2,"current-page"],"lastPage":[2,"last-page"],"perPage":[2,"per-page"],"total":[2],"url":[1],"mode":[1],"useButtons":[4,"use-buttons"],"prevLabel":[1,"prev-label"],"nextLabel":[1,"next-label"],"prevUrl":[1,"prev-url"],"nextUrl":[1,"next-url"],"links":[32],"focusedIndex":[32]},null,{"currentPage":["onPageOrLastPageChange"],"lastPage":["onPageOrLastPageChange"]}],[1,"eds-tooltip",{"content":[1],"position":[1]},[[1,"mouseenter","handleHover"]]],[1,"eds-avatar",{"firstName":[1,"first-name"],"lastName":[1,"last-name"],"picture":[1],"initials":[1],"color":[1]}],[17,"eds-input-field",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"required":[4],"label":[1],"hint":[1],"icon":[1],"link":[16],"message":[1],"error":[4],"checked":[4],"errorMessage":[1,"error-message"],"value":[8],"maxLength":[2,"max-length"],"min":[2],"max":[2],"step":[2],"options":[1],"type":[1],"onChangeNative":[16],"onInput":[16],"exposeValueEvents":[4,"expose-value-events"]}],[1,"eds-input-footer",{"name":[1],"errorMessage":[1,"error-message"],"message":[1],"error":[4],"link":[16]}],[0,"eds-input",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"checked":[4],"type":[1],"required":[4],"value":[8],"icon":[1],"maxLength":[2,"max-length"],"options":[16],"extraClass":[1,"extra-class"],"min":[2],"max":[2],"step":[2],"innerVal":[32],"maxLengthReached":[32]},null,{"value":["onValueChanged"]}],[0,"eds-input-search",{"name":[1],"inputId":[1,"input-id"],"placeholder":[1],"value":[1],"disabled":[4],"required":[4],"decorate":[1],"label":[1],"getInputElement":[64]}],[0,"eds-input-select",{"inputId":[1,"input-id"],"name":[1],"placeholder":[1],"disabled":[4],"hasMessage":[4,"has-message"],"error":[4],"required":[4],"options":[16],"value":[8]}],[0,"eds-input-range",{"name":[1],"inputId":[1,"input-id"],"disabled":[4],"required":[4],"min":[2],"max":[2],"step":[2],"value":[2],"sliderVal":[32],"getInputElement":[64]},null,{"value":["onValueChange"]}],[1,"eds-logo",{"href":[1],"orientation":[1],"type":[1],"label":[1]}],[1,"eds-tag",{"label":[1],"intent":[1],"size":[1]}],[1,"eds-img",{"src":[1],"alt":[1],"width":[2],"height":[2],"srcset":[1],"sizes":[1],"formats":[16],"lazyload":[4],"withBg":[4,"with-bg"],"loaded":[32],"showBg":[32]}],[1,"eds-input-label",{"label":[1],"name":[1],"required":[4],"disabled":[4]}],[1,"eds-code-block",{"code":[1],"language":[1],"copied":[32]}],[1,"eds-link",{"label":[1],"intent":[1],"icon":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"size":[1],"external":[4],"current":[4],"download":[4],"url":[1],"ariaLabel":[1,"aria-label"],"disabled":[4],"hideLabelOnSmallScreen":[4,"hide-label-on-small-screen"]},[[0,"parentContext","handleParentContext"]]],[17,"eds-button",{"label":[1],"ariaLabel":[1,"aria-label"],"elementType":[1,"element-type"],"intent":[1],"loading":[4],"disabled":[4],"pill":[4],"icon":[1],"size":[1],"iconPos":[1,"icon-pos"],"iconSmall":[4,"icon-small"],"triggerClick":[16]},[[0,"parentContext","handleParentContext"]]],[0,"eds-icon-wrapper",{"icon":[1],"class":[1],"IconComponent":[32]},null,{"icon":["iconChanged"]}]]],["p-e5a1118d",[[0,"eds-trl",{"applications":[1]}]]],["p-0f319eac",[[1,"logo-space"]]],["p-1804a119",[[1,"svg-repository"]]],["p-8998eec7",[[0,"docs-palettes",{"tabIndex":[2,"tab-index"]}]]],["p-be54a6c8",[[0,"components-section",{"tabIndex":[2,"tab-index"]}]]],["p-f227bac5",[[1,"eds-fullscreen-menu",{"links":[1],"menuLinks":[1,"menu-links"],"homeUrl":[1,"home-url"],"inverseHeader":[4,"inverse-header"],"isMenuOpen":[32],"open":[64],"close":[64]},[[16,"toggleheadermenu","handleToggleMenu"],[8,"keydown","onKeydown"]]]]],["p-fda3df86",[[1,"eds-card-section",{"cards":[1],"occupyCols":[2,"occupy-cols"]}]]],["p-4c2a8bf1",[[1,"eds-timeline",{"events":[1],"selectedEvent":[32],"parsedEvents":[32]},null,{"events":["parseEvents"]}]]],["p-7b160270",[[0,"docs-tokens",{"tabIndex":[2,"tab-index"]}]]],["p-8c520685",[[1,"eds-card-tool",{"cardTitle":[1,"card-title"],"url":[1],"description":[1],"image":[8],"avatar":[1],"shortAbbreviation":[1,"short-abbreviation"],"headingLevel":[1,"heading-level"],"tags":[8],"tiny":[4],"bg":[4],"withHover":[4,"with-hover"],"external":[4],"hierarchy":[4]}]]],["p-11bf02db",[[0,"eds-cookies-preference",{"buttonText":[1,"button-text"],"intent":[1],"showMatomoNotice":[32],"noticeKey":[32]}]]],["p-3d313fb5",[[0,"incorrect-use-of-colors"]]],["p-b93f983c",[[1,"eds-app-root",{"isAuthenticated":[32]}]]],["p-9d57b51f",[[0,"eds-card-project",{"image":[8],"editorialTitle":[1,"editorial-title"],"headingLevel":[1,"heading-level"],"categoryTitle":[1,"category-title"],"color":[1],"bgOnHover":[4,"bg-on-hover"],"vertical":[4],"titleProject":[1,"title-project"],"url":[1],"parsedImage":[32]}]]],["p-67c3bedc",[[1,"eds-feedback",{"headingLevel":[1,"heading-level"],"type":[1],"count":[2],"label":[1],"description":[1],"textMapping":[1,"text-mapping"],"selectedRating":[32]},[[16,"rating","ratingUpdated"]]]]],["p-9fe2c4ba",[[1,"eds-toast-manager",{"toasts":[32]}]]],["p-bef9bf37",[[0,"logo-variations-tabs",{"tabIndex":[2,"tab-index"]}]]],["p-a78079b7",[[0,"correct-use-of-colors"]]],["p-70cbe02d",[[1,"eds-frame",{"frameLabel":[1,"frame-label"],"frameSrc":[1,"frame-src"],"urlLabel":[1,"url-label"],"errorMessage":[1,"error-message"],"url":[1],"intent":[1],"size":[1],"iframeError":[32]}]]],["p-0e504247",[[1,"eds-modal",{"heading":[1,"title"],"truncate":[2],"position":[1],"inverseHeader":[4,"inverse-header"],"isOpen":[32],"open":[64],"close":[64],"toggle":[64]},[[0,"eds-modal-open","handleGlobalOpen"],[0,"eds-modal-close","handleGlobalClose"],[8,"keydown","handleKeyDown"]]]]],["p-2d4f6e90",[[0,"token-ratios"]]],["p-4eaa7ba2",[[0,"token-typography"]]],["p-7aa97ad6",[[1,"eds-card-tags",{"accent":[4],"tags":[16]}]]],["p-15df046d",[[1,"eds-gauge",{"size":[2],"valueMin":[2,"value-min"],"valueMax":[2,"value-max"],"value":[2],"thickness":[2],"variant":[1]}]]],["p-8c42cefe",[[0,"eds-icon-arrow-diagonal",{"class":[1]}]]],["p-b00352ff",[[0,"eds-icon-arrow-right",{"class":[1]}]]],["p-643eee62",[[0,"eds-icon-bin",{"class":[1]}]]],["p-63d9ab86",[[0,"eds-icon-bluesky",{"class":[1]}]]],["p-e01cf4f8",[[0,"eds-icon-bookmark",{"class":[1]}]]],["p-bc2204f3",[[0,"eds-icon-chevron-down",{"class":[1]}]]],["p-942f4a95",[[0,"eds-icon-chevron-left",{"class":[1]}]]],["p-f0a330ef",[[0,"eds-icon-chevron-right",{"class":[1]}]]],["p-ccb6ad15",[[0,"eds-icon-chevron-up",{"class":[1]}]]],["p-c1ad7132",[[0,"eds-icon-clone",{"class":[1]}]]],["p-19c628e6",[[0,"eds-icon-close",{"class":[1]}]]],["p-eb818455",[[0,"eds-icon-copy",{"class":[1]}]]],["p-64be8ed5",[[0,"eds-icon-download",{"class":[1]}]]],["p-3004d956",[[0,"eds-icon-draft",{"class":[1]}]]],["p-313b04c9",[[0,"eds-icon-edit",{"class":[1]}]]],["p-f11e3f42",[[0,"eds-icon-eu",{"class":[1]}]]],["p-a38bb645",[[0,"eds-icon-external",{"class":[1]}]]],["p-1dd6faeb",[[0,"eds-icon-facebook",{"class":[1]}]]],["p-f061ff11",[[0,"eds-icon-gitlab",{"class":[1]}]]],["p-39548acc",[[0,"eds-icon-linkedin",{"class":[1]}]]],["p-15e5229b",[[0,"eds-icon-loader",{"class":[1]}]]],["p-19e241e9",[[0,"eds-icon-mastodon",{"class":[1]}]]],["p-bb6a6de2",[[0,"eds-icon-menu",{"class":[1]}]]],["p-31a3c6a2",[[0,"eds-icon-minus",{"class":[1]}]]],["p-3aac5c73",[[0,"eds-icon-more",{"class":[1]}]]],["p-83b26d8c",[[0,"eds-icon-paper",{"class":[1]}]]],["p-88814860",[[0,"eds-icon-plus",{"class":[1]}]]],["p-d11f2808",[[0,"eds-icon-portal",{"class":[1]}]]],["p-8cba26bd",[[0,"eds-icon-private",{"class":[1]}]]],["p-5c28d2d3",[[0,"eds-icon-public",{"class":[1]}]]],["p-9e46df74",[[0,"eds-icon-search",{"class":[1]}]]],["p-5157eb25",[[0,"eds-icon-star",{"class":[1]}]]],["p-afceabd6",[[0,"eds-icon-start",{"class":[1]}]]],["p-8779905b",[[0,"eds-icon-success",{"class":[1]}]]],["p-d090b9fa",[[0,"eds-icon-thumbs-down",{"class":[1]}]]],["p-d6e5a9fb",[[0,"eds-icon-thumbs-up",{"class":[1]}]]],["p-43bc9224",[[0,"eds-icon-tutorial",{"class":[1]}]]],["p-cb5e39d1",[[0,"eds-icon-twitter",{"class":[1]}]]],["p-dea41137",[[0,"eds-icon-unknown",{"class":[1]}]]],["p-a8e5591c",[[0,"eds-icon-updown",{"class":[1]}]]],["p-2e3bd154",[[0,"eds-icon-user",{"class":[1]}]]],["p-9b05145b",[[0,"eds-icon-view",{"class":[1]}]]],["p-48eaf544",[[0,"eds-icon-youtube",{"class":[1]}]]],["p-da96c7cd",[[1,"eds-pie",{"size":[2],"slices":[1],"thickness":[2],"display":[1],"legend":[4],"colorScheme":[1,"color-scheme"]}]]],["p-59d2b2a9",[[1,"logo-wrong-usage"]]],["p-640c4463",[[0,"token-spacing"]]],["p-8ef830f5",[[1,"eds-footer",{"social":[4],"enableScrollTop":[4,"enable-scroll-top"],"fundedBy":[1,"funded-by"],"rightsReserved":[1,"rights-reserved"],"cookiesPreferences":[1,"cookies-preferences"],"enableCookiesSettings":[4,"enable-cookies-settings"],"backToTopAriaLabel":[1,"back-to-top-aria-label"],"showMatomoNotice":[32]},[[9,"scroll","handleScroll"]]]]],["p-83dde536",[[1,"eds-splash-screen",{"inverse":[4],"initPromise":[16],"isVisible":[32]},[[8,"hideSplash","handleHideSplash"]],{"initPromise":["watchInitPromise"]}]]],["p-2bd9605b",[[1,"eds-progress-bar",{"value":[1026],"rounded":[4],"updateValue":[64]}]]],["p-a61dbad5",[[1,"eds-card-generic",{"cardTitle":[1,"card-title"],"url":[1],"description":[1],"image":[8],"avatar":[1],"shortAbbreviation":[1,"short-abbreviation"],"headingLevel":[1,"heading-level"],"tags":[1],"tiny":[4],"bg":[4],"withHover":[4,"with-hover"],"hierarchy":[4],"parsedImage":[32]},[[0,"parentContext","handleParentContext"]]]]],["p-da7b4b6a",[[1,"logo-variations-horizontal"],[1,"logo-variations-vertical",{"orientation":[1],"type":[1]}]]],["p-21ed7e2e",[[1,"eds-social-networks",{"heading":[1,"title"]}]]],["p-d958e1f3",[[0,"token-list",{"show":[1]}],[0,"token-radii"],[0,"token-shadows"]]],["p-85f866f0",[[1,"eds-section-core",{"tag":[1],"sectionTitle":[1,"section-title"],"headingLevel":[1,"heading-level"]}],[0,"eds-section-heading",{"sectionTitle":[1,"section-title"],"withContainer":[4,"with-container"],"headingLevel":[1,"heading-level"],"tag":[1],"spacingLarge":[4,"spacing-large"]}]]],["p-3778e162",[[0,"gradient-secondary-palette"],[0,"color-primary-palette"],[0,"color-secondary-palette",{"show":[1]}],[0,"color-support-palette"],[0,"gradient-primary-palette"],[0,"gradient-support-palette"]]],["p-f24bfc6a",[[1,"eds-card-desc",{"description":[1],"truncate":[4],"truncateLines":[1,"truncate-lines"]}],[1,"eds-card-title",{"url":[1],"titleClass":[1,"title-class"],"headingLevel":[1,"heading-level"],"externalLink":[4,"external-link"],"cardTitle":[1,"card-title"],"hierarchy":[4]}]]]]'),e))));

package/dist/components/correct-use-of-colors.js

@@ -60,7 +60,7 @@ const CorrectUseOfColors$1 = /*@__PURE__*/ proxyCustomElement(class CorrectUseOf
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '4fe6cbf0872ceb38e8c4ade73f9cd5d71dc02a6d', class: "container" }, h("p", { key: 'a2f95067e472c8ecc8010cc529ec69c48746f243', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '304fd52f6ef4744d6a531a5d7b8729d505c6d7e5', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'eea7378f6153492e2238417887f2ce786c450293', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '87608635aa776aea41fd8d6a9b794fd617e58316', class: "flex" }, h("div", { key: '39197725e0a769ce5aeae4ecf3490c40368a1a69', class: "w-full" }, h("ul", { key: 'fc7bc2dd624ad83209d2e55a31c7fe228e27a05c', 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: '487f4c9776ef797fed3a504bc988529fafafe5d8', class: "w-full" }, h("ul", { key: '40cc46b58f95bdfe281b8336d57200f0b10ba7bf', 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: '0d7f40bfb85770112c13562ec947475f3b31a581', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '2574eb39b09d61126d4caceb1ca39718fb84cc49', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '19ae32c4f3db95043b10be2dd1f8542910295db0', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '500638a0a9d1a29962dcffa485612bc716b17585', class: "flex" }, h("div", { key: '8564beedaa965489c3224ab8279a35af3f8234a4', class: "w-full" }, h("ul", { key: 'a60d9044f83a891df3f8855699c9add12826b1e2', 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: '312f36e79e1a1c1d6c009c8e61fdff15aa7d2d36', class: "w-full" }, h("ul", { key: '239670d7c3ff0eb8e8183999250dd4599f7eb57d', 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: '0ad90e8f9b9b5a6e02f60f1992c3290811f7712c', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'df616406dd19b599afba16f1eb7c6efd0ab0a676', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '595d7edcb5d5309daff1bda838a87afaeb91d1ac', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '553e6261bd0b27dee6993b3b828f0a32e9125fa7', class: "flex" }, h("div", { key: 'c2117c24b17629ab511eff847954b54b5ef7dafe', class: "w-full" }, h("ul", { key: 'a18f9635a15188a3b9ae057d83968a26f225289e', 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: '31a3b39cebe2d27d0f14769e9031a6342956ae48', class: "w-full" }, h("ul", { key: 'acd7aab003bade1303b98c6e5cfa31f65078315e', 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: '3d85b99a224355957176c8511e2ce8847a10b15f', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'c362a37363f542dc6e93f74fd19e1be47a9c2e26', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '30890c8730d50a567611fee53a879511d6c83170', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '0711dc09f3de81be950f9b1103fef11579bf269f', class: "flex" }, h("div", { key: '84e885c4a4102791febe68fa3b3f65f7f14cbf66', class: "w-full" }, h("ul", { key: '68f65fecdc6a4875d0ec1dcc3a187b32a13edaa6', 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: '9eb65cffe9ec2b8cd8505dffaf67bb9da1545327', class: "w-full" }, h("ul", { key: 'b8ec8142577d347f87a4a34984c83a7b2b6390de', 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: '9d28ec9943d0677134197c13540de9bb7c2f12cd', class: "container" }, h("p", { key: '6f7d0b82630b3c49f9dff5ccd36bca698a1fbd5c', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'd7f9671b3cbb38b08cd81c30587abdf0d8f41f51', 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: 'f2f511e348e059b3dd4f297f5b4a3979cd375129', 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: '969c18ae721d4f00760e98cd80059dc2aa453d67', class: "flex" }, h("div", { key: '1b17ab8ece1291526e71d18dcf3c1f93a00fa2c4', class: "w-full" }, h("ul", { key: '986f769f30231630847cdfe86b8656839a939d88', 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: '86eefc26ae16cd6e9677740d9bc79510a52fc73f', class: "w-full" }, h("ul", { key: 'f9d33602d9d0074e708853f4f8414be3059df356', 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: '07b359efde4e571b7aca720c96a4bbf14c838d4d', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'd298f15d103db28cee0d20c033a32588ed5fd19e', 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: '30104956c75990db31768f55fe29a3c58c3db6ee', 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: '2ac588649556015429c13fc99639dcfc156262d6', class: "flex" }, h("div", { key: '80a4806cad7dbfe512b77fd24e5d857301cba9cb', class: "w-full" }, h("ul", { key: '92f3708e7750b344f7b493023cb76fb40c859a4d', 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: '7bdd5b1548c55260c6425b167ec4dbb89dd6eda2', class: "w-full" }, h("ul", { key: '387542a843d26539d7fea2af38ef9ae4308eeb32', 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: '0f1ba1c7c7408685f371c4044f95c7ca502fc944', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '8ed5ff96b53904e8ba20ef1511245c0b5154afa4', 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: 'a14d384ccfd1147cf97b368b2cde7382a54c0a45', 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: '155d52d56352a506e3b7737d427a14a3abcaebcd', class: "flex" }, h("div", { key: 'e91aa745ca8cff4fa9b704317ddfd43a6f40ca38', class: "w-full" }, h("ul", { key: 'c7011ffce80763f4042be97d0ea69babfac40361', 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: 'a98a22aa0af0b286575bed2e334b184617be1ecf', class: "w-full" }, h("ul", { key: '20b30469c9c0d2999139d8e0f1d80f5ab0a3c514', 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: '10e39fc6e1aa2682ada0ec5183b3552c9958bc98', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '849655d792c79a191cf6cab7672ec649de59cb5a', 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: 'b1e5d967791190f20c86d54ef46b703270b5b637', 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: '292f06ed7f8d9af814439e8774308068c2aa6a3b', class: "flex" }, h("div", { key: '44575c8a4582d31170803e390265f02548045831', class: "w-full" }, h("ul", { key: 'fc137b3481b601c0b7eb216b9393ddd291eb9a02', 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: '39c79f448361189f8f439622099271276d3ebe3d', class: "w-full" }, h("ul", { key: '6195f5159065e800f84f1d0f78f6523986506369', 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 } })))))))));
     }
 }, [0, "correct-use-of-colors"]);
 function defineCustomElement$1() {