@ebrains/react 2.1.0 → 2.3.0

package/color-primary-palette_6.entry.esm.js

@@ -32,7 +32,7 @@ const ColorPrimaryPalette = class {
   }
   render() {
     return h("ul", {
-      key: '1de5ded5c58ad27b388c8c1af7938944cbea5096',
+      key: '1ccc8d65b69795afe88b003e6aa1d6eb0f6a8a71',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, this.colors.map(color => h("li", {
       class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
@@ -113,7 +113,7 @@ const ColorSecondaryPalette = class {
   }
   render() {
     return h("ul", {
-      key: '8346b6b6278e8e0c837722d760aa314586ece7f4',
+      key: '0c2fe4671a0754b591462dfdc91f8772eb1478c5',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, this.colors.map(color => h("li", {
       class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
@@ -205,7 +205,7 @@ const ColorSupportPalette = class {
   }
   render() {
     return h("ul", {
-      key: '70965eb05a6b535bf4477e7413f7fd681c4f9768',
+      key: '1bafc64afc8d77db69e1847fdf05d2f8ca2d3ee0',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, this.colors.map(color => {
       // compute once
@@ -267,7 +267,7 @@ const GradientPrimaryPalette = class {
   }
   render() {
     return h("ul", {
-      key: 'af35aa4016013cbed62463881c380330f80066a2',
+      key: 'd32c7b63fb32b92f89a9220e5cd5ff8164865913',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16",
       style: {
         background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
@@ -347,214 +347,214 @@ const GradientSecondaryPalette = class {
   }
   render() {
     return h("div", {
-      key: '8a494bd6783e8138f33dcfd37498fd69b249a2e8'
+      key: 'f38bc0f352adeca4bb3c12952d8c7e2431d93874'
     }, h("ul", {
-      key: 'a2e6c31c2e2f3745ce1e4c01cc9afae02e8ebb87',
+      key: '9e00842d3198dace6812197b1ced7b776e3808f4',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: '4ed12da885c34a07657aef2a841c87a37ae9c8f7',
+      key: 'a1f77c93d7ff5de2ab38018278e47530951076cc',
       class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
     }, h("div", {
-      key: '337f66d14b0ce65b19f198b7efaf9230ca50b82c',
+      key: '6abb51d7e4cbe6f48610009e65876cd41d8f435d',
       class: "effect-height flex items-center justify-between p-16",
       style: {
         background: this.colors[0].background
       }
     }, h("div", {
-      key: 'c8c692658db9434f57e5ac264c3c9064910e9661',
+      key: 'e7399fcf955836f47e90e1ab822abf2ec0c0ceae',
       class: "grid"
     }, h("span", {
-      key: '9fd7ae1b75ff6b6c807dbaad783f6495dc2dd9bd',
+      key: 'fb245a27f7189381ee8103c21c61d0823c12b4c3',
       class: "f-body-02"
     }, this.colors[0].rgb), h("span", {
-      key: '9d4e59b1fab74ff781c8d73db3dd468b10ce0455',
+      key: '6dc6be165b89266e9b45153dc411ab5692e37ebe',
       class: "f-body-02 w-full"
     }, this.colors[0].cmyk), h("eds-code-block", {
-      key: '96f8a8fa41459228e4d8097a616926f85765cf39',
+      key: '196331f3cd83f67e3fbceddc669c0b4c10ad26d3',
       code: this.colors[0].hex,
       style: {
         minWidth: '150px',
         marginRight: '5px'
       }
     })), h("div", {
-      key: 'd7a68794a9682b619be1e087c983149d491c96db',
+      key: 'a3547fa7c138e87fa637ef7341dde49595a213e2',
       class: "grid"
     }, h("span", {
-      key: '58bd1ad1029c3b121ac0d4bb5c70ae303e0352bb',
+      key: '73eee49a4fe2e3fe657dfb5a90b3f8cdd224eff2',
       class: "f-body-02"
     }, this.colors[0].pantoneC), h("span", {
-      key: '3193953b5f25d007cf19d93a1f68f20404687f1e',
+      key: '553c7eb15580455f77b8165bd8a0c8b397d46a4e',
       class: "f-body-02"
     }, this.colors[0].pantoneU))), h("div", {
-      key: 'cfbdd6e419b1616438c6331a1d25c18c4425acd8',
+      key: '1e1c3d2620ef2dac2cd1f7bea0fa99b01c6afcac',
       class: "effect-height flex items-center justify-between p-16",
       style: {
         background: this.colors[1].background
       }
     }, h("div", {
-      key: 'd7cbace55477934af72160da781b7a8e3aa8e06a',
+      key: '1679cca6a6f80765ac163e076b26925065479ad8',
       class: "grid"
     }, h("span", {
-      key: '92751b8b5769b239e36ac130e339f8e360727cc4',
+      key: '948c1931b138ccc0f8da013735cec94a2b8de513',
       class: "f-body-02"
     }, this.colors[1].rgb), h("span", {
-      key: '82fe5bf3213d8d581322b33fd5e71edac1c88fb3',
+      key: '5b7c535631725e8e72b309ce6686bad8b1b384f3',
       class: "f-body-02 w-full"
     }, this.colors[1].cmyk), h("eds-code-block", {
-      key: '898008dc0c37aa6dac6cc41f2034cddd65768c14',
+      key: 'ac2bb8a8ebf23134ea273d99dfb35ae5c849b071',
       code: this.colors[1].hex,
       style: {
         minWidth: '150px',
         marginRight: '5px'
       }
     })), h("div", {
-      key: '4e447137643b72b3c6bf7c77d9487db3b6565774',
+      key: '3ce37f99d9dcc8e049553e9029c8f79bedcab049',
       class: "grid"
     }, h("span", {
-      key: 'dd6377e2669c91b70681faceef9a1a2e85aacc36',
+      key: 'a1c80f90ec26b79cce11e08a723aec38ba14eeec',
       class: "f-body-02"
     }, this.colors[1].pantoneC), h("span", {
-      key: '06fc395fb9c0caf71d889031d5122da97c2d437c',
+      key: '6828dc88ff57a288317fd36c5ae798615c41e045',
       class: "f-body-02"
     }, this.colors[1].pantoneU))))), h("eds-block-break", {
-      key: '7be7b3c75d184f3aa717f6319aeeac025760122e'
+      key: '7b9f28a342ee184e4201e9b2c1a510be7cccdb79'
     }), h("ul", {
-      key: 'b97e4bde35db0630a312b97d501ce1c59f0c3e14',
+      key: '8378f6a199ad85a7a4d0c116f1e18dac51f7f76b',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: '6a92a1a7d3e3680901e18dd48eb6658f4fb0fb20',
+      key: 'df24c01a7e221fec7eebe08deb1905b2fd211215',
       class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
     }, h("div", {
-      key: 'e90a2a1cae3c1cde6b4326b56b72c61e1892140b',
+      key: 'f0202fc57ba9e6efbab92274144ac109fced963f',
       class: "effect-height flex items-center justify-between p-16",
       style: {
         background: this.colors[2].background
       }
     }, h("div", {
-      key: '61b77e314f1b0ba1a2091c8095ec202532c18606',
+      key: '49111de3251d10ae344587612cff95ac2c61bbfc',
       class: "grid"
     }, h("span", {
-      key: '03dab364cc0dfec33698c44a204c454fb541e212',
+      key: 'a4f8b4d521204cf2e9ed34fba25105a31bcf3a2a',
       class: "f-body-02"
     }, this.colors[2].rgb), h("span", {
-      key: 'e691950b5345a2ede462f4e83cca168bdeb9ec15',
+      key: '577de0d99f7f5e052ca9528ba5543070439ec1c1',
       class: "f-body-02 w-full"
     }, this.colors[2].cmyk), h("eds-code-block", {
-      key: '0221d7e314a813dc2c5b79911951bca9c0b41b25',
+      key: 'b98a82856c805c3bd56d5e8c581c09c640e146a1',
       code: this.colors[2].hex,
       style: {
         minWidth: '150px',
         marginRight: '5px'
       }
     })), h("div", {
-      key: '3a0a7685f28da21ad72e03fde2466ef261d732c6',
+      key: '1c53a8f62d1facc76863611d640938469e6647ce',
       class: "grid"
     }, h("span", {
-      key: 'cb7b332c10b45eb9fd5db2d3fd8042e2bad64466',
+      key: 'e8e4bdb60c34bc9af133195192afd698ab7ae98e',
       class: "f-body-02"
     }, this.colors[2].pantoneC), h("span", {
-      key: 'a2ce20d6c1f79933e63286f21cf2a2b46bae7c77',
+      key: '7d23875dce9d05f4deca3518006aac4b4baff061',
       class: "f-body-02"
     }, this.colors[2].pantoneU))), h("div", {
-      key: '22accd3b0973aef372c31e6e1f9098c20af0fe62',
+      key: '84836d849380828bac1a05b3b1dd3f89a0f063da',
       class: "effect-height flex items-center justify-between p-16",
       style: {
         background: this.colors[3].background
       }
     }, h("div", {
-      key: '20ac41e5ab5abf006915a588948b0a80ba6b6500',
+      key: '0034acff755db241107d6bdf205f15b048ef2073',
       class: "grid"
     }, h("span", {
-      key: 'c45d31d03b5eed96970e573ffe9d6d7b0a4f55f2',
+      key: '59c0066f512154c4c8dc75e929d5f84008bf08c7',
       class: "f-body-02"
     }, this.colors[3].rgb), h("span", {
-      key: 'c8615974f6fefcce9236f1dab2aa05acf79f476e',
+      key: '83f2adc0b2adabc37b53859232b75f1b3c957051',
       class: "f-body-02 w-full"
     }, this.colors[3].cmyk), h("eds-code-block", {
-      key: '4edca81579a78d5a981abd588d614e92b41e80f2',
+      key: 'dc45ae65d0b116dcd25a0da752034f5527421a82',
       code: this.colors[3].hex,
       style: {
         minWidth: '150px',
         marginRight: '5px'
       }
     })), h("div", {
-      key: 'efb4443370dc4577f4bb0638f7189d8ebb41f7f6',
+      key: '3df3bda4c749e858cd9e484906677bbd99fa67c5',
       class: "grid"
     }, h("span", {
-      key: 'e6859deb262bbb09411b23a829461a13bca7036c',
+      key: '0730784062ec6c4cb548b1044031361d2cd939a1',
       class: "f-body-02"
     }, this.colors[3].pantoneC), h("span", {
-      key: 'a7b10ce34dbf351ed7c9ffddae8a078af2b2dfc7',
+      key: '7a6ae957274e730b25727671ef43feff3af1fd63',
       class: "f-body-02"
     }, this.colors[3].pantoneU))))), h("eds-block-break", {
-      key: '1e7693f7830a8b23fbfe88a4db8ce86b8d0685f0'
+      key: '6d18529316515757e95dea2820861cb5d4fdd3b7'
     }), h("ul", {
-      key: 'e968be89adb2e35e19b3c6b373b6e12f4e746a16',
+      key: '8f7a04a63e9846e6e220ee0ccd89a89901b925d8',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: '96c60c4a9e257a292782d9effc9f0c72abf11b9e',
+      key: '32bcb0d0e33b06e5a4f9c2da67ac904d52df5959',
       class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
     }, h("div", {
-      key: 'c4568e420e1aa059777280831c2384eab3d92bcd',
+      key: '3f38bd0f5b0d750daa0c6b80493d6ff9b249ebaf',
       class: "effect-height flex items-center justify-between p-16",
       style: {
         background: this.colors[4].background
       }
     }, h("div", {
-      key: 'd6deb40f0bc0f42ba8dc5ce1f81f0ddffac1909c',
+      key: '0171242f6197b3fb47d12e49837f28361a13c592',
       class: "grid"
     }, h("span", {
-      key: 'dfe457e42121384072c1fa914a4b20dc4b838d01',
+      key: '1331a3a2234f83264efc62d4af972968247c3455',
       class: "f-body-02"
     }, this.colors[4].rgb), h("span", {
-      key: 'ff18c95c23f62a02e56f017a3c4fd135942ca475',
+      key: '9caaef171b78feed4f2d6a5e7a4d81ffd1a87faf',
       class: "f-body-02 w-full"
     }, this.colors[4].cmyk), h("eds-code-block", {
-      key: 'bd2c5dc66d42965991741eaa399c620dfd7ccd8e',
+      key: 'e4d152f94f03dea39e1a0a6284d448f545c5c1a1',
       code: this.colors[4].hex,
       style: {
         minWidth: '150px',
         marginRight: '5px'
       }
     })), h("div", {
-      key: '95a9105cf2f1c2ce4f585d20cd3d7f51ab176860',
+      key: '173cb0da7a293350c8aa82f83fd0305b9db3bb74',
       class: "grid"
     }, h("span", {
-      key: '205d05eef3ead993524a70a6da8a1b99293d325b',
+      key: 'fc5d2f93f3d5963c5da938f86c0147de99426b72',
       class: "f-body-02"
     }, this.colors[4].pantoneC), h("span", {
-      key: '8bd0e5c38a50e61d1c4743b069ac33bbcabd6a90',
+      key: 'c679055a29a477f85829fc0d9af84b6f6dc7ca08',
       class: "f-body-02"
     }, this.colors[4].pantoneU))), h("div", {
-      key: '1e23753de89b1954149cc3855dd18c35d8eff021',
+      key: '694abc4966e365267fe4536f891445bc36937290',
       class: "effect-height flex items-center justify-between p-16",
       style: {
         background: this.colors[5].background
       }
     }, h("div", {
-      key: '89d94b65035bede7a8e6783ce12b28f0d19bc517',
+      key: '6e51b6e4134b2ba71880b271b7dac46d57de772c',
       class: "grid"
     }, h("span", {
-      key: '68b5166da0440b8b71a353f112151f87ce5f0863',
+      key: 'a9671b440a17417746d54cae8e7c0ee2208bbce1',
       class: "f-body-02"
     }, this.colors[5].rgb), h("span", {
-      key: '5c5440685df35b5d7a46c3aaca50f34103d227da',
+      key: '4dd3bf0d00389d1ca9cd1529d1b6bdf9acd6291b',
       class: "f-body-02 w-full"
     }, this.colors[5].cmyk), h("eds-code-block", {
-      key: 'bf98ce42ca5c85792f69233aa9339b76e404355e',
+      key: 'dc8e6956da3d6c6d539c194e101f8fa88cf1f08a',
       code: this.colors[5].hex,
       style: {
         minWidth: '150px',
         marginRight: '5px'
       }
     })), h("div", {
-      key: 'd3405eb9f4b55be2ca453857006b2e168f55b723',
+      key: '1cd9760de92ebbd5e0f1710140fe41ddad3aae29',
       class: "grid"
     }, h("span", {
-      key: '7c5cc7a21f351c7054113feb2d08c73aa433b729',
+      key: 'eec5ff4dd0b743a9b9b8640e4078c4d695dbcc15',
       class: "f-body-02"
     }, this.colors[5].pantoneC), h("span", {
-      key: 'ab88dec48dc6bfbcf0ae6952bdc83898b9f3fe01',
+      key: '00db45cedd939950df3e4cd2540d0b80d61bd4b1',
       class: "f-body-02"
     }, this.colors[5].pantoneU))))));
   }
@@ -602,174 +602,174 @@ const GradientSupportPalette = class {
   }
   render() {
     return h("ul", {
-      key: 'cd8f1b760d9d12703e63d444206cd7cb8272dc23',
+      key: '8eefaf781527a438aa6f0dcbbb6a7bfdffd69d38',
       class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
     }, h("li", {
-      key: '4e06317b161b310f1d0a6c03ec4511e30121a9d1',
+      key: '8492ff1b709fa7d20f76fd18d7e9aa2bbfee17eb',
       class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
     }, h("div", {
-      key: '09ee064b51f1f60eb94449a81889fcc1b04b034b',
+      key: '3775884ad3c2b78ac178dbd003779d968022c981',
       class: "effect-height flex items-center justify-between p-16",
       style: {
         backgroundColor: this.colors[0].background
       }
     }, h("div", {
-      key: 'd03882aca184094d6bd6c7c1847fd825b5df391e',
+      key: '94d75d01276a3e4e41781550450318dac8f220e4',
       class: "grid"
     }, h("span", {
-      key: '56401b8b651fc59ab649017e24072b7aa9e66b09',
+      key: '729bda27271b7df5e7ec05eff89ff6116539d4b0',
       class: "f-body-02"
     }, this.colors[0].rgb), h("span", {
-      key: 'f438f24aa6caee90e0aa8b45a8e3ef3905115165',
+      key: 'cb4b6bd1e3bfab381047b7375e547c662a5d50de',
       class: "f-body-02 w-full"
     }, this.colors[0].cmyk), h("eds-code-block", {
-      key: '1185f4d1820c900e97e376aecfdb15c079bf47d6',
+      key: '43c5df7d9cac3753f4a3c5d81e081f76606a5797',
       code: this.colors[0].hex,
       style: {
         minWidth: '150px',
         marginRight: '5px'
       }
     })), h("div", {
-      key: '81e189f2d4d59444419b4323595f233b5a7dd5c5',
+      key: '98aee106b847f1321591cfbfa2d5c22d0e2b3c2f',
       class: "grid"
     }, h("span", {
-      key: 'ed9c1690bc1a39a4ca10922d6954987025b75ab2',
+      key: 'a3789c31e43eb6887b298eb353fde2be9134dd79',
       class: "f-body-02"
     }, this.colors[0].pantoneC || 'N/A'), h("span", {
-      key: '389c2782c0a19abdaa8bcb3bec35b08f7dc49699',
+      key: '7195d70eaf994b4d1d1eb9a2ec0b684d62289e75',
       class: "f-body-02"
     }, this.colors[0].pantoneU || 'N/A')))), h("li", {
-      key: '224ddf84a71da323318a93aed512785d765ff78c',
+      key: '81654a5fb216096e9818033a2b857eb723c2d373',
       class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
     }, h("div", {
-      key: '6f65b95fafa248d35f3bbc6b2ca1796e75d5c75d',
+      key: 'd7b5ff16686894d0b06d2a291f6e7ababd5bfb02',
       class: "effect-height flex items-center justify-between p-16",
       style: {
         backgroundColor: this.colors[1].background
       }
     }, h("div", {
-      key: 'a5f7ce54255461e8955b770ba045873c4337317e',
+      key: 'fdbd11809337e535e819c5ce18d7427ae31ee70e',
       class: "grid"
     }, h("span", {
-      key: '344026348686a6c356012bddcb6019d2e33d2d1a',
+      key: 'f108c9afa0fa02356395792bd7dd4a8a4c872d02',
       class: "f-body-02"
     }, this.colors[1].rgb), h("span", {
-      key: 'd21a077ed8b57fc7b03d3c9e8aad84a1d6921b7e',
+      key: '1e359cd78d80db5040c4cdff4dea30dd9387cfb2',
       class: "f-body-02 w-full"
     }, this.colors[1].cmyk), h("eds-code-block", {
-      key: 'dfc3a8574e020c3e140a582e2f6548d7df18fc2f',
+      key: '1969dd093129596136b67cb972bece4e1d295fca',
       code: this.colors[1].hex,
       style: {
         minWidth: '150px',
         marginRight: '5px'
       }
     })), h("div", {
-      key: '370a21f614bfa27de7cd920d33a4bda8271cb9b2',
+      key: '6858e8847dc5ce5baf79874a207f02953f84651e',
       class: "grid"
     }, h("span", {
-      key: 'dcd05c27f71e94ab52ab88647d7c16bdd8cb6824',
+      key: '9eb2a2cafb5f2be23142752d2a48b35d0b8ab0c9',
       class: "f-body-02"
     }, this.colors[1].pantoneC || 'N/A'), h("span", {
-      key: '3f596aa4db89c9444ab19a1fe6130532ea7a18de',
+      key: 'cc0b17b803f00030b5a6d5dd0070c62031e21125',
       class: "f-body-02"
     }, this.colors[1].pantoneU || 'N/A')))), h("li", {
-      key: '4360df4a8f5439fef848bef1aff0ba7e907c0873',
+      key: '1e58c33fe358f33c30f8935f9205ef9c3008f907',
       class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
     }, h("div", {
-      key: '7559365a22a412e249f860b2ccd42a40c686575e',
+      key: '2fc8ba7c13678d30002f07eea50f14ae1138d2ee',
       class: "effect-height flex items-center justify-between p-16",
       style: {
         background: this.colors[2].background
       }
     }, h("div", {
-      key: '3027a68e48323ad82a7b9507902d43d3ebd5a9b5',
+      key: '18c781274b5f5054b454c00a34b45cdda4848826',
       class: "grid"
     }, h("span", {
-      key: '6889a4ba793f3f82c90e2b1b87b90d1d1e9fc551',
+      key: '28ef2ea60735401f0234cea519d9ecff8c4e2694',
       class: "f-body-02"
     }, this.colors[2].rgb), h("span", {
-      key: '688e28e641c900a105605e8f6dd65efe8d1c663a',
+      key: '2da6879adfc3b5f4992d0b107e40cf02db7a25c1',
       class: "f-body-02 w-full"
     }, this.colors[2].cmyk), h("eds-code-block", {
-      key: 'f344601cb7b1c0210478c4c8297365655d1db5b3',
+      key: 'c442dcf09f129891355a8a42b742c10333338e8b',
       code: this.colors[2].hex,
       style: {
         minWidth: '150px',
         marginRight: '5px'
       }
     })), h("div", {
-      key: 'bbd401b28071a53db3e2648545c6de8004da98cd',
+      key: '9dffa371f8a1c3002c35634eb2fb487011c71f90',
       class: "grid"
     }, h("span", {
-      key: 'e7eb3868b58336671fc8862b2dd67dd8c664b6d2',
+      key: '65c50e09e5275ebf7d159228b9cbc07602667ba6',
       class: "f-body-02"
     }, this.colors[2].pantoneC), h("span", {
-      key: '97c2788da2fed4b22f11057d13ea2bd6f6041f9c',
+      key: '7bb7a1a6a1988b2b65783ed792085e257703466b',
       class: "f-body-02"
     }, this.colors[2].pantoneU))), h("div", {
-      key: '8ea814cb2456d959a510b3bf2fe1348a796bf390',
+      key: 'cc69e3020f50b302b1e4f3d6b37477fb868f7906',
       class: "effect-height flex items-center justify-between p-16",
       style: {
         background: this.colors[3].background
       }
     }, h("div", {
-      key: '4a223c4bad5b21ff8f80dcbca228a66500ab6a87',
+      key: 'c59d2d743b0fb9fe5796407df80a81be410be47d',
       class: "grid"
     }, h("span", {
-      key: 'acfb82921e62c37dc091a10b2f093c41d50c32da',
+      key: 'bcf7f280d8e1a74dfe157a1c996a89cebcb42d40',
       class: "f-body-02"
     }, this.colors[3].rgb), h("span", {
-      key: '1d8a0866567e954772be7fc950579a62aa719ade',
+      key: 'dd7beff9e6336784ba7cb77692f6ac4ea42b8204',
       class: "f-body-02 w-full"
     }, this.colors[3].cmyk), h("eds-code-block", {
-      key: 'e8fe52aefd86c81713f08bcd1cb8f27789bd9ca1',
+      key: '4bafc48fddad31a1c2a4e08cd0148c6df8f332ae',
       code: this.colors[3].hex,
       style: {
         minWidth: '150px',
         marginRight: '5px'
       }
     })), h("div", {
-      key: '9925c5173dd15f16fe2b08eb522adf0d8ac37ef1',
+      key: 'c1fe6efeec78fed5be26568e0ebea3b56d16f070',
       class: "grid"
     }, h("span", {
-      key: '78f7131ca9a960688c8957a79c4033573f7cfee1',
+      key: '930e80dbed784ddf4364be16649624118541e570',
       class: "f-body-02"
     }, this.colors[3].pantoneC), h("span", {
-      key: '0fb4a0cfec9531e0e00b2d749d66ae6696a6db4a',
+      key: '8b7357d66a1b47347df67abcda6107572cb019f9',
       class: "f-body-02"
     }, this.colors[3].pantoneU)))), h("li", {
-      key: '017c338c94189ad75c79ff9db903d18246a4af80',
+      key: 'dc86699c8029642eb73c4679a49d5ff844f2924c',
       class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
     }, h("div", {
-      key: 'd75b7e97684b6ffe19bfcfdb8315f771c42de0f1',
+      key: 'dbfa8b4899292fec628dc410d70e0c306d0f378c',
       class: "effect-height flex items-center justify-between p-16",
       style: {
         backgroundColor: this.colors[4].background
       }
     }, h("div", {
-      key: '63b0fc0c825edcba9f633a5b6972fdd72574ce3b',
+      key: '2e3c528ed9efc681a09858e85230f5fdd36cf845',
       class: "grid"
     }, h("span", {
-      key: '389132cc0be0358b4805356ea216a9cfd4297514',
+      key: '4b607cdc825ba567d86f3536ec7bb1148e09d854',
       class: "f-body-02"
     }, this.colors[4].rgb), h("span", {
-      key: '902d41927973b8bf690cda7ca701a103f91dd511',
+      key: 'dda453cb7a8ebb420896e460802f7d917916ccd4',
       class: "f-body-02 w-full"
     }, this.colors[4].cmyk), h("eds-code-block", {
-      key: 'f9fffe844840148e801e3b1c1c2891b2bec96bf7',
+      key: '8ae119f9f823401ebcf3020069e614e991052529',
       code: this.colors[4].hex,
       style: {
         minWidth: '150px',
         marginRight: '5px'
       }
     })), h("div", {
-      key: '7ecb1dc3d5e0c63cf191b1300f19cd88489e9bed',
+      key: '1ac0ea0d52a00a7f8b45206bdd3d647ba221e429',
       class: "grid"
     }, h("span", {
-      key: '9233731334557d6b37d96d9d7e328cb9b24e2766',
+      key: '58c93b7dacd8a2766a8cb5d23c536a065ca64b22',
       class: "f-body-02"
     }, this.colors[4].pantoneC || 'N/A'), h("span", {
-      key: '5030f6c36dd0e07785c0f11092c9452d80763101',
+      key: '70359540a3662ba14dbd8c08e4033d5bcd4c1a0d',
       class: "f-body-02"
     }, this.colors[4].pantoneU || 'N/A')))));
   }

package/components-section.entry.esm.js

@@ -24,7 +24,7 @@ const DocsOverview = () => h("div", {
     content: 'By registering components early and lazy-loading their implementations, the script helps maintain a fast startup while ensuring that all custom elements are ready for use when needed.'
   }]
 }), h("p", null, "Once included, components can be used in your markup like any other regular HTML elements:"), h("eds-code-block", {
-  code: '<eds-button \n  label="my bytton" \n  intent="primary">\n</eds-button>',
+  code: '<eds-button label="my bytton" intent="primary"></eds-button>',
   language: "html",
   "copy-label": "Copy Code"
 }), h("h2", null, "Load the variables and styles"), h("p", null, "To directly use only the produced variables (colors, breakpoints, typography) add the tag below to the", ' ', h("code", null, "head"), ". This approach is recommended when you\u2019re working solely with the web components and want minimal integration. That said, the components are configured to require only these CSS variables and nothing more."), h("eds-code-block", {
@@ -35,11 +35,7 @@ const DocsOverview = () => h("div", {
   code: '<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets@latest/styles/output.css"/>',
   language: "css",
   "copy-label": "Copy Code"
-}), h("p", null, "Note that, loading either the variables or the predefined CSS framework above,", ' ', h("b", null, "automatically loads the fonts so you can skip loading them separately"), ". If you wish, however, to load the fonts, add the tag below to the ", h("code", null, "head")), h("eds-code-block", {
-  code: '<link rel="stylesheet" href="https://unpkg.com/@ebrains/assets@latest/styles/base/fonts.css"/>',
-  language: "css",
-  "copy-label": "Copy Code"
-}));
+}), h("p", null, "Note that, loading either the variables or the predefined CSS framework above,", ' ', h("b", null, "automatically loads the fonts so you can skip loading them separately"), "."));
 const DocsInstallation = () => h("div", null, h("p", null, "Before proceeding, ensure that Node.js is installed on your machine\u2014you can download the latest version from the official website. If your project doesn\u2019t already use npm and you plan to integrate EBRAINS Components, you'll need to create a package.json file by running npm init and following the on-screen instructions."), h("div", {
   class: "my-8"
 }, h("eds-code-block", {
@@ -162,7 +158,7 @@ const ComponentsSection = class {
   }
   render() {
     return h("div", {
-      key: 'dc274e3d76a296c8a8b18abcc4fc8741a6b9eddd',
+      key: 'd5f1ea9d290addbfa2a4c21e815597871f6d7639',
       class: "container"
     }, this.renderContent());
   }