@ebrains/components 0.9.1-beta → 0.9.3-beta

package/dist/components/token-ratios.js

@@ -17,7 +17,7 @@ const TokenRatios$1 = /*@__PURE__*/ proxyCustomElement(class TokenRatios extends
         this.__registerHost();
     }
     render() {
-        return (h("section", { key: '595dc0d77e33bfb2109666d185933c9f5b23616e', class: "w-full" }, h("eds-section-core", { key: 'a3217b7808a1bc810ff0b158c4e6547bc2a77b06', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: '505f84a67b6eba8c33d1484c4cb0e94f4de68bc0', 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: 'c4348ae18a2c7644f7a191aa5190ac3b98b5ccb9', class: "w-full" }, h("eds-section-core", { key: '6f148fc0c0ebbaef05761fa1a773cf026e308517', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: 'eb932db069683046fcda8ea950bac277e1387c33', 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/components/token-shadows2.js

@@ -26,7 +26,7 @@ const TokenShadows = /*@__PURE__*/ proxyCustomElement(class TokenShadows extends
         this.__registerHost();
     }
     render() {
-        return (h("section", { key: 'af8f66e30d9115f920d483c02d1f7c2b718589f9', class: "w-full mt-28" }, h("ul", { key: '1588c580f981ab148ba23a76cd33b0c8b993822c', 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: '0d61c0eee38fbcffe111031da0829b3a9050bc8d', class: "w-full mt-28" }, h("ul", { key: '587c263280d086c23351c6bbeaf01f37c307ce65', 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]" })))))))));
     }
 }, [0, "token-shadows"]);
 function defineCustomElement() {

package/dist/components/token-spacing.js

@@ -6,7 +6,7 @@ const TokenSpacing$1 = /*@__PURE__*/ proxyCustomElement(class TokenSpacing exten
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '5526a1591fe499aa09c78be0143f69b7b7af6018', class: "w-full" }, h("ul", { key: '690fb216bebd9a7ded21792e9b06aa06afbc722b', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '601a7d094c2143cb0499251243282133b4389c7d', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '2c57a78fea544c8e76021031dba8addba73a6d47', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '8879361b69dabe72270b3eac45cf1c95e569f98b', class: "spacing-sample m-16 bg-strong" }, h("span", { key: 'a3ae615891152c0305386082b117083f8bafde9c', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: '24142c0ecca843e6185201878ba34a7f01e22bc9', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'c1c25ff252577d8e00e7d1de77f9960e7e97dfde', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'c6797217f9bc11797961b3d26fe814bbb275e583', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: '376548ee4fa82a8ac20a46b926b34ef6147350aa', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: '973f0bb97ebb3c180d2283387f49df9513b7770f', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '573eb47f4cc69d46f0603a0a709315c7e191998b', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '71cd97ffaeed369e234c75909a5be4bbb3cb43d5', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: '0f6af30c5d310aba1436d9ff92e8d67d7f139b59', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '884a928c8d8c7b5dbdfd024e4e4d76bf98b55f49', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'cfa9dd4088ece07293702056de592c39d68a43ae', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'aca9b21ca52d79a724a5e985d6639e543b495e6b', class: "spacing-sample p-32 bg-strong" }, h("span", { key: '550fc1d92e707439176933443fca6532b06209ca', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: 'a56af0286e1deee424fe9e7e6d3f1dccc0a0a92c', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '738731e56be9be727e47687d9ef271ab5b0a087c', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '5448eeed3887bd66270be4e93761b9a3d8fe206c', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: '535e325326444ab1d50e885de65d6acdd7f9ec63', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: 'e0b1ba436681545f760823f1e0d073fd8bd2d44b', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '9d65df19fdc4be8054e9b34c18f8b54eadac7dbd', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'fe8656e6f0f3fafa3e7dd1ba9dd35251a3a19bf0', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: '32b26c324b26b3c57062d149cb49d1f1eeb5b5c4', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
+        return (h("div", { key: '00ca04338f0cb9233be63327e07c2bde4fdcde82', class: "w-full" }, h("ul", { key: '0228f39058d93ca3ef569040b8e035c89c7a8df4', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '470f8a49cd45dedde63f70c6ec6f79b97000bed1', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'f238156d3bef14454a9f17bcbc403f5b20b2fdce', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '8815c4d93ca0c3bc757d801bb2ea951b93424ff1', class: "spacing-sample m-16 bg-strong" }, h("span", { key: 'dfbcf9555690912be569bb01dbf20c44f7cd0a31', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: '09764bbf15a7289d72e15096a5179c9378aad1a0', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '5f393cb3ed589009b6d12281d92f9128ef986191', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '980a9f253177cb3c9486c84baa11215222148e01', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: '83bf097e6cba62e5195594968355c59f663b36e5', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: '79b6dcfa4d469db308d116d98deda673bea35da4', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '19d5e0f7a987e5e252b7f65380caff58ee8bf900', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '6c03b5c8b9635c6786c6904c11e6d531a252c050', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: '08245fe30349011f8607260ccf950eae211bb511', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '20e990162a6d8a6bb7c3756b471d06b0a812176e', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'cfb4e834829eab6dc889577b3c9686147fcc6314', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '79e124f2b2f4ae780f80187cef9d551995e1217c', class: "spacing-sample p-32 bg-strong" }, h("span", { key: '9ce890898292b81968ff5a6e10e38083cf63ab52', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: '34a9a0933249e75a0cf00c1ee12d55dc999ee60c', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '510d4573b38d5e9a6db1c3ef9494b9dfe1ac8e78', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '90902dd8f7ac70b377884b9ed9c8cebd3f87447d', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: '6b9041a4d3d1870362a0e168a31e0e890ca3b417', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '6c656fd467a8df4aa2d0781ac9a5687c407bd282', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'e2332aa81af3e9e35dfebb4b8938acf8649240b8', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'ca08cc17910e818d2537cb9e4d1f4dbef68be02b', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: '6efb039d88c8995fcbdf7ea31485a06f6bdd793d', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
     }
 }, [0, "token-spacing"]);
 function defineCustomElement$1() {

package/dist/components/token-typography.js

@@ -206,7 +206,7 @@ const TokenTypography$1 = /*@__PURE__*/ proxyCustomElement(class TokenTypography
         this.__registerHost();
     }
     render() {
-        return (h("section", { key: 'b2e3951c7419dccdd31e446898a9ad126e36398e', class: "w-full" }, h("ul", { key: '78ec896dad35353bcdc4d9f9d4b68873e1274933', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        return (h("section", { key: '2448267dd93e815f2def0a4b711f28325d906d61', class: "w-full" }, h("ul", { key: 'ac73af17e45045d2122d54dd357f1141b3a5bad7', 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/esm/color-primary-palette_6.entry.js

@@ -32,7 +32,7 @@ const ColorPrimaryPalette = class {
         ];
     }
     render() {
-        return (h("ul", { key: '970e6baf4b258e9a0ed194316daf1c862d17733e', 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" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
+        return (h("ul", { key: 'af0b4133a365f9c2db08ea05eab950de32536950', 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" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
     }
 };
 
@@ -93,7 +93,7 @@ const ColorSecondaryPalette = class {
         this.show = undefined;
     }
     render() {
-        return (h("ul", { key: '54f985b91b28ae253a06ec313872ccc81449bf51', 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" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
+        return (h("ul", { key: '059dacf5e142b2e4bd61a7977f1bdd79554ddca9', 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" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
     }
 };
 
@@ -154,7 +154,7 @@ const ColorSupportPalette = class {
         return 'text-default';
     }
     render() {
-        return (h("ul", { key: 'cf31dbb2778735cb95f40243f557e97c15cd29f0', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
+        return (h("ul", { key: '2cadb1ac7f985ba4960eb2a8b8d64c543c07dafa', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
             // compute once
             const textClass = this.getTextColor(color.background);
             return (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: `f-body-02 ${textClass}` }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' }, class: textClass })), h("div", { class: "grid" }, h("span", { class: `f-body-02 ${textClass}` }, color.pantoneC), h("span", { class: `f-body-02 ${textClass}` }, color.pantoneU)))));
@@ -194,7 +194,7 @@ const GradientPrimaryPalette = class {
         ];
     }
     render() {
-        return (h("ul", { key: '469fc7f19a4346b7e930095c489c0e89cc58e6df', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
+        return (h("ul", { key: 'b77f4fad55c2aa54422fd3b18ef09d4004490014', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
                 background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
             } }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16" }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
     }
@@ -256,19 +256,19 @@ const GradientSecondaryPalette = class {
         ];
     }
     render() {
-        return (h("div", { key: 'bcfd5c5ca5a01138d27ae5f0867998bb40d526ac' }, h("ul", { key: '6f79d13b142488f1253ba77b0a044fd8ada8d297', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'e8e44a1ee3993564fc2331d0d9337a2e0ceaebc1', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '229940b2fe6264429fb7627c9d3aa02e18e90b5a', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("div", { key: '10c513243cdbc57d018445e4413d4a1940616be1' }, h("ul", { key: 'c28494f2db389b90b82b18663d3ff2cae3528fc7', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '9b93b139f06b5cf2bf40ea9576a16f1f95b47cef', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '32aea8893b8c109ac13bb4fa87f81fdfbb31211c', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[0].background
-            } }, h("div", { key: '0cf83c147dde777efe2783d2148e780ab328c978', class: "grid" }, h("span", { key: '06f893ff45abe7c1d3cb817fe5834a5176c93f06', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '3967e17ed980810d8b35b0d2b2e754f7b2e8b3e0', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '2adc489cee7b3a3a67f62493fb5e125fc1e75c04', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'cb27de2308afcaaaad82675c50573805e51f36f7', class: "grid" }, h("span", { key: '0655190c8a8d555ed0fec5c319ff349d9fefc4d0', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '2b75a99e922965547e9f86240c0db577ec0b9682', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: 'a8b7ef1c5309601366baffa2d3b48c6cd8893eb6', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '0881e06d858eb7ec8681d201abf2d6b19f89052f', class: "grid" }, h("span", { key: '9d94677102fc1ee3720b2d845038968b38143afc', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'a11ac3d683540f396dd6a22250773d9bbc6b7c86', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'aaf6227e91efb700dee4dd14a99f0f803902a348', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'aefdddab57b6f487a9b9b28bf9931b43924d7fb9', class: "grid" }, h("span", { key: '5ff736d1d6d0a6919899a58970042157970fa9df', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '668f276d932498e064c51637157d34c416a82c35', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: '8797049389313e6627574e97e609572979b16ec0', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[1].background
-            } }, h("div", { key: 'fd01906e34a91984aa7ce6439abcf03673d70099', class: "grid" }, h("span", { key: 'd4e119028ad415d9a21988c2bf603011856bb78d', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '4ba9d26645884bc1fc75741ee40509af56a9e7ae', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '5be1c28b15b458fba099868b598ee513077562e0', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8609b9e68f23aaec35e76b312a425c376d508892', class: "grid" }, h("span", { key: 'f5cbb2d867e1a66e8371ebd73503ac1cd208f51d', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: 'b72b8b23c5b1e136cb1114af22f34c6222b0d0f9', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '73e70749f132579efc19bccab4fff8b3e2d6979a' }), h("ul", { key: 'ae61acfb731129d85d3c5151ac08d676113a5971', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '2b59810dbc40db3dfca10a09ad524499ea87f0e9', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'e66cdabf69654205b975801bbc5ff102982fba78', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '44ee397cf746e87daa52979200c270703d1bc55e', class: "grid" }, h("span", { key: '65bc43371dee383f17da6cf366520ca6499db61d', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '3afcdc449bb40583bec4a64229beb176644c6d86', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '9356d97b5db02857d89215ea40bd2d17917fb032', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'e4515e8ff06d5da2530754720753562fd12282a2', class: "grid" }, h("span", { key: '208101b85d06b7a9fa5c1a0d0eb470c48c55c8d6', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: '73b9ffdae670b0977b71eb5a5540c6ca5cdf850a', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: 'a6b352c935c7c548647ec33f548f5963d3fb2771' }), h("ul", { key: 'b17a428d35de0e5fd34f93b5e5d7eea10bd97c05', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'bf11a3863db3b16410bb33b63e589f08d3ac9f10', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'ab6c9f7addcbcedc3686f95e4955b9e7ab14b6fc', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: '0f4d10150dc7694d7d4ccf59bc99a95216a00bc5', class: "grid" }, h("span", { key: '85bbcdc4ca9b1f35625c15f5e742c35599084456', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '0b5354d88e4ada3497bb20ae9138e3f23d31b5e7', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'a67ca35d57d13a66fcab132565c1a246e37f42e8', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '41322955767caa5ce439b142ccacdcb809ebc52e', class: "grid" }, h("span", { key: 'ab06d7acd75b1065d057a4ec8cd7af93cd91bb5c', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'ec63cad47f9021cfd1bed508721cc5772d037bd3', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'ce5898b0ff195f6033d28e68dfd981a1813a23a4', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '4a1b5ad1af1f12ecf5d0e3d29af852f8c9a68c8a', class: "grid" }, h("span", { key: '3ce666f09c7de2488d94698a19ae1c51ddecbf7b', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '10301ea300f2b1a6d827bf56fd8b8e0e0cc858f6', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '2db903a2fe58581b0e6d7b9adc984f4320dc8a09', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'afe001eb4a52f6a05b38ffcc71d538ec22a98022', class: "grid" }, h("span", { key: '62fc31bde6e3b34327e41cd39fc80cab32faa94d', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '2ca52fff58fcef2660e80f2a847c45d08438f14e', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '85e4a7be29033cdaf374b27ceed588c825ace64f', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: '1126fbf08d60b5840ba76e7d838d0ebfb47a0af9', class: "grid" }, h("span", { key: 'd18fbf24fcedb41638c626991e9ef3706cd0e4f7', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '9d7d1df13ce9ab7b447d72851a2f5f3b66cf1034', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '5f92ba3b52a56638b7469572614d75fde23a1516', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '4b17671dd5d18382d80ee52b8cbce51633d78603', class: "grid" }, h("span", { key: 'cc6a59b63bcd128d5adfd70d908cecba1324a717', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '1cf37dab03769794f85d09d8d331306fb24e2fb3', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: '1e1888c860c39e5ac93c2dcd5ff9bf65e8c3b412' }), h("ul", { key: '46ee0e1cd0a80a6da7991ee9474e4db5841b1c52', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '59343e8799ddb56b0d14d3a9c43f4d43c5d82cba', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '5388a8eb55332a9a6d5b5fbe8bf022eb2a76d06c', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '16193b9db41b2296de12684ac3f9274436aac1fa', class: "grid" }, h("span", { key: '809a4b38fe70a64bdd823093aeb0278b181fd9b8', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '96bd1f267b3fc2dc280a683d92bbc872ec446f6b', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '217931cdbd3da0f016253e61ef19e74e4df4f669', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '03b91a07130bc1d4c811759085174f794f66d143', class: "grid" }, h("span", { key: 'bdc570cfb341c90b7e89100af5034496c1b369ee', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: 'cc10a8ba6a2cf4470bbbf16c03f513273411db4b', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: '45e15e96024ba30a44ae8fff1b1484ca036e2d89' }), h("ul", { key: 'a487cf89f96a29775770ba4a5a80019387d179bc', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '15018fc0724f6b1e62b5b37922dc924ec2fb41d8', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'b2b27ed4e039ab44c9514ddfc3dbe928ce0aa46b', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[4].background
-            } }, h("div", { key: '0f57d835c53d5844a155c8cfb78b1b3d0d37aecd', class: "grid" }, h("span", { key: '65b91767f90901590ca0ca4d892bf4bf5ca215d2', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'c2c46be9bee84e4ca53929dc9a0f5b87f48ad3ed', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'c40e13a9f535d710cede159d555fac9bbddf7b4c', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '0ebf1113e44f4e2704465d286022b84ddd57c43e', class: "grid" }, h("span", { key: 'e8c7485dfe4b2d1e36eae2cb21ec624384e5c085', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: '7d875d8c15a4f7bee7c746d9f297bd910f4cc5a6', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: '27777683ba91c02274fd691b09a43c836e24aca3', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '8714548cc695018bb413d3e72ea8e580cc9bc98f', class: "grid" }, h("span", { key: '28e8f390390f82e5cbad32394e46a4606feeec6b', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '5b6f7f1ee8484f99e9421af84835ed4bf6765db4', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '84c6ddd8728a2a39c8863af7a6ad181f321efd7f', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '7ddccbf76753340f715d4fbfcd31bab083bf3725', class: "grid" }, h("span", { key: 'f2a84a9e46d18015b45f052dc8786ac7c1fc3bb3', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: '741fd132025aa0c0a1da6d8a88273a1cd19aeae7', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: 'e0d48d68d5487c82149c90cc0e726370f0d25960', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[5].background
-            } }, h("div", { key: '4f9b082b9e6c5d679801446fa5a7b88d18b40147', class: "grid" }, h("span", { key: '6afd59aafb0f1b793a8f989f7d201a922951dacd', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: '2114f91de062deba17e69d9bff77670107ed3f91', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: '08f8b3155d932eed5b05f4dbfc0e3c6e23aa02b5', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '5459b32225dbf86021dd6a95e84b73bf14a74fe8', class: "grid" }, h("span", { key: 'bedfeaa4250c3bf74f267d50aecc0df93fbf21ad', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: '8cc7a7a1abef3dcccad63c600692bffa5df89837', class: "f-body-02" }, this.colors[5].pantoneU)))))));
+            } }, h("div", { key: '16b56121efc5527b8eb3dad7e119840102d1d390', class: "grid" }, h("span", { key: '5f326a2653de6dcc8c85ad88c5554214519fa1fd', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: '1cb2c712393855e7b01bf1e083444e2c170d7b0b', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: '6cc534503946d6aee5b562b2b1b713988df963ac', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd79c852afae4fbe6b360cc319b8d3bf22ce7b194', class: "grid" }, h("span", { key: 'cab85faa9f7cd31c14a15a014f8a95c39b6e631d', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: 'ea3a9fafeee11b75663bd753c75b7cbcfdb9c5c1', class: "f-body-02" }, this.colors[5].pantoneU)))))));
     }
 };
 
@@ -320,11 +320,11 @@ const GradientSupportPalette = class {
         ];
     }
     render() {
-        return (h("ul", { key: 'd965ec67f29697480e0b7a6fea0743d946476153', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '7ae7f96aa9b3ce2a8d1fbc018b652a83e4f41e90', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '604c51b26cc5eec60e2e0125cda0cb60c82282f0', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '083d7aa003c99b54dc0c62c5ba1603c2a2a75c0a', class: "grid" }, h("span", { key: '4bc89f70e22217fa58f1db0586a8d5ee0db8bdae', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'd8e1bb4f6ce3e173e31685fc4435be29d9eac4a4', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'e370e6ea2808161625aea5e9b1e6e4dd9d137f33', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '6caf8c42e6296081a3daaca0e52c2a2776d1ab46', class: "grid" }, h("span", { key: '48ac4de4d194ae630a8a14df56ff2670f2f37092', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: 'fd02781c816a152d92c1579dc9a3115eadb0690e', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: 'a8562d9fb6ff77fcc6b31952a2ead12f3e0e9b50', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '4578880af1de315101deb5b42c91769dc2ca7437', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: 'ed304eb3c8c3ccb769db7d769872ce075261cb17', class: "grid" }, h("span", { key: '956fe1115a5c1c4f6d2503737a46f0f1cbdc8e06', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '6beb1017eec40dd27351fda2ec1609987d46fb05', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'a9319b683d13670c827b3444484d5469142ef76d', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '1d4f1a48a18aee0a90dd04fb336352042014ce29', class: "grid" }, h("span", { key: 'f4b7df5e0cde451a5e650e11b9805cc5be0c9fec', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: '26d4869a2207e1386f72d2833aaf819c15006c34', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: 'ed2b1465825e249bff9f5df38649b331f19e0672', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '22182a6d9bb64ab5dcbc38e359c3a7d7f79f3090', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("ul", { key: '2735f6a59037973febc2ee871464146b3a12e69b', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'a861d0c4ea7545d55b8c324f916e1831e271bb47', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '93a8c04259ed46a2c520c1355efaaa2ecf0c4714', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '554964ca9e800dd356fcddfcc82004e7a6131d21', class: "grid" }, h("span", { key: 'e91f746f3ce067afe57835da2996804dba471ce3', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '41d7dd9aa7ec450f35ae6587b51a5d7c639cb1fa', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '4e0d93b261af040d0aa82c8043542a751915786f', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'f1c2c77f37d5e80b6574e68c9454cac46cd99c9f', class: "grid" }, h("span", { key: '8e216418f476d026cb59dbbdab802bb4bdf7a4e4', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '5b978c9f6206ba4a57645dd5b107ace27be515a9', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: '232cd30eb6c637d31f80cf8281fb434e9837e9b8', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '61a073ea3b4bc8134ad539b941a6bc1b3a914a11', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: '22a69e75c01842e67d87126f3d34e9a19ead4ab1', class: "grid" }, h("span", { key: 'b537d9e9cb0429677656c068a0a81499d42cac30', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'ab35b28dec337cb81ad50372e7c071c7d8f3b785', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'a0bea555719eacc8f0730300ebab6ae98ea6771a', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8458087421b893504829ed46b05ba44acb0c5f53', class: "grid" }, h("span", { key: '2ec00ee996a3184afe07c27e45e999c4740b93a1', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: '7d48ea6d5b12c6a1ced3812fdc4cb39cd3afaed4', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: 'b2ac623c59d1dc2ab14cc2775c5b95b4d02fc72f', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '6152411685ae903a22bf9b06db18182c35bea246', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: '28e2e772e7d12fbfdebec31f0aff6db397140132', class: "grid" }, h("span", { key: '872451c9846398641f1a592e8c166a6a51ee7298', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '84e28be1191f264e126c8579e26cbe6966010b4d', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'a4c3dc76652feefaf3a9eba5bb3694b8dbf96be8', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'ff3a6599da869d3f9e85cb94481206e7e6331988', class: "grid" }, h("span", { key: '37ef90488eb673fdac1221f7123daa87a5a75fcd', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '0a6fbb96f982a3e7c12af3787520335878faa9fe', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'b59aeb053ab1145e0d3bc163f4650cdf30afe7d4', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'fa8fb3b382d53be84413643cb12a58b4a41202ca', class: "grid" }, h("span", { key: '026b5ed6229ef0e89636fce8643264ba47255249', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: 'bc5784f779096d92229abc19c003df07ee7acf1c', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '76e8f012cb9d7994906e2d9ce55d7eb47c5cbd0f', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '0410c816d39550853c240894811717c427fa3dee', class: "grid" }, h("span", { key: 'b1f2869cc28a05e0c52f7bd8cec85d170d6250a7', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'f53078949c7803385c6616325670143e1af08abe', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '2076894246cdbcdc0557e70ef9ca857f8fb825cf', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: 'af020f1a66c2d0afcb2e2bdf189569e6d897ef32', class: "grid" }, h("span", { key: '3b2f895dccdeb5e2fb5aa505f19514f012d24426', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '9836a6ef47ed0dc8767a590212a23bfca2f74adf', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '3b274f716c6ca1381e4cc0136d18e167290bfa74', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'a41592e2172dc9f81e9d2f36328ff88de3f0954e', class: "grid" }, h("span", { key: 'fd7a06a256d3513bcf239fe9f778f3589895b9d5', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '991f38ea137b729c9e9e6c9e0031940151f6e9dc', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '8efdd7d9f93cba4b9479e1d3face7cec94cf1af6', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '4223ec29cac4313dc261cb472bd880ae00279657', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '227dd5fab1add4083271b6e7f95c7d575d91252e', class: "grid" }, h("span", { key: 'e5b1aab8d67f7c67f231acd4156768f146320be3', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'fc4712e37494e8e30a48bc77a0ca61c94e24075d', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'a429c519e42e242d8ce8f661a513f7b5327ffce7', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '84f30a1620cacadf8c0bf1382333d74772f81f27', class: "grid" }, h("span", { key: '2b6dfc8e87517e4d0421ef0e5c2391a07f033600', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: 'c4cd5bc061ce4163a170568c0ed5934c7f30d75f', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, h("div", { key: '5f8b1cf3e3529c9e54185cd6bb8c1aaaa0ebc359', class: "grid" }, h("span", { key: '06f7ef3d3e164a632f2bc9c5e99642a827a79e27', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '21a313355fa68a829619d9da29000acef0509fba', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '859bc066d1756b9ac5f72de7fcd0b4bd3013f8f4', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '5a4ffa55b941478f5f18e764fc54421b4dd33141', class: "grid" }, h("span", { key: 'b42265cfe889bcb45270c21016134fa72ba18e5d', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '6b478b1526fbd5e5175f67dbb5b9e30e21dc56bb', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '7a92c596887e9c42c2c79c208ed82810b8f6a714', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'edcc8539e72b7497a0bb49d442774903116bf916', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: 'a65cdaa466210da348bf54e36c4e805ae26e36fa', class: "grid" }, h("span", { key: '894bc12a1b61925db0ec12b82f2f938805b71f46', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '0b7f7cf4c514ccc4bd3c3a1f1bce75f23bbcc2cb', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'bc3b15dd7eb559b10fc64b08fc6c4d7681209d3c', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '57be009b3ec863485042af43ca0dabcceb5a317b', class: "grid" }, h("span", { key: 'f7e10fda97f12f55d4756014f296e710793c38f4', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: 'e16fc4ac9a8639bda71bb814992bf6416949fd06', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
     }
 };
 

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

@@ -128,7 +128,7 @@ const ComponentsSection = class {
         }
     }
     render() {
-        return h("div", { key: 'ee8facfaad3786770fd3ea39f1db7922a67ffd3e', class: "container" }, this.renderContent());
+        return h("div", { key: 'ee1dd33b05afae12511c5876db4e8bd771117853', class: "container" }, this.renderContent());
     }
 };
 

package/dist/esm/components.js

@@ -16,5 +16,5 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"eds-avatar_26\",[[1,\"eds-form\",{\"name\":[1],\"setFormUrl\":[4,\"set-form-url\"],\"formBtn\":[4,\"form-btn\"],\"formBtnLabel\":[1,\"form-btn-label\"],\"errorMessage\":[1,\"error-message\"],\"fields\":[1],\"initData\":[16],\"values\":[32],\"isSubmitting\":[32],\"hasError\":[32],\"errors\":[32],\"parsedFields\":[32]},null,{\"fields\":[\"parseFields\"]}],[1,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleMenu\",\"handleToggleMenu\"]]],[1,\"eds-user\",{\"user\":[1025]}],[1,\"eds-header\",{\"homeUrl\":[513,\"home-url\"],\"links\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"menuEnabled\":[4,\"menu-enabled\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32],\"isAuthenticated\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]]],[1,\"eds-steps-v2\",{\"steps\":[1],\"type\":[1],\"imageSrc\":[1,\"image-src\"],\"bg\":[4],\"message\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}],[0,\"token-spacing\"],[1,\"eds-footer\",{\"social\":[4],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"enableCookiesSettings\":[4,\"enable-cookies-settings\"],\"showMatomoNotice\":[32]}],[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"rounded\":[4],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"isOpen\":[32],\"focusIndex\":[32]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"]]],[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-social-networks\",{\"heading\":[1,\"title\"]}],[1,\"eds-block-break\",{\"extraClass\":[1,\"extra-class\"]}],[1,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"onChange\":[16],\"onInput\":[16],\"type\":[1],\"required\":[4],\"label\":[1],\"hint\":[1],\"icon\":[1],\"link\":[16],\"message\":[1],\"error\":[4],\"checked\":[4],\"errorMessage\":[1,\"error-message\"],\"value\":[8],\"maxLength\":[2,\"max-length\"],\"options\":[1]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1]}],[0,\"eds-input\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"checked\":[4],\"type\":[1],\"required\":[4],\"value\":[8],\"icon\":[1],\"maxLength\":[2,\"max-length\"],\"options\":[16],\"extraClass\":[1,\"extra-class\"],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[0,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"decorate\":[1],\"label\":[1],\"getInputElement\":[64]}],[0,\"eds-input-select\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"required\":[4],\"options\":[16],\"labelKey\":[1,\"label-key\"],\"valueKey\":[1,\"value-key\"],\"value\":[8],\"dynamicOptions\":[32],\"loading\":[32],\"dynamicValueKey\":[32],\"dynamicLabelKey\":[32],\"hasFetched\":[32]},null,{\"options\":[\"loadOptions\"]}],[0,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"sliderVal\":[32],\"getInputElement\":[64]},null,{\"value\":[\"onValueChange\"]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1],\"size\":[1]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}],[1,\"eds-img\",{\"src\":[1],\"alt\":[1],\"width\":[2],\"height\":[2],\"srcset\":[1],\"sizes\":[1],\"formats\":[16],\"lazyload\":[4],\"withBg\":[4,\"with-bg\"],\"loaded\":[32],\"showBg\":[32]}],[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"],\"extraClass\":[1,\"extra-class\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-button\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"elementType\":[1,\"element-type\"],\"intent\":[1],\"loading\":[4],\"disabled\":[4],\"pill\":[4],\"icon\":[1],\"size\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"extraClass\":[1,\"extra-class\"],\"triggerClick\":[16]},[[0,\"parentContext\",\"handleParentContext\"]]],[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-trl\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"logo-space\",[[1,\"logo-space\"]]],[\"svg-repository\",[[1,\"svg-repository\"]]],[\"docs-palettes\",[[0,\"docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"components-section\",[[0,\"components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-app-root\",[[1,\"eds-app-root\",{\"isAuthenticated\":[32]}]]],[\"eds-card-section\",[[1,\"eds-card-section\",{\"cards\":[1],\"occupyCols\":[2,\"occupy-cols\"]}]]],[\"eds-timeline\",[[1,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"docs-tokens\",[[0,\"docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-tool\",[[1,\"eds-card-tool\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"external\":[4],\"hierarchy\":[4]}]]],[\"eds-cookies-preference\",[[0,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"eds-card-project\",[[0,\"eds-card-project\",{\"image\":[8],\"editorialTitle\":[1,\"editorial-title\"],\"headingLevel\":[1,\"heading-level\"],\"categoryTitle\":[1,\"category-title\"],\"color\":[1],\"bgOnHover\":[4,\"bg-on-hover\"],\"vertical\":[4],\"titleProject\":[1,\"title-project\"],\"url\":[1],\"parsedImage\":[32]}]]],[\"eds-feedback\",[[1,\"eds-feedback\",{\"type\":[1],\"count\":[2],\"label\":[1],\"description\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]},[[16,\"rating\",\"ratingUpdated\"]]]]],[\"eds-toast-manager\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"incorrect-use-of-colors\",[[0,\"incorrect-use-of-colors\"]]],[\"logo-variations-tabs\",[[0,\"logo-variations-tabs\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"correct-use-of-colors\",[[0,\"correct-use-of-colors\"]]],[\"eds-frame\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"frameSrc\":[1,\"frame-src\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"url\":[1],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"eds-modal\",[[1,\"eds-modal\",{\"heading\":[1,\"title\"],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"],\"position\":[1],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[0,\"eds-modal-open\",\"handleGlobalOpen\"],[0,\"eds-modal-close\",\"handleGlobalClose\"],[8,\"keydown\",\"handleKeyDown\"]]]]],[\"token-ratios\",[[0,\"token-ratios\"]]],[\"token-typography\",[[0,\"token-typography\"]]],[\"eds-card-tags\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-card-wrapper\",[[4,\"eds-card-wrapper\",{\"tiny\":[4],\"withBg\":[4,\"with-bg\"],\"withHover\":[4,\"with-hover\"]}]]],[\"eds-icon-arrow-diagonal\",[[0,\"eds-icon-arrow-diagonal\",{\"class\":[1]}]]],[\"eds-icon-arrow-right\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-bookmark\",[[0,\"eds-icon-bookmark\",{\"class\":[1]}]]],[\"eds-icon-chevron-down\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-close\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-eu\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-external\",[[0,\"eds-icon-external\",{\"class\":[1]}]]],[\"eds-icon-facebook\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-minus\",[[0,\"eds-icon-minus\",{\"class\":[1]}]]],[\"eds-icon-more\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-paper\",[[0,\"eds-icon-paper\",{\"class\":[1]}]]],[\"eds-icon-plus\",[[0,\"eds-icon-plus\",{\"class\":[1]}]]],[\"eds-icon-portal\",[[0,\"eds-icon-portal\",{\"class\":[1]}]]],[\"eds-icon-private\",[[0,\"eds-icon-private\",{\"class\":[1]}]]],[\"eds-icon-public\",[[0,\"eds-icon-public\",{\"class\":[1]}]]],[\"eds-icon-search\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-star\",[[0,\"eds-icon-star\",{\"class\":[1]}]]],[\"eds-icon-success\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-thumbs-down\",[[0,\"eds-icon-thumbs-down\",{\"class\":[1]}]]],[\"eds-icon-thumbs-up\",[[0,\"eds-icon-thumbs-up\",{\"class\":[1]}]]],[\"eds-icon-tutorial\",[[0,\"eds-icon-tutorial\",{\"class\":[1]}]]],[\"eds-icon-twitter\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-unknown\",[[0,\"eds-icon-unknown\",{\"class\":[1]}]]],[\"eds-icon-updown\",[[0,\"eds-icon-updown\",{\"class\":[1]}]]],[\"eds-icon-user\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-icon-youtube\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-switch\",[[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"]}]]],[\"eds-tabs\",[[1,\"eds-tabs\",{\"identifier\":[1,\"id\"],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-tooltip\",[[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1],\"isVisible\":[32],\"isPositioned\":[32],\"tooltipStyle\":[32]},[[1,\"mouseover\",\"showTooltip\"],[1,\"mouseout\",\"hideTooltip\"],[8,\"keydown\",\"handleKeyPress\"]]]]],[\"logo-wrong-usage\",[[1,\"logo-wrong-usage\"]]],[\"eds-accordion\",[[1,\"eds-accordion\",{\"heading\":[1,\"title\"],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32],\"headerHeight\":[32]}]]],[\"eds-matomo-notice\",[[1,\"eds-matomo-notice\",{\"heading\":[1,\"title\"],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]]]],[\"eds-rating\",[[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[32]}]]],[\"eds-toast\",[[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}]]],[\"eds-progress-bar\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"updateValue\":[64]}]]],[\"eds-card-desc_2\",[[1,\"eds-card-desc\",{\"description\":[1],\"descClass\":[1,\"desc-class\"],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}],[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}]]],[\"eds-card-generic\",[[1,\"eds-card-generic\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[1],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"hierarchy\":[4],\"parsedImage\":[32]},[[0,\"parentContext\",\"handleParentContext\"]]]]],[\"eds-login_2\",[[1,\"eds-login\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"authenticated\":[32],\"user\":[32],\"serverAvailable\":[32]}],[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"logo-variations-horizontal_2\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-alert\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"brd\":[1],\"withBtn\":[32]}]]],[\"eds-spinner\",[[1,\"eds-spinner\",{\"size\":[1],\"thickness\":[1],\"borderColor\":[1,\"border-color\"],\"bottomColor\":[1,\"bottom-color\"],\"background\":[1],\"fullscreen\":[4]}]]],[\"token-list_3\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-section-core_2\",[[4,\"eds-section-core\",{\"tag\":[1],\"sectionTitle\":[1,\"section-title\"],\"headingLevel\":[1,\"heading-level\"]}],[0,\"eds-section-heading\",{\"sectionTitle\":[1,\"section-title\"],\"withContainer\":[4,\"with-container\"],\"headingLevel\":[1,\"heading-level\"],\"tag\":[1],\"spacingLarge\":[4,\"spacing-large\"]}]]],[\"eds-code-block\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]],[\"color-primary-palette_6\",[[0,\"gradient-secondary-palette\"],[0,\"color-primary-palette\"],[0,\"color-secondary-palette\",{\"show\":[1]}],[0,\"color-support-palette\"],[0,\"gradient-primary-palette\"],[0,\"gradient-support-palette\"]]],[\"eds-pagination_2\",[[1,\"eds-table\",{\"data\":[1,\"table-data\"],\"endpoint\":[1],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"tbData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32],\"containerWidth\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"eds-avatar_27\",[[1,\"eds-form\",{\"name\":[1],\"setFormUrl\":[4,\"set-form-url\"],\"formBtn\":[4,\"form-btn\"],\"formBtnLabel\":[1,\"form-btn-label\"],\"errorMessage\":[1,\"error-message\"],\"fields\":[1],\"initData\":[16],\"values\":[32],\"isSubmitting\":[32],\"hasError\":[32],\"errors\":[32],\"parsedFields\":[32]},null,{\"fields\":[\"parseFields\"]}],[1,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleheadermenu\",\"handleToggleMenu\"]]],[1,\"eds-user\",{\"user\":[1025]}],[1,\"eds-header\",{\"homeUrl\":[513,\"home-url\"],\"links\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"menuEnabled\":[4,\"menu-enabled\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32],\"isAuthenticated\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]]],[1,\"eds-steps-v2\",{\"steps\":[1],\"type\":[1],\"imageSrc\":[1,\"image-src\"],\"bg\":[4],\"message\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}],[1,\"eds-modal\",{\"heading\":[1,\"title\"],\"truncate\":[2],\"position\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[0,\"eds-modal-open\",\"handleGlobalOpen\"],[0,\"eds-modal-close\",\"handleGlobalClose\"],[8,\"keydown\",\"handleKeyDown\"]]],[0,\"token-spacing\"],[1,\"eds-footer\",{\"social\":[4],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"enableCookiesSettings\":[4,\"enable-cookies-settings\"],\"showMatomoNotice\":[32]}],[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"rounded\":[4],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"isOpen\":[32],\"focusIndex\":[32]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"]]],[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-social-networks\",{\"heading\":[1,\"title\"]}],[1,\"eds-block-break\",{\"extraClass\":[1,\"extra-class\"]}],[1,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"onChange\":[16],\"onInput\":[16],\"type\":[1],\"required\":[4],\"label\":[1],\"hint\":[1],\"icon\":[1],\"link\":[16],\"message\":[1],\"error\":[4],\"checked\":[4],\"errorMessage\":[1,\"error-message\"],\"value\":[8],\"maxLength\":[2,\"max-length\"],\"options\":[1]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1]}],[0,\"eds-input\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"checked\":[4],\"type\":[1],\"required\":[4],\"value\":[8],\"icon\":[1],\"maxLength\":[2,\"max-length\"],\"options\":[16],\"extraClass\":[1,\"extra-class\"],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[0,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"decorate\":[1],\"label\":[1],\"getInputElement\":[64]}],[0,\"eds-input-select\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"required\":[4],\"options\":[16],\"labelKey\":[1,\"label-key\"],\"valueKey\":[1,\"value-key\"],\"value\":[8],\"dynamicOptions\":[32],\"loading\":[32],\"dynamicValueKey\":[32],\"dynamicLabelKey\":[32],\"hasFetched\":[32]},null,{\"options\":[\"loadOptions\"]}],[0,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"sliderVal\":[32],\"getInputElement\":[64]},null,{\"value\":[\"onValueChange\"]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1],\"size\":[1]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}],[1,\"eds-img\",{\"src\":[1],\"alt\":[1],\"width\":[2],\"height\":[2],\"srcset\":[1],\"sizes\":[1],\"formats\":[16],\"lazyload\":[4],\"withBg\":[4,\"with-bg\"],\"loaded\":[32],\"showBg\":[32]}],[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"],\"extraClass\":[1,\"extra-class\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-button\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"elementType\":[1,\"element-type\"],\"intent\":[1],\"loading\":[4],\"disabled\":[4],\"pill\":[4],\"icon\":[1],\"size\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"extraClass\":[1,\"extra-class\"],\"triggerClick\":[16]},[[0,\"parentContext\",\"handleParentContext\"]]],[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-trl\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"logo-space\",[[1,\"logo-space\"]]],[\"svg-repository\",[[1,\"svg-repository\"]]],[\"docs-palettes\",[[0,\"docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"components-section\",[[0,\"components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-app-root\",[[1,\"eds-app-root\",{\"isAuthenticated\":[32]}]]],[\"eds-card-section\",[[1,\"eds-card-section\",{\"cards\":[1],\"occupyCols\":[2,\"occupy-cols\"]}]]],[\"eds-timeline\",[[1,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"docs-tokens\",[[0,\"docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-tool\",[[1,\"eds-card-tool\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"external\":[4],\"hierarchy\":[4]}]]],[\"eds-cookies-preference\",[[0,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"eds-card-project\",[[0,\"eds-card-project\",{\"image\":[8],\"editorialTitle\":[1,\"editorial-title\"],\"headingLevel\":[1,\"heading-level\"],\"categoryTitle\":[1,\"category-title\"],\"color\":[1],\"bgOnHover\":[4,\"bg-on-hover\"],\"vertical\":[4],\"titleProject\":[1,\"title-project\"],\"url\":[1],\"parsedImage\":[32]}]]],[\"eds-feedback\",[[1,\"eds-feedback\",{\"type\":[1],\"count\":[2],\"label\":[1],\"description\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]},[[16,\"rating\",\"ratingUpdated\"]]]]],[\"eds-toast-manager\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"incorrect-use-of-colors\",[[0,\"incorrect-use-of-colors\"]]],[\"logo-variations-tabs\",[[0,\"logo-variations-tabs\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"correct-use-of-colors\",[[0,\"correct-use-of-colors\"]]],[\"eds-frame\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"frameSrc\":[1,\"frame-src\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"url\":[1],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"token-ratios\",[[0,\"token-ratios\"]]],[\"token-typography\",[[0,\"token-typography\"]]],[\"eds-card-tags\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-card-wrapper\",[[4,\"eds-card-wrapper\",{\"tiny\":[4],\"withBg\":[4,\"with-bg\"],\"withHover\":[4,\"with-hover\"]}]]],[\"eds-icon-arrow-diagonal\",[[0,\"eds-icon-arrow-diagonal\",{\"class\":[1]}]]],[\"eds-icon-arrow-right\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-bookmark\",[[0,\"eds-icon-bookmark\",{\"class\":[1]}]]],[\"eds-icon-chevron-down\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-close\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-eu\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-external\",[[0,\"eds-icon-external\",{\"class\":[1]}]]],[\"eds-icon-facebook\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-minus\",[[0,\"eds-icon-minus\",{\"class\":[1]}]]],[\"eds-icon-more\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-paper\",[[0,\"eds-icon-paper\",{\"class\":[1]}]]],[\"eds-icon-plus\",[[0,\"eds-icon-plus\",{\"class\":[1]}]]],[\"eds-icon-portal\",[[0,\"eds-icon-portal\",{\"class\":[1]}]]],[\"eds-icon-private\",[[0,\"eds-icon-private\",{\"class\":[1]}]]],[\"eds-icon-public\",[[0,\"eds-icon-public\",{\"class\":[1]}]]],[\"eds-icon-search\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-star\",[[0,\"eds-icon-star\",{\"class\":[1]}]]],[\"eds-icon-success\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-thumbs-down\",[[0,\"eds-icon-thumbs-down\",{\"class\":[1]}]]],[\"eds-icon-thumbs-up\",[[0,\"eds-icon-thumbs-up\",{\"class\":[1]}]]],[\"eds-icon-tutorial\",[[0,\"eds-icon-tutorial\",{\"class\":[1]}]]],[\"eds-icon-twitter\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-unknown\",[[0,\"eds-icon-unknown\",{\"class\":[1]}]]],[\"eds-icon-updown\",[[0,\"eds-icon-updown\",{\"class\":[1]}]]],[\"eds-icon-user\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-icon-youtube\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-switch\",[[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"]}]]],[\"eds-tabs\",[[1,\"eds-tabs\",{\"identifier\":[1,\"id\"],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-tooltip\",[[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1],\"isVisible\":[32],\"isPositioned\":[32],\"tooltipStyle\":[32]},[[1,\"mouseover\",\"showTooltip\"],[1,\"mouseout\",\"hideTooltip\"],[8,\"keydown\",\"handleKeyPress\"]]]]],[\"logo-wrong-usage\",[[1,\"logo-wrong-usage\"]]],[\"eds-accordion\",[[1,\"eds-accordion\",{\"heading\":[1,\"title\"],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32],\"headerHeight\":[32]}]]],[\"eds-matomo-notice\",[[1,\"eds-matomo-notice\",{\"heading\":[1,\"title\"],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]]]],[\"eds-rating\",[[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[32]}]]],[\"eds-toast\",[[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}]]],[\"eds-progress-bar\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"updateValue\":[64]}]]],[\"eds-card-desc_2\",[[1,\"eds-card-desc\",{\"description\":[1],\"descClass\":[1,\"desc-class\"],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}],[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}]]],[\"eds-card-generic\",[[1,\"eds-card-generic\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[1],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"hierarchy\":[4],\"parsedImage\":[32]},[[0,\"parentContext\",\"handleParentContext\"]]]]],[\"eds-login_2\",[[1,\"eds-login\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"authenticated\":[32],\"user\":[32],\"serverAvailable\":[32]}],[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"logo-variations-horizontal_2\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-alert\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"brd\":[1],\"withBtn\":[32]}]]],[\"eds-spinner\",[[1,\"eds-spinner\",{\"size\":[1],\"thickness\":[1],\"borderColor\":[1,\"border-color\"],\"bottomColor\":[1,\"bottom-color\"],\"background\":[1],\"fullscreen\":[4]}]]],[\"eds-code-block\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]],[\"token-list_3\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-section-core_2\",[[4,\"eds-section-core\",{\"tag\":[1],\"sectionTitle\":[1,\"section-title\"],\"headingLevel\":[1,\"heading-level\"]}],[0,\"eds-section-heading\",{\"sectionTitle\":[1,\"section-title\"],\"withContainer\":[4,\"with-container\"],\"headingLevel\":[1,\"heading-level\"],\"tag\":[1],\"spacingLarge\":[4,\"spacing-large\"]}]]],[\"color-primary-palette_6\",[[0,\"gradient-secondary-palette\"],[0,\"color-primary-palette\"],[0,\"color-secondary-palette\",{\"show\":[1]}],[0,\"color-support-palette\"],[0,\"gradient-primary-palette\"],[0,\"gradient-support-palette\"]]],[\"eds-pagination_2\",[[1,\"eds-table\",{\"data\":[1,\"table-data\"],\"endpoint\":[1],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"tbData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32],\"containerWidth\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}]]]]"), options);
 });

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

@@ -57,7 +57,7 @@ const CorrectUseOfColors = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '966cb542b868e89c3f2538548e8a1ca8e20ea8d8', class: "container" }, h("p", { key: '3c595ffa9a2de45b681924354486309004d4ceaf', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '1d1fded0f8cf78cec9e364e5b6844598b55f3f86', 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: 'abae691bb80eca1019f97375997b1aa6a577ba8b', 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: '251e6d8ad16d70974b67fa044d53abd1be79ccac', class: "flex" }, h("div", { key: 'de5b9b6720aababb693421663c52db85cee1b5fc', class: "w-full" }, h("ul", { key: 'a61f669f45c2f9d3b53d87bacc222a4274f93d34', 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: 'e7787d0ae843d7767ecac3267f11325dcfecf948', class: "w-full" }, h("ul", { key: '0d740ad8178c88175939d32a4f84d518f587e43a', 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: '6c59b2c574f5039baafd91a2939fbbb307732500', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '03e9ca7b0831c2b1d1908001324a38147ecea835', 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: '021affd3b5db00ccb5ef0d51de4552c5d3a11f44', 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: 'b7a5c4c10adab099c57ed70c0d2186d791aa70ec', class: "flex" }, h("div", { key: '3732c49a47158c206e1b40fc5425e555487ec757', class: "w-full" }, h("ul", { key: '54a5d35510bd77397d1418aa2638cf310534e986', 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: '048de44bd69a7b6ecefe3188d76821e4d5145620', class: "w-full" }, h("ul", { key: 'e3f8cadce4b9a575e1d844958cfccf20a19db681', 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: '14d7f9c88ae769d6feb2a8344f8b45b40d4ae095', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '810bdfa6fd175f9d483129b70bbae469051e0e0d', 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: 'fb8a9712f8e1ae1cffbb85c79f7e9c2657f867db', 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: '1df0919bb4c75ee251d7f5c8cf95bb2e2e990242', class: "flex" }, h("div", { key: '5a898462aa680267f4ac35aefb98e60b7f486c63', class: "w-full" }, h("ul", { key: 'ad6f3e6ccde7d225be344efbc176064fc89aa796', 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: '8dd6e01b989c8589be6b553c85f0512c268ac369', class: "w-full" }, h("ul", { key: 'c36937d99efd585c4e8a37b80de5bce82374186c', 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: '452c68d1c797de34e531d7c734d350fcc36ae2f2', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '17453c9d78c20583c989281672c0f41bbe8d036f', 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: '3e78eb924b6a857674d50d4a209e4843f76e5fc3', 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: 'ae3e2a703633013f632df3a75f45ec932ce5e13b', class: "flex" }, h("div", { key: '4a0f256fa355dcbd6d6fc0e95e81a6c2821c917d', class: "w-full" }, h("ul", { key: '8aaf611ed9b87b86d0c1b47b1e37cb01989838b2', 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: '112e50da1627a671fbca843111becf51cd02ebc5', class: "w-full" }, h("ul", { key: '14033bd08a9d16bd0b6cfe8b87acc2a841c48a29', 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: '9f7fbb8254528663d833da6bb683c2bb19e2837b', class: "container" }, h("p", { key: '71cdde5e7a803ccfbe49bfea00f208a23a10ab8d', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'fecaba6a82952070d3deb88cf22e335e6e0d7a08', 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: '0fb583c3d4542134f921649aef5f07738e00b086', 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: '3bfb272e2e2d5ab823f157aa1add3511f34a4c27', class: "flex" }, h("div", { key: 'baaf45c1f7b749b6f8f4035b1c62942e320d77d3', class: "w-full" }, h("ul", { key: '7e6d1a2051e98d7af54ef7061f39edaf2c7beb0a', 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: '1bf98fe26e99af8473077ac13d3d9b8c405bf1c4', class: "w-full" }, h("ul", { key: '1402fcefd163737b10c5b0d12014bc6e3fd66780', 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: 'b9bc90a0d0cc539349f10c51a1b3dfd19bb453ea', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '40a8a92005d47099d518281ed61f31888169dfcd', 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: '7b530b15d10ce8591b2cd42299f2d6a0b6de575e', 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: 'c2b1599f407579d58e36effc3d4ba0115f4fa453', class: "flex" }, h("div", { key: '514a3c8c3a04f8e5607a606bf310b6173b973ba8', class: "w-full" }, h("ul", { key: '81c56759b2aaf2153cf6150f892ba23f67b8296e', 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: 'ef65f00f5fbf77af47292e570e98d465d553a03a', class: "w-full" }, h("ul", { key: '8fb9499e6c4587db8a188aad5120c1a1bd93b049', 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: '045fe17ef474b7d7c55ee50b183ea8e40439f034', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '20147150cb42c6105559457d364c28b09f9ba171', 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: '37093d1dda45c1c114e95533bbf560934d529e4a', 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: '1d53f16c58afa8f537d384434a6ac68e2d14c707', class: "flex" }, h("div", { key: 'cdd9390005122023dec3b5abcb88bf996e833c70', class: "w-full" }, h("ul", { key: 'e76d12d0b57b810c95788e9ccb0d39d4ab9ceb4e', 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: '3ff4f5c0ba01b4723e8e664633f7220c9703905f', class: "w-full" }, h("ul", { key: 'f69b766d268d5e1d10972723a4ebdc5d9e0cae07', 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: '6591ea37bd86b328c1c55a5150f8ce44d24f8f52', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '47110ceefffb0f391443845425d0e9d07a15e779', 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: '0e034de1c3c0ea2f1c0e71f1e1a0024e6bc66d79', 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: '0b0d5484f0d3569bfdc529ef49af00a6c41a25ce', class: "flex" }, h("div", { key: '66e8d6d41bab4c18846885814b5a7aad6c08d240', class: "w-full" }, h("ul", { key: 'b9093c38be4aaca5045c62911cd6c789fdc12438', 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: 'eb682711d6439a79719062057440de519ba48ecb', class: "w-full" }, h("ul", { key: '79805bba02241029b99027dab0f9cf6673e0e1c3', 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 } })))))))));
     }
 };
 

package/dist/esm/docs-palettes.entry.js

@@ -16,7 +16,7 @@ const DocsPalettes = class {
         }
     }
     render() {
-        return h("div", { key: 'f985628b9ea3f02a511e2facbda99b54f0723acf', class: "container" }, this.renderContent());
+        return h("div", { key: '41ac7248f45204f420ab2954e26529577e2cb27f', class: "container" }, this.renderContent());
     }
 };
 

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

@@ -24,7 +24,7 @@ const DocsContent = class {
         }
     }
     render() {
-        return h("div", { key: '29810a0ace60d2e5a0fc84d6715fc2fc89d6187f', class: "container" }, this.renderContent());
+        return h("div", { key: '2d4d06ef8d68dc42280f71042322a5f3ca528564', class: "container" }, this.renderContent());
     }
 };
 

package/dist/esm/eds-accordion.entry.js

@@ -70,10 +70,10 @@ const EdsAccordion = class {
      * Adjusts styles based on `switchBg`, `tiny`, `clampText`, and other props.
      */
     render() {
-        return (h("div", { key: '9545d005b8c1dab935f2dcc7d9194aacfded535e', ref: (el) => (this.wrapperRef = el), class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
+        return (h("div", { key: 'd2fcce2468130200dd1516902a203c4ca8ae543f', ref: (el) => (this.wrapperRef = el), class: `flex effect-color border-softer relative grid overflow-hidden rounded-lg border-2 p-16 
           ${this.switchBg && this.isExpanded ? 'bg-inverse' : 'bg-default'} 
           ${this.switchBg ? 'hover:bg-inverse' : ''}
-          ${this.description ? 'min-h-56' : ''}` }, h("h3", { key: '243b3a8e6c168f8b7809e997c2299917f000d6ee', ref: (el) => (this.headerRef = el), class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.heading), h("div", { key: '7ecf3dca450a58169464e1482962e5cc5e8b7b5e', class: "ml-auto" }, h("eds-button", { key: '4a3572e61e1054dca181d1eb05eef1d73f07ff96', id: "toggleAccordion", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", class: `effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none`, onClick: this.handleClick, icon: "chevron-down" })), h("div", { key: 'f7cd77703aab8f2b56e6f7d36aeab90f7263bd76', class: `w-full`, style: Number.isFinite(this.headerHeight) ? { marginTop: `${this.headerHeight}px` } : {} }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: 'dbfa879d6aa14be50d18a31587e451f7e06a03df', id: "accordionSection", role: "region", "aria-labelledby": "accordionHeader", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, h("div", { key: 'ae5c56f8eb6597c34df4bd1cb78a00b3333baf1e', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-4`, "aria-hidden": !this.isExpanded }, h("span", { key: '093f851cde64acefd8b9285d4b6e15f7d2e5c592', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: '68f428a78168f89637018f588ab431e1a1bef7a4' })))))));
+          ${this.description ? 'min-h-56' : ''}` }, h("h3", { key: 'f59a85e886736b483f6a311a00426340a36dcb71', ref: (el) => (this.headerRef = el), class: "mr-auto f-heading-06 text-left absolute inset-x-16 break-words top-16 pr-40" }, this.heading), h("div", { key: '9fe1d99f46f3c066bbb1e8f4ef695fe87e8fad54', class: "ml-auto" }, h("eds-button", { key: '4d4c16a958df05f1e773fe74fa49647fc94766c7', id: "toggleAccordion", intent: "tertiary", "aria-expanded": this.isExpanded || this.shortContent, "aria-label": "Toggle accordion", "aria-controls": "accordionSection", class: `effect-color flex w-full items-center justify-between rounded-md outline-none focus:outline-none`, onClick: this.handleClick, icon: "chevron-down" })), h("div", { key: '5d84ffe8032834575d165f7a5e097539de73350f', class: `w-full`, style: Number.isFinite(this.headerHeight) ? { marginTop: `${this.headerHeight}px` } : {} }, this.description ? (h("span", { class: `text-light ${!this.isExpanded && this.clampText ? 'line-clamp-1' : ''}` }, this.description)) : null, h("section", { key: '1813aea1369b8883cd45088799f9715cf8fc0556', id: "accordionSection", role: "region", "aria-labelledby": "accordionHeader", "aria-hidden": !this.isExpanded, class: `z-1 effect-height relative h-0 w-full ${!this.isExpanded && this.clampText ? 'overflow-hidden' : ''}`, style: { height: this.isExpanded ? 'auto' : '0' } }, h("div", { key: 'a9a95adbb819530f426045c55ca1a02f3a778f0a', ref: (el) => (this.childContentRef = el), class: `accordion-content effect-color pt-4`, "aria-hidden": !this.isExpanded }, h("span", { key: '2518e3243e0bd199061ac255922d661e0558bdc8', class: `${!this.isExpanded && this.clampText ? 'line-clamp-2' : ''}` }, h("slot", { key: '3f3ab74926e7e45d4aacc4c7003c05be3c6b82c3' })))))));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/eds-alert.entry.js

@@ -85,12 +85,12 @@ const EdsAlert = class {
         linkElement.dispatchEvent(event);
     }
     render() {
-        return (h("div", { key: '02e7ec45a64008c3a5e8ea99cade7da6b076259f', class: alertStyles({
+        return (h("div", { key: '90eae6088fb792c671eca1d74d9a6e7d212c2c1c', class: alertStyles({
                 intent: this.intent,
                 brd: this.brd,
                 direction: this.direction,
                 withBtn: this.withBtn
-            }), role: "alert" }, h("p", { key: 'ba99f147a48ed7cc19ccc18b309e1a11ca053a09', class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn &&
+            }), role: "alert" }, h("p", { key: '201a9e6352350dbe9d4f1ab137a669f212519ea5', class: "f-ui-01 py-8", innerHTML: this.message }), this.withBtn &&
             (this.pressableUrl ? (h("eds-link", { class: "eds-alert-link", label: this.pressableLabel, url: this.pressableUrl, intent: "secondary", external: true })) : null)));
     }
     get el() { return getElement(this); }

package/dist/esm/eds-app-root.entry.js

@@ -26,7 +26,7 @@ const EdsAppRoot = class {
         this.combinedInitPromise = Promise.all([initKeycloakPromise, authStatusPromise]);
     }
     render() {
-        return (h("div", { key: '7b0b74c02f9fa25dc3d3e5a0fd10d8b4c3a59ffe' }, h("eds-splash-screen", { key: 'e1fabb47903b011c397af3a8da59130e8455280f', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '30d8ca5116c5b8a18972df9c55bd4a947226d682', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: '16ead78b24f561049fb12609b23bff028262d9d5' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
+        return (h("div", { key: 'e17896f68a7a987b73756e1a0d572f48272ae65f' }, h("eds-splash-screen", { key: 'f269a92c479b27c1c3d4fa199889770dfc98e0e1', inverse: true, initPromise: this.combinedInitPromise }), h("eds-login", { key: '271e28d665f9676d9a75c8537553f29bbdab6651', "keycloak-url": "http://localhost:8080", "keycloak-realm": "nigeor-realm", "keycloak-client-id": "stencil-app" }), h("main", { key: 'fbcbec5f93e57b450936e8df1a35da1cc6493175' }, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in."))));
     }
 };