@ebrains/components 2.3.0 → 2.3.1

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

@@ -57,19 +57,19 @@ export class GradientSecondaryPalette {
         ];
     }
     render() {
-        return (h("div", { key: 'f38bc0f352adeca4bb3c12952d8c7e2431d93874' }, h("ul", { key: '9e00842d3198dace6812197b1ced7b776e3808f4', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'a1f77c93d7ff5de2ab38018278e47530951076cc', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '6abb51d7e4cbe6f48610009e65876cd41d8f435d', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("div", { key: '068872a235a7b4a3bb1b5d49fe3c26014c317995' }, h("ul", { key: 'f2ef5ac747e40b62eda116125b2ec1da32b00c9e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '5c700c0e2794b38e6448709ac4eda002805fed43', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '185747db12912d6fbb672e6c2a3a6a28b533f483', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[0].background
-            } }, h("div", { key: 'e7399fcf955836f47e90e1ab822abf2ec0c0ceae', class: "grid" }, h("span", { key: 'fb245a27f7189381ee8103c21c61d0823c12b4c3', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '6dc6be165b89266e9b45153dc411ab5692e37ebe', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '196331f3cd83f67e3fbceddc669c0b4c10ad26d3', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'a3547fa7c138e87fa637ef7341dde49595a213e2', class: "grid" }, h("span", { key: '73eee49a4fe2e3fe657dfb5a90b3f8cdd224eff2', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '553c7eb15580455f77b8165bd8a0c8b397d46a4e', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: '1e1c3d2620ef2dac2cd1f7bea0fa99b01c6afcac', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'bf2818f7382f1f86989c4e63c1a27abcf6630f77', class: "grid" }, h("span", { key: '21418b3761bfff72fa4e0893e233e7e4e3784940', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'a87087d4c32e323ec6f6cb44607bfe106de8e37d', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '7a4b6263093b9046f09ec51aa91b1391096d420e', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'a1aa7b145ce29f5b3e193bd46510b1fd25f59e44', class: "grid" }, h("span", { key: '81ee23a025329d756a120872df9a7d9204209adf', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: 'f32a3efb2f2b987201684ab83bdaef467ea0a262', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: '41364b3de70ccec9c37aec1dc448c3a47ead60a9', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[1].background
-            } }, h("div", { key: '1679cca6a6f80765ac163e076b26925065479ad8', class: "grid" }, h("span", { key: '948c1931b138ccc0f8da013735cec94a2b8de513', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '5b7c535631725e8e72b309ce6686bad8b1b384f3', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'ac2bb8a8ebf23134ea273d99dfb35ae5c849b071', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '3ce37f99d9dcc8e049553e9029c8f79bedcab049', class: "grid" }, h("span", { key: 'a1c80f90ec26b79cce11e08a723aec38ba14eeec', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: '6828dc88ff57a288317fd36c5ae798615c41e045', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '7b9f28a342ee184e4201e9b2c1a510be7cccdb79' }), h("ul", { key: '8378f6a199ad85a7a4d0c116f1e18dac51f7f76b', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'df24c01a7e221fec7eebe08deb1905b2fd211215', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'f0202fc57ba9e6efbab92274144ac109fced963f', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'b3f90be4ee360322051d26ffef7e09a63a8dfc87', class: "grid" }, h("span", { key: '09f4313220f9d93d578e5fa10ac1b399863244d2', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '0261f9fd84a18c46ece5d982f7158e5a5f638909', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'd04ecab2e1f63580ab95c69e4a70293c0358fea8', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd188c38f611530259dfdef7cd75da4bdca0d2257', class: "grid" }, h("span", { key: '7378b85e8948ef41d5b2140a09768394ac95cb38', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: '9e27beba8e19af3b05702d5b82b04db636d815ac', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '56644448031fb2a4e26b79dfff46d8ada641e7b1' }), h("ul", { key: '2d6213ff4091ca2f9cb77854beafa34886c3ed42', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '717be10bad4a00a04644a09dfcaed2e583327e21', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '381ff7e46bc6508bf2b956b8b0ab61e154d70341', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: '49111de3251d10ae344587612cff95ac2c61bbfc', class: "grid" }, h("span", { key: 'a4f8b4d521204cf2e9ed34fba25105a31bcf3a2a', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '577de0d99f7f5e052ca9528ba5543070439ec1c1', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'b98a82856c805c3bd56d5e8c581c09c640e146a1', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '1c53a8f62d1facc76863611d640938469e6647ce', class: "grid" }, h("span", { key: 'e8e4bdb60c34bc9af133195192afd698ab7ae98e', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '7d23875dce9d05f4deca3518006aac4b4baff061', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '84836d849380828bac1a05b3b1dd3f89a0f063da', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '0dcbea6ed615f5b99c9d8bfde699bda1aba7d574', class: "grid" }, h("span", { key: 'b8c02c0590f264d68927b17ffa30e9a7af865baf', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '20b702c1743d53a3ecc13c1f105a43fc175c9fde', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '1b10b51df54537b0d236f8a0c1e85415a83a9762', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '381a0109027379acee17ba106778d0a6af2418de', class: "grid" }, h("span", { key: '79be72de7ba1588ac6bbead48c014279500c67e5', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'ff2e674caa413fe8eda95b9e683ff3264955a699', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '839e80c29b1f45e1141b5ca7ee14a8164f0d59f4', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: '0034acff755db241107d6bdf205f15b048ef2073', class: "grid" }, h("span", { key: '59c0066f512154c4c8dc75e929d5f84008bf08c7', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '83f2adc0b2adabc37b53859232b75f1b3c957051', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'dc45ae65d0b116dcd25a0da752034f5527421a82', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '3df3bda4c749e858cd9e484906677bbd99fa67c5', class: "grid" }, h("span", { key: '0730784062ec6c4cb548b1044031361d2cd939a1', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '7a6ae957274e730b25727671ef43feff3af1fd63', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: '6d18529316515757e95dea2820861cb5d4fdd3b7' }), h("ul", { key: '8f7a04a63e9846e6e220ee0ccd89a89901b925d8', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '32bcb0d0e33b06e5a4f9c2da67ac904d52df5959', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '3f38bd0f5b0d750daa0c6b80493d6ff9b249ebaf', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'd1cf88212f2c5cf0a8a3fc95e6f28b576af209bb', class: "grid" }, h("span", { key: '599b3fe538135f04b93e2e9a9ae5884e6fe66307', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: 'fe3989bf9061ee14ba325fdfe61d190e45a8d715', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'b5edf416ce3443e33784270ae786117dca54484e', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '6337a21286045759e3b8858d225226bd67ccda95', class: "grid" }, h("span", { key: 'cfe45c5f93fe75f7a7d75de09ca74e247b5f9f3c', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '266110a2ccf1a77b76c8795e609b69b933d71e34', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: '5edf56c8f60ca932f25cf4794898ceb09dffc490' }), h("ul", { key: 'e28256a79065796bba19fa8557d1ad4937dbc43a', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '0d900d8923731c12436819da4bb78495c82c61e4', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '23e00e8340a1a7c4339db354778785bcfcfc34be', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[4].background
-            } }, h("div", { key: '0171242f6197b3fb47d12e49837f28361a13c592', class: "grid" }, h("span", { key: '1331a3a2234f83264efc62d4af972968247c3455', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '9caaef171b78feed4f2d6a5e7a4d81ffd1a87faf', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'e4d152f94f03dea39e1a0a6284d448f545c5c1a1', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '173cb0da7a293350c8aa82f83fd0305b9db3bb74', class: "grid" }, h("span", { key: 'fc5d2f93f3d5963c5da938f86c0147de99426b72', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: 'c679055a29a477f85829fc0d9af84b6f6dc7ca08', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: '694abc4966e365267fe4536f891445bc36937290', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'ff202435e451358b08d02fbe5ed085cb61bb27e2', class: "grid" }, h("span", { key: '6710617d3369d48fbd7b0d50e5cee98816ce7b92', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '998e0c640f8b090da7662743a857ac0ee0ea4e0a', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'ff4a789b3dbed8d20a636403b2ad921c7c4dc7b8', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'e5d5fef837f2f1b1ba36746da1806eba8396d288', class: "grid" }, h("span", { key: 'ed1302507a2760b27c1aaed2d48899b04d166d66', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: '89bda8fc8cd7e150bde7263edc8fc4631e6831be', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: '689354344f53850640da266e14d6b622429eb1ff', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[5].background
-            } }, h("div", { key: '6e51b6e4134b2ba71880b271b7dac46d57de772c', class: "grid" }, h("span", { key: 'a9671b440a17417746d54cae8e7c0ee2208bbce1', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: '4dd3bf0d00389d1ca9cd1529d1b6bdf9acd6291b', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: 'dc8e6956da3d6c6d539c194e101f8fa88cf1f08a', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '1cd9760de92ebbd5e0f1710140fe41ddad3aae29', class: "grid" }, h("span", { key: 'eec5ff4dd0b743a9b9b8640e4078c4d695dbcc15', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: '00db45cedd939950df3e4cd2540d0b80d61bd4b1', class: "f-body-02" }, this.colors[5].pantoneU)))))));
+            } }, h("div", { key: 'ace17479948837f012514a27392dad21f8c801e8', class: "grid" }, h("span", { key: 'dd776f7884fa45d50204c0b10b4d2b6cac3eca5a', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: '7e44097339748f3309502391ab77dc5bd447b053', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: 'c656dc07828b4548faaae6d0071cd02639016d54', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'cab214dadb52b79f24efdc607fe0507eccb94644', class: "grid" }, h("span", { key: '2282a82817bc3cbb25f08e943fd086fa458ef34a', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: '06bf558a5387c5512b28fbbef644769fc8cf5b37', class: "f-body-02" }, this.colors[5].pantoneU)))))));
     }
     static get is() { return "gradient-secondary-palette"; }
 }

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

@@ -49,11 +49,11 @@ export class GradientSupportPalette {
         ];
     }
     render() {
-        return (h("ul", { key: '8eefaf781527a438aa6f0dcbbb6a7bfdffd69d38', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '8492ff1b709fa7d20f76fd18d7e9aa2bbfee17eb', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '3775884ad3c2b78ac178dbd003779d968022c981', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '94d75d01276a3e4e41781550450318dac8f220e4', class: "grid" }, h("span", { key: '729bda27271b7df5e7ec05eff89ff6116539d4b0', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'cb4b6bd1e3bfab381047b7375e547c662a5d50de', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '43c5df7d9cac3753f4a3c5d81e081f76606a5797', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '98aee106b847f1321591cfbfa2d5c22d0e2b3c2f', class: "grid" }, h("span", { key: 'a3789c31e43eb6887b298eb353fde2be9134dd79', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '7195d70eaf994b4d1d1eb9a2ec0b684d62289e75', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: '81654a5fb216096e9818033a2b857eb723c2d373', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'd7b5ff16686894d0b06d2a291f6e7ababd5bfb02', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: 'fdbd11809337e535e819c5ce18d7427ae31ee70e', class: "grid" }, h("span", { key: 'f108c9afa0fa02356395792bd7dd4a8a4c872d02', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '1e359cd78d80db5040c4cdff4dea30dd9387cfb2', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '1969dd093129596136b67cb972bece4e1d295fca', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '6858e8847dc5ce5baf79874a207f02953f84651e', class: "grid" }, h("span", { key: '9eb2a2cafb5f2be23142752d2a48b35d0b8ab0c9', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: 'cc0b17b803f00030b5a6d5dd0070c62031e21125', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: '1e58c33fe358f33c30f8935f9205ef9c3008f907', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '2fc8ba7c13678d30002f07eea50f14ae1138d2ee', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("ul", { key: '3d8000d8778c4f6f35f8feca3c54fb2d535bc09f', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '28143c46226cc5452c009346ec23ab016d78c675', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '57bbdd2b971ef3235e14f5b175e7e15696b68a28', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '24c7d800175b4b453b06795b1e759c6819b35607', class: "grid" }, h("span", { key: '16653d8c729d81156d1df461de0fded8aa7d8e93', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '4b4a537f3896f2a7b986172feb5d08cf05355714', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'b6d4d3472e18e03a373b2667a785ef9e735dfaec', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8e85ec4998995bbdde92a2afc1939f0c2deabee5', class: "grid" }, h("span", { key: 'e5815876cb2a5e0790cb2a5ea9e132a24b677880', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '745a25fc7b57801a4aef526001359e6427b6efd1', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: 'cb10855c01a39e52b4d651a1df440b6e9dc86a62', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '56d0b50121ad6386d0f91c24cb73a8bc9596a720', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: 'bed562bf4fabe0599e315ff86fbf17aba5ee3d74', class: "grid" }, h("span", { key: 'bdb88a23996aeca2cf8da34d534ed1e2e1098890', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '5c55cd02843963393abbf393a851fff3790c1905', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'f11febc9e05590d48879d93cd3b823bbbb7bc878', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '79119e208137848015ff77ae326afe1fb5cfc0d3', class: "grid" }, h("span", { key: '7dfeb3a9e103f208986888f967384c5ba3ed4d4c', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: '205cf6b9473d9d236fac83aa2b6eb458ecd1aee5', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: '16406e3fa39372ebb6c32a2bbf506427fc047c13', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '4d44f5f7771164d581b7883698a8c891c9615a1f', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: '18c781274b5f5054b454c00a34b45cdda4848826', class: "grid" }, h("span", { key: '28ef2ea60735401f0234cea519d9ecff8c4e2694', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '2da6879adfc3b5f4992d0b107e40cf02db7a25c1', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'c442dcf09f129891355a8a42b742c10333338e8b', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '9dffa371f8a1c3002c35634eb2fb487011c71f90', class: "grid" }, h("span", { key: '65c50e09e5275ebf7d159228b9cbc07602667ba6', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '7bb7a1a6a1988b2b65783ed792085e257703466b', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'cc69e3020f50b302b1e4f3d6b37477fb868f7906', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '95b07ece22975f09f30fdff39dff685e71ad94e7', class: "grid" }, h("span", { key: '9144a8c71d1e198b5a46bb1b6d3a4b7937b980d0', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '7be418e7bec46b05decfe58bd04bdb0cbc2f9c4f', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '61050dd447d35dcd1388785cadb809b9936460ff', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '87289e9f27972a7ac01f95dfdc780b2a63840246', class: "grid" }, h("span", { key: 'e2d37a0132d667f3a95a248f5b5a26cd55b7bed0', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '58d126103e9bf1dc68ba22fdc6e8a2d24ed18693', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '0ca5402553a62bb66b9d5271b2f6d9bdc03b9aa5', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: 'c59d2d743b0fb9fe5796407df80a81be410be47d', class: "grid" }, h("span", { key: 'bcf7f280d8e1a74dfe157a1c996a89cebcb42d40', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: 'dd7beff9e6336784ba7cb77692f6ac4ea42b8204', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '4bafc48fddad31a1c2a4e08cd0148c6df8f332ae', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'c1fe6efeec78fed5be26568e0ebea3b56d16f070', class: "grid" }, h("span", { key: '930e80dbed784ddf4364be16649624118541e570', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '8b7357d66a1b47347df67abcda6107572cb019f9', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: 'dc86699c8029642eb73c4679a49d5ff844f2924c', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'dbfa8b4899292fec628dc410d70e0c306d0f378c', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '2e3c528ed9efc681a09858e85230f5fdd36cf845', class: "grid" }, h("span", { key: '4b607cdc825ba567d86f3536ec7bb1148e09d854', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'dda453cb7a8ebb420896e460802f7d917916ccd4', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '8ae119f9f823401ebcf3020069e614e991052529', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '1ac0ea0d52a00a7f8b45206bdd3d647ba221e429', class: "grid" }, h("span", { key: '58c93b7dacd8a2766a8cb5d23c536a065ca64b22', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: '70359540a3662ba14dbd8c08e4033d5bcd4c1a0d', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, h("div", { key: '4934962684a70ea4ab804bd2435f6b184d7f52c8', class: "grid" }, h("span", { key: '1a891700e10b5fc4eafd7f2a42d901b949bac2e7', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '99ebfc2392e11e67a3739796b4606ec6cee12ef3', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '13f9e44bc9b34cbdfb93a5a97ada482627e11a92', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '2c2a179f5073ead1646e114d76b4c26f48d998b5', class: "grid" }, h("span", { key: 'aba72113f0e47ec564bfb8dc1695d74cc0dacf0b', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '4a113554b101bcf1db71eff702914e2de6bb5876', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '78085204312fd78071a88d329c1085cd4615fe95', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'edc490c0d48ecdfa8be56ba2921ff7f5a6f74ee1', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '5f8ff231f7752ad50a8bebdbaccfc63543a8e16b', class: "grid" }, h("span", { key: '22c0035742e6dd5e2c02c59e67b5769ce97324cf', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '87215ff0541f7891b74082bd63c59e3e65db1998', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'f96e95f761998e790c44c9b62f9b4eab4007f985', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '9b31a9dd4b8cc239c9b66c7adbc312bdd827b93e', class: "grid" }, h("span", { key: 'c271cd470251c490af7a47726477ff1ad924ca1e', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: '1fe724e0c13e01af88619953dada47e659a234a4', 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: '4cf1cf9e4076104bc15626b1812de8e44bb2c314', class: "container" }, h("p", { key: '044662efdf38d73e10baf84af9a53b0d757c8a3f', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '08203f71273f93a43bb2984f5fcb6adf91500987', 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: '244c3681fc63df5debbac5094011b9efd557c99f', 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: '1daafe1f19e2552a4ebe785f5533aabecdab8226', class: "flex" }, h("div", { key: 'd3119d8a3b9053173a4ec421782d68a705d63f54', class: "w-full" }, h("ul", { key: 'e59ee9a8e3aecc12cdc573b4147c93487f60a426', 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: 'f8fd15b68a9d9f8b0a2a63ccc92ceb47d8c0ed17', class: "w-full" }, h("ul", { key: '9f8a13d2177fc7b500fadf3cf3a697578378f9ff', 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: '890abae9796f720980c4c40753e64ad9d5854184', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'b8099a6ebd9bee755ecfe7d450dbc191a2986aa0', 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: 'b9b0094d03544cfc8404730f8ceeb8caf44cfcd1', 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: 'f1cd546f656dc302f24106cc5fa5faa4a3fc2ece', class: "flex" }, h("div", { key: '730022a2670de7b3e7d0ed53eb9d2f9d533fddff', class: "w-full" }, h("ul", { key: '04b3c963c8ea94a30983d880b096682171eae657', 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: '78d294c8a18771a66f157f2140ca7aadaad9ed6a', class: "w-full" }, h("ul", { key: 'a7ece655dca8bc3a4d159bdc4b6bad4e86f3846d', 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: '156ee43969b677fd3140426786834631f5743bb8', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '26704a99b2bcd72ee414e4df1090d3c360f7d601', 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: '7d7db00799454b2dc76d740529f1381b934a65a5', 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: 'be78a8f1ac1f5b8a0f905e6b1b7981234e627c31', class: "flex" }, h("div", { key: 'a379dd032f13978e6e35432388379f7a932a64d2', class: "w-full" }, h("ul", { key: 'bca9a0adde895d36fec1ca43d59679346408de36', 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: '235c66fc5f649e5efa11966d5d8708a72ed103ed', class: "w-full" }, h("ul", { key: '6155375812c41d5356aa5f04d18d64f917c60e87', 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: '453656ec8a0bd258c49d55edd978c3406f5a0ffc', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '76169ca2b6cf12e269d0d7e22af41adc6c99e95a', 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: '0305f4dc08b6adce8bef1b102c846177ca6ff86d', 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: 'eb2e4206bed167eb28540e79c7b7490bd4a9ae1d', class: "flex" }, h("div", { key: 'c05f20dcfa4e806455b1a8805512b12c7a05cdc0', class: "w-full" }, h("ul", { key: 'bc0fd2e75f75db9b26ce7f225ee2f9fce15e65ca', 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: '335554176ea7a84d08e07162ed0d66ac69a6859c', class: "w-full" }, h("ul", { key: '10c149af45b26455c820d37e0e8109550b79c34f', 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: 'd0be09152cb04a9a38d8a744187a9b26a1e89218', class: "container" }, h("p", { key: 'b271be0db9ebeb6b97f139d104c8ad22f67a0a07', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'c2166109121cb18a2bee1d7e97a829ad726dd635', label: "primary", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '77a3b2e02a38239cbdcdfacbe8375a8a37169fa5', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '82a056e939a0b263f1454a968688702038389842', class: "flex" }, h("div", { key: 'b9bb7e15d2a5cc4c490d2e4e7d6dd56112fde0f8', class: "w-full" }, h("ul", { key: '9190e2d3a5169fee4fe98a4edb0147be2e355455', 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: 'bae996225c7c49f584d6a5cc9cf3a8ad8f8807ec', class: "w-full" }, h("ul", { key: 'f70940212a1efa846e3563dfbf93df65cd0bbbf1', 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: '9ced01dbcfd41dfb15c40a3f85165b94ffe9de23', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'bc44a1e9c7bf221946c550457e146b8149735e43', label: "purple", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'cf461572ff956405929ca6cf95dfa56d07744593', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '37d90b2c2f0269791c923ce440924c0c3b01ca71', class: "flex" }, h("div", { key: 'ff636e6bd9029bc7c9d53f3f0d8524f23b5b8ab3', class: "w-full" }, h("ul", { key: '4b8a8666c8b4a2ac30550a1d0ab2c0e0314f2fe5', 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: '94d98ed72746e71f47ab181cbbb528d2ef61dfce', class: "w-full" }, h("ul", { key: '3600baa2c87dd21cba3e2fc138df5b968c9c52ef', 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: '117caf5580bde7dd9347df9c38acbb4456ab98f8', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '6a82c99271f67352ada76deee022ef660b43815a', label: "blue", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '935f98fb55d98c8a7e430c14420502cace108e3f', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '7d9c32250cdd2f369c536bb4c6c90df2e74a5a33', class: "flex" }, h("div", { key: '376f8f6c2728c8044d058bab425d393534bd663d', class: "w-full" }, h("ul", { key: '317a5310649943460df30cd2e68dbf3dcc547499', 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: '7cde122042c334ddee130cd08ace0e5d85df6f8c', class: "w-full" }, h("ul", { key: '9b86c880cc07b785fcfe364ee3271947f2804079', 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: 'a2c6b976e0afb9f501bb19a6de47faa1a0de095e', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'f7b115c2c96e67123dc3f539cf191f93a8f411e0', label: "redish", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '236cba8f8133462144e771fa0911f5f5f3d7af58', label: "support", size: "small", intent: "underline", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '1330c6ae0c7e870a94e9f120587240a605570883', class: "flex" }, h("div", { key: '548fd1822b448bc1d424d0d8d70e21643e0d4b7b', class: "w-full" }, h("ul", { key: '0a03e4b6817a18cfbcbadb0734c7970120b7d632', 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: '535d834c0520279fc1c1356275901aa942037e9c', class: "w-full" }, h("ul", { key: '3125151afe464cdb9ca4a33904ee9f865c743fed', 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: '9822fa84b1af42bc1f1eb31bae9b60736f27c692', class: "container" }, h("div", { key: 'c67d9626f5ceba5fcde0cb279fb9d15c73166cfb', class: "mb-8" }, h("eds-alert", { key: '898d449b311306781b323968edb0c2d7e03b0d32', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: '2409916ecc2de685042d1f93f02d656270457a19', class: "flex" }, h("div", { key: '305965230c45b879c68004ca985f8d6e9b4482ab', class: "w-full" }, h("ul", { key: 'a66a5a76d3d1d7167b0655e7a1af9310655b9881', 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: 'e962b2b3bff48395983243ac2cf877d03ced85b6', class: "w-full" }, h("ul", { key: '38a2b41471334181fc3e70dd7eaf10b957bdaada', 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: 'd433cf3416554a48fd728386bea79e2d876ac5fa', class: "container" }, h("div", { key: 'e8e821cdee53343675f171420ea6a37821d048f6', class: "mb-8" }, h("eds-alert", { key: '44f28c11e4c2997fe1774da68881a9f647631929', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: '3478eb5fcd7c30a8474acae5892a1e3f1c3ae039', class: "flex" }, h("div", { key: '3921f7de637d98f5dd8f64c36258391392875f13', class: "w-full" }, h("ul", { key: '4d79c3d5330ae7cda3deecede1d2c3c784f13c32', 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: '1905adc0741fd76758d69c13f343dade55c9c7c1', class: "w-full" }, h("ul", { key: '72f35110e6c9da32b0df2be4d5ade3b778b58245', 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: 'd5f1ea9d290addbfa2a4c21e815597871f6d7639', class: "container" }, this.renderContent());
+        return h("div", { key: '7c35270931bb242311baaa8b2d45f15135f72410', 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: '68fdef1fd6bdc75ce347d326b3329871e2ed5c8d', class: "container" }, this.renderContent());
+        return h("div", { key: '9afe4f5912087e80d327a7c79a69be68b1ffa677', 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: 'db196307702df28bf9e2f7fb0b87298bf84baabb', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) => 
+        return (h("section", { key: 'c8634946d5cd2813e8ed6eb3ee7a5071a8e80449', 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: 'bdd584d53625299e4faa9a28f6f259bc5587b125', class: "w-full mt-28" }, h("ul", { key: '3076e4efcca5749cc07e69df70ce2658d6186ec6', 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: 'a274ee157395f49f9f224ef496813ea5c3b8503c', class: "w-full mt-28" }, h("ul", { key: 'd2d6dbee8ef7e54dc1a85eb400c37b5910928e58', 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: '83fc87fd64531611114fe47d977dc54b6af1d327', class: "w-full" }, h("eds-section-core", { key: 'b0b72d4f387cd48f4905c68b9f05ac3058d359c1', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: 'af5677bb15a4ffb008fd90bdfdfb1b757a36e138', 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: '01282f48cbcd27d349565fc5b87bd50159441e1f', class: "w-full" }, h("eds-section-core", { key: 'ff586dcefa969a84732fbbac7f237089ec8d358d', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: 'f3c879e4105194896fd3fb8d98c39ee614973c24', 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: 'a2fbc57c2153391bc53b47a263488118ca3aa01a', class: "w-full mt-28" }, h("ul", { key: 'e4e2d6cbc8d1510ede2b678b24ce8b34b838888f', 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: '44c305a74ba522938b27fe4a8deba5e18e752e72', class: "w-full mt-28" }, h("ul", { key: '8fa403e44506eb4847f1651a7fd519b9c5f336b8', 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: '46cb6fe655e9f8b8688f44e2351f3992e8011b2a', class: "w-full" }, h("ul", { key: '9d7205ee2e0b3b0386284dc282fcc5375c43ec26', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'b3e9d62bb934c1b413712b182cfdf015484db525', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '78c8a23dcacfd216a6159da8af3809607ef29702', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '92a2938c5bdcb38456d96077f78993c711bc789f', class: "spacing-sample m-16 bg-strong" }, h("span", { key: '7738363bee7cc25863bec922f55224044af61b6e', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: '96c1f622b7e4136cebd53862b79bbc17ad484a25', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'ff4357650e10f9e7a61903c3c9f6a4f4d60d8c73', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'cd07be06a51604f81f2868786028066f834cd87d', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: 'ded579013d8765c7802862b57cf2bf7ae03f1b99', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: 'a8e244c95f027993755fa567d900ff88ed08669b', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'e3662c064d089089ebb796aadede38bbd7ebe69d', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'f168cbeaec417b0eccd66ed60f2776bdffdb7bfb', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: '696ec848f217896ae3fc06bf07546fe735d6ccd8', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '5e5d4a63fd7e28114a87dfa5789f5213b6c057f3', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '14cb262cc18f340e72a922dc793244c17fa9fb05', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '791781717dc851f2e174277c557212e7e5c15b7a', class: "spacing-sample p-32 bg-strong" }, h("span", { key: 'd1df2d8f2520746e49ec9c85d8e17cf5569c4bc5', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: '312e2c71672a05cc54cd492297a1cdcb2b11a395', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '8cd16bfafd2345b68e50a46c08c7a8f2430ee6ef', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '8f7e910d8fc43b596b35f3e72a48646e9550e8ba', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: '509c712085a239a435fc11f8ea7a6c9c788be60c', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: 'b99c86cd7dd23e7c091dd2c70ec42133d9d2e2ef', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '0e61fb5d7bf779eddc16c9627d6ca0ff6cf702e1', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'e65eb20ca88e563ae43eb0c208feacf7e310870f', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: '2a40e6977caccb37173f60de613c1a72b02f6d3e', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
+        return (h("div", { key: 'e6d23c9b0eecdbb9551da827e84b536c237c3fa2', class: "w-full" }, h("ul", { key: 'f8c8ea13fd5f36050858e813f3300c12c9ed8a93', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '9473a1f844d1d6e4cfd2aaf6e8ec8587ebbc8f46', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '86f5d11b9f24a78c2d000a487402ea203663472d', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '2aa3f316b2a8b9f75403bc148f1e0f2c5b008760', class: "spacing-sample m-16 bg-strong" }, h("span", { key: '178bcea91ee96b6ba7d7f35d3129ba0365103a51', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: '3bea85f0dabe95c77f1f7efa20868e05dbe8ac29', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '5500ec5a1b8a408ace5f6b74a09af135953508b9', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '4fe620bb9f4e246aac4093a3bceeb504a91f7347', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: '8043e928ce06e7eb4f9a980523b85bc1aeacce23', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: '3909330218202d18909ece6bb6c24209cdf89737', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'eddaed5ba95dcff41b807123719b86a2e109f199', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '9d4ab0bce204ed45ec8a35079213a3663dff2e70', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: '95a3e2eddf9d5b5659ee455de56815e83c873d22', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '3dfe973b5081f9c209386a0b090703c5d9ee9286', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'a82ec5b68b327c2d6c73109170babaa42866a7bb', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'bf446dc3468e554be2419cd4f86a9e015f36e027', class: "spacing-sample p-32 bg-strong" }, h("span", { key: '5569dc17bfd58e125651fa8bb7ff3c510e5a11c8', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: '2bd50606ad35620c512c764008e1ebae74b7eb5a', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '6d3172e3d9db2aca2d44112795e030cbe8764327', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '7abece54dfbf26fa0f441079192e3de3d1924897', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: 'dce98a63280c8b9e8a691074e7727a02c8683290', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '2330aed59c3748951cd1b99bec3324554b81f51b', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'f17b856f30a3ddaabc9d7dcc4438cde42f49956d', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'fb0907d427077e137a878adcb54b1e9b0cdf368e', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: 'e5f919cc44e91ce7eb887bc0419f998039c95fa6', 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: 'ff15f73114d16107a766fe6fe8342315cf2fa542', class: "w-full" }, h("ul", { key: '22e8e89e792fee03f1957e5705fca1938771b9ac', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        return (h("section", { key: '234d2f000995c4dbd180a2c80d4ead037c8f76ad', class: "w-full" }, h("ul", { key: '7a4b29e3ecbb07c04c401fdbb473a4b122440e24', 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: '97f8cff7dfed11b80a3a9e28d3628a72af8dc12d', class: "container" }, this.renderContent());
+        return h("div", { key: 'c5add26ecb245e398f8b2cf496d05da86a60f108', 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: 'b07b6c2b9e042c3c330de470cf2e792285362a0f', class: "container" }, h("ul", { key: '40cb4cca1a4b42026becc95a46a380e23ed77723', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'aabdf6b8bf59cd755976ae99b79dca074e904c71', 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: '4f3b6da2c7f238b814c8a8537d6246215e935a26', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: 'b8ee9f87dc5140b964f20600cad7ec65dc6c9837', 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: 'ac4e8c0cdd8f2f206f9ead55806b32425279c8ee', class: "text-center mt-16" }, h("p", { key: '0db3cdd9c348fa3855f995363fc3cd872b6da2c4', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: '9bd39257f807324aa45013009ebbe08c1a8b2ee7', 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: '27789915053632c4fa664363b4e2fbdd5524569c', 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: '411079c2662e0a3a30a86d5772cb805f4efa37ac', class: "container" }, h("ul", { key: 'c68ca64183ed475c7dc674dede1fd6487eddef63', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'e0100ca54422f34ff4cd15e0917644ec8712c156', 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: '812f16e80ab95933bffe6c7ef39e52f702b79edb', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: 'c5209c8ede7c3f3fd5f0e9334aab586296c4d008', 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: '9ab0f8f9a361ee987dee921009f89123247c921d', class: "text-center mt-16" }, h("p", { key: '205d342af4c1a674cb84e3ef5d153228a1c093c8', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: '0391c6dea176b8752b1415fc1519808371f7d04c', 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: '24d1d1e16a52cef90e4cc0cb20896b193e04f25d', 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: '148d0694cc666c2048a65f035e3b423f14721a24', class: "container" }, h("ul", { key: '577efdbf7af11206706768435afcf949e704c16a', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'e280ee9020e2750a2f3637a01cf623ccc0b94bfe', 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: 'a5be5fc2dae4b966722d0ad69510f6622882aa99', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'e20d0633cc5c1c6f61c8147d55b7dd228c774f99', class: "coloured" }, h("eds-logo", { key: '2a5a4eea4c70fadfcaef15c5b2c498b833231603', type: "no-bg", href: "#" }))), h("li", { key: '6da7cc2329e7abcccfe3d2a0f095320d33b6272e', 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: '5dcb436091288a40213ad53fff116c0a18fd8626', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'e0f165856fb0a693ca2a655b5f6beb8f37810905', class: "bg-default" }, h("eds-logo", { key: 'ca1d9b99e93b458c9a4c59389ade43db1aedd473', type: "black", href: "#" }))), h("li", { key: '8ae1f94da858d44f7efa0d7c2c4d83b8e1780bf6', 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: 'dcd75bb1f4717a6d8b34f522c25b04a976bcbdea', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '11f500da753124767502a09824007bef6586b445' }, h("eds-logo", { key: '95ed147e3a5284960d5c740841620d622537cc3c', type: "color-white", href: "#" }))))));
+        return (h("div", { key: '43ff78b2e28f748b65d76997fc217f694ab11210', class: "container" }, h("ul", { key: '0b41f3d923858c41b34ec2df2a2536dc0d5ee129', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '766c9f9b9555cccbf8a77f11a41ae7b1bc0fcbcb', 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: '1a7e7814e435a6ee20ba8925b5b6bf8ac590ea89', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '135de0fdb2863f618e8e6da2bf8e49b91d9f4053', class: "coloured" }, h("eds-logo", { key: '367b20f96d4318d6bc9750ea6b18b30bbce5036e', type: "no-bg", href: "#" }))), h("li", { key: '36d3d81aaf9518fd996bdc34498581bca3d70d2e', 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: 'b24aa1c6658bacab12264a63a95062fcadc870cc', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'cb77e4797f9b0c415d0df06a9250b356899f26f2', class: "bg-default" }, h("eds-logo", { key: '7ccba5fd14b38ff9c4ea7531231559b0ed02966c', type: "black", href: "#" }))), h("li", { key: '3926dd438bf041dd421cf244c50ada804894f32b', 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: '734670d268558409ac6a3f72b7076c2d31428174', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'a96c5dc623498e217fdab19ece1ccf0049077c6e' }, h("eds-logo", { key: '2edd46a62c77ae56801ad035cfd128f77e3bf90a', 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: '33670ab1d0922b7ce5d561ae1bcb25d85cdf3ecb', class: "container" }, h("ul", { key: '7b05bb7f6e1699766f6d0321762f0ef66ab3b306', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'f64a1ad98d1c126581283ed16b665dea3fa1d03e', 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: '41c416c593cacad33a826c76e6617bc6c6b5b9e3', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '9bf761058eb7581b949af689a0341dc2a8b85b24', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: 'eb04b74cf4feb3054ba5b769fd7690281dbf768b', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: '15eede1e668a9012de6ab03dde25b5e4c51605c6', 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: '8d99d4f4caf4ef224fb691fdebfd3048075db0c0', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'f4b55a2fc4305075270e9e4a6149be5278fe3618', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: '38ca84d79e788b92ce2489e19f35b8ba989313f2', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: 'e6193b54d8b8cda2dc44bce2b983af7e7f3db0b3', 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: '2564444f18acf01edd3caa3e4df06a0a54cad60a', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '70db409bd6dfd47bb66cef38059a52a9b0556e14', class: "mx-auto w-[300px]" }, h("eds-logo", { key: '567844257939403cee8d4ce76b84dfdc12df97d1', orientation: "vertical", type: "color-white", href: "#" }))))));
+        return (h("div", { key: 'ed4602bffec9b896853f794b6b9e56d2beed3a89', class: "container" }, h("ul", { key: '3ffbcc4dbd811288a4f381d8eba61b06cde9297d', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'd47f43861c009c634338d5a04fa74a5d89c30f94', 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: 'e5db6a71f75fded654a99ec79e8fff330dd832ed', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '5868a3f04cd2a88df6cf3eefb46badbfada3ea8d', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: '590e3dfc99929401fceebb37346dc87cb24b9aa4', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: 'd7dde19a741953af97b7c2ef52ac9fe535dd8d44', 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: '1301a26d1f989762dad8ada3f2e85d5975ae8416', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'ede8c0b521720e3f73f7cd17a98df8d617d06d6b', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: '298f13765230a428fe948df4e7f580a7ea438786', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: '558abf2aa94784e70252277adecae2f1f7be83ac', 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: 'ccdde6e4a2cfd1eeca62362430f0e1ace6e33f9c', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'abdef9d3f5762ebbd571851192677bba00f45a48', class: "mx-auto w-[300px]" }, h("eds-logo", { key: 'b3c7f59aff43c12dfb70e1b93c5746c2d8f2499b', 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: '5e6042f51c956138d571256803766ef2497ca160', class: "container" }, this.renderContent());
+        return h("div", { key: '84eb012e0b54780f60d478863ce3561d48ce85b1', 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: 'a5d22b7db9bf43fa54d7e0fe611b819e374b6f6b', class: "container" }, h("ul", { key: 'a2d9ebad864822e00db5bb207caf599de80be433', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'ad449a11eb8e1404a47266adb9072efa0c182752', 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: '3f9ab867a20bc72e15c5403683d50b0f86c18727', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: '8a9ebdfd97d048e046adc85f182657c065d7c5e2', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: '621dc6459bd6934ada8cbbcb99e848464c6d7719', 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: 'be8c7b7fc30111d6bd7e7803d4a47b58ab8275f9', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: '1e458e14065bc2f064c29f03e7047578837e8dbf', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '92f588b1b08e74ae6de62037c611cd2c07c2d0f6', 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: '1a8b871c1887b96183efc5a884085cd627a5dd03', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: '2ca68cc09eac491203fec3d84b19623dfc1c0433', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: 'ee43635fa2d0dff9b9a5ea76127f5a35d1863c2a', 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: '3176d2dbec423d743b8d05c64d7a21088bf830a1', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: '1148d744012e92f34ac48a2b69c3fb6451e4f844', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: 'acde874cf0fd644ec0edc7350fc038e0ae13719d', 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: '27b2b50f017142b1e9638baf1865fd804ba9121d', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: '28dfe52d02bdb82f29947227a9a9a699aabf82ef', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: 'e754250d250603022bb031e66e7fd8e8e0f04155', 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: '042817f8f946a10372439398e4f6dd3c0fc182f6', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: 'f5136df73757f3ebd3c954f3aa5f9e47d7907c64', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '6e30b4684ebe21136ddecef9e879024ce93206ad', 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: '29ceba568f002cf04a810546ac76ed4d4a0c63fd', class: "mx-auto" }, h("div", { key: '53976603b457baf9d28f4216b2ef54284467ffd7', class: "bg-accent p-16" }, h("div", { key: 'bdce208801ad76f3f8fd1639ca08b3a341ccf014', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '97e656465d81823f22593dd8ec936dde966560e0', 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: '47db71fa97eed9b24d6873aac34e4d513f835c8a', class: "container" }, h("ul", { key: 'f06cff3d8313404bbbe50e2744582a8d394384a2', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'ddac40db90edc523f2d95f7da243596baf3c00af', 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: 'e7ec76fb43d846bfaa09b7fd12a70d3b3fd91476', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: '3288cbda1a66f4557dd0546cfc7fc1db64113520', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: 'af5f8b9fcf5583f970b2f097f2ebbf581f5e65c4', 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: '06c9a344c7505b5299bca221ca3b3222ff141cfe', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: 'b9a018ccf607edb5f4646f41269f39b4146dfb07', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '549d912c33d1d72b5a09e0bcf1b3866b83a42bcb', 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: '4e01b36b889bbd5a76581e4a7d7dad700cce647c', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: '15c8d9949f2fe250005879152e96ac6ddf9a9dde', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '4e3d38bba478657ef86242a5defab77340549e68', 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: '92b31722f79d8324a25cfea1583b64dc5710d96f', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: '0b9a84f0d8a9d3c02b7d8ace6b95964106239cd6', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: 'ebfea671909f84d0b3bb018bf56ebdfabc2c3785', 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: 'dec45dc8ca9fcca44be26c0001dbefe045fab6b5', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: '32407a77fcd5bd9efe075f66fe7de260d6ac76bf', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: '65fe0d30655a81fb4b791d19bbcad66e4b6098e9', 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: '561983d5e3ce55c7afa14999230838312c5682c6', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: '230eeb47f7e1d3d864b4202cb39cdadb883649da', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '3e30322cd2a4c1f9d03f9e9c5758a3e2141f61c1', 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: '6d19155d8c5f4413118f3a2f3af89e276c707311', class: "mx-auto" }, h("div", { key: '64d6e6b6502add707ccb16da25f4fbb6699ab1b0', class: "bg-accent p-16" }, h("div", { key: '8f2c70ce2a39638634f388b7d28e6e3869a6d30d', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '9ce6b36d8c6ca1c90299664765bdca50c3d1d412', 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: '9e4eb1306b8d43f5879b2e7c0ef0019f83c0b3b5', class: "full-width" }, h("eds-table", { key: '3b6349562155ffed788587d39a82d0a2fb9798bb', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
+        return (h("div", { key: '4c92aff806bb91d25e1c29d6d01c035e0a534eef', class: "full-width" }, h("eds-table", { key: '3dd1d7abd1a310611a6229b356d7732ac4dc8e40', "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: '64edfc7f4d83f6185be6c74707115ec478628c6b' }, h("eds-link", { key: 'd2c07e20ae1e67753b17f017bd5efa9b1e722fec', 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: '778879d8a4552e7dd55ac77b60d90e0bae97522c' }, h("eds-link", { key: '832d45be8a294f90fc81b45c6604aec61c8f8174', 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

@@ -153,10 +153,10 @@ export class EdsGlobalSearch {
         return (this.hasSearched && !this.loading && !this.hasResults && this.query.trim());
     }
     render() {
-        return (h("div", { key: '8fb5d13cbb123d7a6d6a26d0ba59d4c6d1660216', class: "search-wrapper" }, h("eds-input-field", { key: 'a8bf5d6f4aa5746e144b82fad60b77697d0fdb99', 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: '553cb12c9b2aa9ecfbcf9c1eee9ff9a44549e35a', class: "search-dropdown", ref: (el) => (this.dropdownRef = el) }, this.loading && (h("div", { key: '4f40853beecd11f8812fd97cf07d2394e7b73466', class: "flex text-center justify-center p-64" }, h("eds-spinner", { key: '307a3ba3ec2d296f31f8e5cf1a696786387ea8fa', variant: "primary", size: "sm" }))), this.error && !this.loading && (h("div", { key: '46fc2ed3f48237864c62ce52d5789b72ab007f61', class: "flex text-center justify-center p-16" }, h("span", { key: 'b555370d936f99234d9be576d04766bc674bfd24', class: "text-error f-body-02" }, this.error))), this.showEmpty && (h("div", { key: '7464c4850872ce8dcee55c189b1e78baa1799f14', class: "dropdown-state" }, h("eds-icon-wrapper", { key: '989282ef0fc8fde7018bb80ab172773cc2107942', icon: "search" }), h("div", { key: 'efbdbd61312b7de43c4f9944cbd573573ec22f11' }, h("p", { key: 'fb8bf8c76f101a182f2f0e0c9beac642a872d4cb', class: "f-body-02" }, "No results found"), h("p", { key: '003a1facf39b7efe8f61c58518e7fdef4779f9c3', class: "f-ui-04 text-lightest" }, "Try different keywords")))), this.hasResults && !this.loading && (h("ul", { key: '01b48376f9b290218f93eed314bcc71fa15f83ef', class: "dropdown-results" }, this.results.map((result, index) => (h("li", { key: result.id, "data-index": index, class: {
+        return (h("div", { key: 'e3c15463b46aa6349efb86e4907d6f7bfabf682f', class: "search-wrapper" }, h("eds-input-field", { key: 'f2164163925534652c62541b3e954d4bb66510bc', 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: 'f592d322fb3d1556743edc39713c8dbaa6449fa6', class: "search-dropdown", ref: (el) => (this.dropdownRef = el) }, this.loading && (h("div", { key: '4d3171271b27f70650bbded9cb7c0b76799dc1a1', class: "flex text-center justify-center p-64" }, h("eds-spinner", { key: '74fed5cf70ba698468dd2ca03dc5ff4eb7aeb7db', variant: "primary", size: "sm" }))), this.error && !this.loading && (h("div", { key: '481fd52e321ff02ca61cc0877a61f577b6a1ebd7', class: "flex text-center justify-center p-16" }, h("span", { key: '073d2a12b960b3309e0ab597c41d36f946615ed6', class: "text-error f-body-02" }, this.error))), this.showEmpty && (h("div", { key: '7b031eec1e6720f4cda6bc107ebc6f64f1c6e35f', class: "dropdown-state" }, h("eds-icon-wrapper", { key: '3ce91c3dcdaf27bd85f7ea4c855bab58b1208355', icon: "search" }), h("div", { key: 'c1a9b0c3f62fc568fa9d34d41730da8960bcdd54' }, h("p", { key: 'd3b87b4a6b06e81e5c62e817b924f762974c589e', class: "f-body-02" }, "No results found"), h("p", { key: '67fde47420811b9eaef805d9e6aa1b3515c74251', class: "f-ui-04 text-lightest" }, "Try different keywords")))), this.hasResults && !this.loading && (h("ul", { key: 'ba3a77467ba5e709bdf95dc793c316a18a135b64', 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: '3730704ff20781f23403df56a452bf586c06a688', class: "dropdown-footer" }, h("span", { key: '981e0fb42c24116a2b7caa1a341db1435fb57298', class: "footer-hint" }, h("kbd", { key: 'a3afa1202d694af3f87c736f8384b11497729d2c' }, "\u2191"), " ", h("kbd", { key: '4158766047e73eef837b3a7be415b52792473f3e' }, "\u2193"), " navigate \u2022 ", h("kbd", { key: '49dc09c928a6f0d69e4c95cee7ba5b655dfcd56c' }, "\u21B5"), " select \u2022", ' ', h("kbd", { key: '8da9b6f1bef58c7633a484f63e63920646d6b675' }, "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: 'ccdceeb06f423b28868dbf5ec2a11c5b84c651d7', class: "dropdown-footer" }, h("span", { key: 'e9dfb424b4dd277b11c6a630c673ec6368b09ef2', class: "footer-hint" }, h("kbd", { key: '4d045d4356b035c6efc7e029ea9e1f5bb4828b6b' }, "\u2191"), " ", h("kbd", { key: '5ee2913fe448ad3763ca9a70f474bfa9fcd3aad9' }, "\u2193"), " navigate \u2022 ", h("kbd", { key: 'd745261bb53ecffae5ff41d53e349fd74d37b955' }, "\u21B5"), " select \u2022", ' ', h("kbd", { key: 'baa93b7af9e8ae8994f8e73c1bf7942f659b0491' }, "esc"), " close")))))));
     }
     static get is() { return "eds-global-search"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/shared-ui/eds-global-search/eds-global-search.stories.js

@@ -39,7 +39,7 @@ const Template = (args) => html `
 `;
 export const Default = Template.bind({});
 Default.args = {
-    apiEndpoint: '/api/v1/global-search',
+    apiEndpoint: 'https://forms.ebrains.eu/api/v1/global-search',
     placeholder: 'Search Handbook + Design...',
     limit: 20,
     debounceDelay: 300

package/dist/components/components-section.js

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