npm - @ebrains/components - Versions diffs - 0.6.0-alpha.0 → 0.7.0-alpha.0 - Mend

@ebrains/components 0.6.0-alpha.0 → 0.7.0-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (628) hide show

package/dist/components/support2.js CHANGED Viewed

@@ -51,11 +51,11 @@ const GradientSupportPalette = /*@__PURE__*/ proxyCustomElement(class GradientSu
         ];
     }
     render() {
-        return (h("ul", { key: 'e1b86872cead72320e3e4cf6cd22e672500cfcab', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '6a39321c305bb9c0f4c79932252faf0c08fd11e6', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '255fb9153e49030054666f086b2e0ac4d6d3dc0e', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: 'fb08851f97cefa4b06a00f7063b558607f5df19e', class: "grid" }, h("span", { key: '4a8a0dc633cca7c36e6ca981e6b85775005ce80f', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '0bebfc5eb567e030e993037f527df3af46615ff2', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'aa06e607647a762ed7150a5aceaeda8c7854a050', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '5c143dd4c8afff2365aad02f68d444fd2234d90f', class: "grid" }, h("span", { key: '47c9334efb42ee8259033bf1a323519d0a048bc7', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: 'bca6d9635f5bcb16ef54154b2d3a2b6734cef7e7', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: 'e78077ac00556ec5faa7d0ec7e3dc2b9ae7643f2', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '10f182a6515a0006f3903dfcf783349870c2e6c2', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: '4ef41025e6e2bb0ebe05933f7fad707c4136c852', class: "grid" }, h("span", { key: 'c2b3c48904efe628b148e080e1487dc8fba70b63', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'ae12e16d9a070b29492a385ff21b6371b9826f85', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'a6e980da23e2c5d0312a9d1a12432388fbba1d56', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'a38408a780756f4e81c8d791e52eb87056755eaf', class: "grid" }, h("span", { key: '0180f83000b733914c33696ef4b6d7257efba396', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: 'fdaab526fcb07f4a58e4daae616da144c2f46666', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: 'c771a8d62610c7255835896fe678136838c05235', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'debe404f676d76d4ee6e0bf70fc1fb596b768a72', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("ul", { key: 'dc57ff3bffa6aea0facf8d1e8fc186139f69e56e', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'e1d8dbfcb363cd25456d10ad4d9f500c3a324ab3', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'd11bbdbb71906dd7331aaaa1327ec2f7adb3914d', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '4badad0801b33acb2b098698bde99760bfd14b80', class: "grid" }, h("span", { key: '77380c331665e198b3a04a93b728d7448158bdf1', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '342dd1997afc6c83c28662101ba7f91ea8566a55', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'ddcbdaf618dde60577034a7e861b4cf3bbe667f6', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8a357ee33e9cd94eb30a5678d20cbf4ebf9498bd', class: "grid" }, h("span", { key: '22089c639c787de6f12441041d2f7a2a747f4242', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '0423ab8c9d4e1797e6536829be719e09ca772e28', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: '13c11bcd2017ae7dbbe8c83dcaa6ceeb4ed355e6', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '878df236a48f7c58dfc9fcf1041823efa5b86b6f', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: '3c477c2733d98d2c3c918196274f73e21f1646fe', class: "grid" }, h("span", { key: 'ce1f49df809c94f3b5aaca8bda6b48cded46f0a2', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '99d3fe3b33328b1e2f025abf3622f715ed301f1b', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'de3b2711377cdee0f78aca2391ec59af02e847e3', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'aeaf3c18d0b30e99290bd0bc471eab32540dc495', class: "grid" }, h("span", { key: 'e7665496b791ed0cc6593348ecf9def40a1e80ca', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: 'e205631d4697c84fc65fa93224cdb76e254ec951', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: 'cc17448fa87f6aed9d590aa4f5e2b1110f5e0bda', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'eb68860fede226a32f4bccd49df7df4b4f29c125', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: 'db1beec1c3ad71ef5fcacaa0d14618acc01666f4', class: "grid" }, h("span", { key: 'cc6e9c599d26813756dc0eb0c240169ea5b2856a', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '9f45b4ec7cd579040a135f63aa3b7aadb8f10ada', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '2ce58a56fcfd1a3b8f7855296c929c37b634bfca', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd494a074655c8bcf35d4021b700eafcd9acdfb54', class: "grid" }, h("span", { key: '626ae49228b52ff921b5ce2bc15b12a540618691', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'db8c4d3f246851fd18794e317d20f1a1f9be59b9', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'f27de0de4bfff2bc26ef573a11b770f55f461425', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '377ef135def34f71d52870ebb16aead224b9b794', class: "grid" }, h("span", { key: '3117040c6a1c417dc9ac7629a885975cd459716b', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: 'c800eb6acf0b6182e95ad74376b46f8907507b51', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'b244b778b58b605d3f0939a36930a096763a10e7', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '95681ce98858d2ebc7dca572366eb314e9648d10', class: "grid" }, h("span", { key: '43573821ee81029875fa51580d9b043246a37f91', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'c6083e98c351f4290617b3036a430d96350f6fe0', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'c2b7b895df7c4f8520e147b69ab51d988b5fc36a', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: '386d0e341c37f0baef2c62a13fcba88640b5ec3a', class: "grid" }, h("span", { key: '5b5f541490612b70841e2ea62bad3b8f86587301', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '88b7fd61a6fe4f15bb37d067e8b9f28fe329de0d', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '7d96a904aa3703ffba953ede2e68aae605aa5921', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8a20e30b1c43b8f50eb8cbde0e735a54d4129e26', class: "grid" }, h("span", { key: 'd843ddf7b0328f99400c106e7705aed0626d2f32', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '57ce96cc38ae1f0b91f512841e0738384e543cb1', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '5d96a25dcd51b35b01952ebc94c75cfa1045b8da', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '713e347acd6ee623562db92a24b87a2f36086875', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: 'a62ed8e1fda6deb45b131c4d7cefe355862b33ba', class: "grid" }, h("span", { key: 'bb419133f1bfcd07f05d551a4dafa54331ee1c09', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '774de6f18b6ab9d5539cc6889949b7ef9a0511db', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '87d83ce275bfbba7a8930e1e0fcecf14dee2af59', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '4e4acde29f939b2e7b2d4925490da515b8bcabf1', class: "grid" }, h("span", { key: 'c2276899357a54e0be5d35fcb9cbc01257882a12', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: 'c78d9648c05583b858d75ff0f6aff57a62ff1628', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, h("div", { key: '6f95b56b195779568cb8ee8f2426a413e04efb24', class: "grid" }, h("span", { key: 'e5f3dcdaeefdc080d24bfc70e98c50206215b268', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: 'f22aad83b9de337384791e3900934035e1dfcd6b', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'ec068df8197f86f9d2f433ddd589b89708e035a4', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '61f27c8dccfdfe2004ed7774d06ca38b0ede285d', class: "grid" }, h("span", { key: '9a8e7b7cc4eead6b79423e97b3ff01d3b70a85ec', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '2b5a61e7cdab44181d44db06a3eb5031a31648b8', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '11e3f6ca45cbac17dd3bb8da99c6fd78e5a96b39', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '7e34069adbd3ed1509a35a22e4239e5e56d7f5b3', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: 'c0047f8cb9bf28bec4230fa0aae28e7d3ecb1599', class: "grid" }, h("span", { key: 'a44db9793a74563015861206d3e6d10c3a3de998', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '51a8bce7027c8c151a2f56624dd340fe744d7da6', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '20d8bcda1aed4dd237dddb6079bba68f8f85dda7', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8e30a85a4418f1173183be58eade4682c6c812dd', class: "grid" }, h("span", { key: '52fa4db1021aa08f5fe4c9cface5562050181eff', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: '7b0d375a2a63b3657eed9b4df0aead1db00255b5', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
     }
 }, [0, "gradient-support-palette"]);
 function defineCustomElement() {

package/dist/components/thumbs-down.js ADDED Viewed

@@ -0,0 +1,5 @@
+const thumbsDown = `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-hand-thumbs-down-fill" viewBox="0 0 16 16">
+  <path d="M6.956 14.534c.065.936.952 1.659 1.908 1.42l.261-.065a1.38 1.38 0 0 0 1.012-.965c.22-.816.533-2.512.062-4.51q.205.03.443.051c.713.065 1.669.071 2.516-.211.518-.173.994-.68 1.2-1.272a1.9 1.9 0 0 0-.234-1.734c.058-.118.103-.242.138-.362.077-.27.113-.568.113-.856 0-.29-.036-.586-.113-.857a2 2 0 0 0-.16-.403c.169-.387.107-.82-.003-1.149a3.2 3.2 0 0 0-.488-.9c.054-.153.076-.313.076-.465a1.86 1.86 0 0 0-.253-.912C13.1.757 12.437.28 11.5.28H8c-.605 0-1.07.08-1.466.217a4.8 4.8 0 0 0-.97.485l-.048.029c-.504.308-.999.61-2.068.723C2.682 1.815 2 2.434 2 3.279v4c0 .851.685 1.433 1.357 1.616.849.232 1.574.787 2.132 1.41.56.626.914 1.28 1.039 1.638.199.575.356 1.54.428 2.591"/>
+</svg>`;
+export { thumbsDown as t };

package/dist/components/thumbs-up.js ADDED Viewed

@@ -0,0 +1,6 @@
+const thumbsUp = `<svg xmlns="http://www.w3.org/2000/svg" width="20"
+height="20" fill="currentColor" class="bi bi-hand-thumbs-up-fill" viewBox="0 0 16 16">
+  <path d="M6.956 1.745C7.021.81 7.908.087 8.864.325l.261.066c.463.116.874.456 1.012.965.22.816.533 2.511.062 4.51a10 10 0 0 1 .443-.051c.713-.065 1.669-.072 2.516.21.518.173.994.681 1.2 1.273.184.532.16 1.162-.234 1.733q.086.18.138.363c.077.27.113.567.113.856s-.036.586-.113.856c-.039.135-.09.273-.16.404.169.387.107.819-.003 1.148a3.2 3.2 0 0 1-.488.901c.054.152.076.312.076.465 0 .305-.089.625-.253.912C13.1 15.522 12.437 16 11.5 16H8c-.605 0-1.07-.081-1.466-.218a4.8 4.8 0 0 1-.97-.484l-.048-.03c-.504-.307-.999-.609-2.068-.722C2.682 14.464 2 13.846 2 13V9c0-.85.685-1.432 1.357-1.615.849-.232 1.574-.787 2.132-1.41.56-.627.914-1.28 1.039-1.639.199-.575.356-1.539.428-2.59z"/>
+</svg>`;
+export { thumbsUp as t };

package/dist/components/token-list2.js CHANGED Viewed

@@ -243,7 +243,7 @@ const TokenList = /*@__PURE__*/ proxyCustomElement(class TokenList extends HTMLE
     render() {
         // Check if `show` prop is provided; if not, display all sections
         const sectionsToDisplay = this.show ? { [this.show]: colors[this.show] } : colors;
-        return (h("section", { key: '43d7e8b3192d4a2d596ca99a4dce072ea7387924', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) =>
+        return (h("section", { key: 'bca88363ffc01f45526068bd95e96950a3920f0f', class: "w-full mt-28" }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) =>
         // Only render sections that exist in `colors`
         sectionContent ? this.renderSection(sectionName, sectionContent) : null)));
     }

package/dist/components/token-radii2.js CHANGED Viewed

@@ -17,7 +17,7 @@ const TokenRadii = /*@__PURE__*/ proxyCustomElement(class TokenRadii extends HTM
         this.__registerHost();
     }
     render() {
-        return (h("section", { key: '0b0ccb9adcfa77ea898828ddbb244e959f93e2e4', class: "w-full mt-28" }, h("ul", { key: '7c81d0a9725565c4e2587369528568d640e7b1a3', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, h("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
+        return (h("section", { key: 'f5a5ae4bf9096ac5f9aa23e76e45e103a0867bf6', class: "w-full mt-28" }, h("ul", { key: '54815bbb3e0dcdd381d711dedd126050813cf6c0', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, h("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
     }
 }, [0, "token-radii"]);
 function defineCustomElement() {

package/dist/components/token-ratios.js CHANGED Viewed

@@ -17,7 +17,7 @@ const TokenRatios$1 = /*@__PURE__*/ proxyCustomElement(class TokenRatios extends
         this.__registerHost();
     }
     render() {
-        return (h("section", { key: '0fb029d34cba573e04e15030b3fdd1497ac9974e', class: "w-full" }, h("eds-section-core", { key: 'd6914b95ef74d590d58b0c90600fc44f5d9d6678', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: 'f08511f07380707795b810fd0f34c1acdc47d37d', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(ratios).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: "container ratio-box flex items-center justify-center text-center border-2 border-soft", style: {
+        return (h("section", { key: 'a0af49b94d449dfe4b02f6fec8623504ad37d5b8', class: "w-full" }, h("eds-section-core", { key: '0e52b86dc5dc6dab5dba6d3ae3d902fbc2f93ef4', tag: "div", "section-title": "Aspect Ratios", "heading-level": "h3" }, h("ul", { key: '5dc637b53903ebdb599693fe36b956c7d6008085', 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 CHANGED Viewed

@@ -26,7 +26,7 @@ const TokenShadows = /*@__PURE__*/ proxyCustomElement(class TokenShadows extends
         this.__registerHost();
     }
     render() {
-        return (h("section", { key: '18d2b4cdcc3b6d6ce8864a9c36e869be9b9e5cb4', class: "w-full mt-28" }, h("ul", { key: 'b258c50ab37a0445d523187c773e92f6569dd6ad', class: "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: '1b87e2999f2b29677869d9651181135566ba64ff', class: "w-full mt-28" }, h("ul", { key: '010dcbd18c54ee35dc402a26990a37cb0730c5b0', class: "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 CHANGED Viewed

@@ -6,7 +6,7 @@ const TokenSpacing$1 = /*@__PURE__*/ proxyCustomElement(class TokenSpacing exten
         this.__registerHost();
     }
     render() {
-        return (h("div", { key: '144e643ff3f26d09b932b3bfa2086164134728c0', class: "w-full" }, h("ul", { key: '901ef03cdff10b00eb4c8bdbda083760fcde7f24', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '330a1a3bae65fde46111f2213d25e436fd2a91cf', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '1d2a762f9cf33ea03af1d63892f9ab53293ee1e7', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'adb666cc7517d3bf05d3599c75adb94833522848', class: "spacing-sample m-32 bg-darker" }, h("span", { key: 'b7b11b55a5ccc619c2aa9890d1051995ba9a22f7', class: "text-white" }, "Margin: 2rem / m-32")))), h("li", { key: '0cf9be1778f86479eca5db5d38964cdffeb4d336', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '5327b962b290dcaf1479cee8a0ae4c85d195be6f', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '7ada04bb258adad1d06562a6f35d44fcfe21ab5a', class: "spacing-sample ml-64 bg-darker" }, h("span", { key: '5b50ff36cd166f19704cc431ea607fa95fdfe2aa', class: "text-white" }, "Margin Left: 4rem / ml-64")))), h("li", { key: '93c162e7bd651e4e7876e9098327b5d0d6a14001', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'baad427ed16e9f64f268cf4b5172426dee3fbf81', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '4e9cf544dd6ef7bace03d025a887e0c21b7fe3b4', class: "spacing-sample mt-32 bg-darker" }, h("span", { key: '64858f80ac6535ad5d1f5e0dda7ed0b4ea61c9ba', class: "text-white" }, "Margin Top: 2rem / mt-32")))), h("li", { key: 'a5f0b462645727b11bdd874b7883cde9e3208e04', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '90fd6d72e160d5e16088c715153370b53ba07e36', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'c46fbff19edc9b0389b3a3347e96846e8e01d0ea', class: "spacing-sample p-32 bg-darker" }, h("span", { key: '0acbde0ab78642e37e25103260804a096cb9e996', class: "text-white" }, "Padding: 2rem / p-32")))), h("li", { key: 'cdb0d711cad94887bd001defe30f0334dd948d16', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '6874126bd20267fdd9d0031002e24a71e0a39693', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '8ab168cab95089dffdc8bff3b9bb2f9cb1fc3832', class: "spacing-sample pt-32 bg-darker" }, h("span", { key: '4366fbd79ce583f9399bc739da790b01759eb5ea', class: "text-white" }, "Padding Top: 2rem / pt-32")))), h("li", { key: 'affbabf8b1d8c4abdd61f51ac12cac4c5e3460a7', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '6e9eae3de01dd4ff99b19fdfc62eb4a301d5071d', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '5e6788281bc9f57aab48cd768fa81fb98e1e31c3', class: "spacing-sample pl-32 bg-darker" }, h("span", { key: '8fe02840d35475a60536f13abf97bd98cb53b07e', class: "text-white" }, "Padding Left: 2rem / pl-32")))))));
+        return (h("div", { key: '356476122714281daec61c548440aebde6539707', class: "w-full" }, h("ul", { key: '970f3773e8974095cc033f903f064184ce2efbf7', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '09633a00f33076131e1af2c84897fc5e427cb8fe', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '0f6fa253191124f68f38e252cbdd816b2e6a4fed', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '3ea0d517cda698486a86d84b08638e0571a83cbd', class: "spacing-sample m-32 bg-darker" }, h("span", { key: '705336858b45b26fc7949af2c06c7aa0caf06521', class: "text-white" }, "Margin: 2rem / m-32")))), h("li", { key: '0f6db988457ea76155bc8d0f7aa24a6a987b0faa', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '8eefc5b4f1c1decfb77d54b03ab3fd00a303142c', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'ee398d39118bf544bc6b02b4788b53f6625af2f8', class: "spacing-sample ml-64 bg-darker" }, h("span", { key: 'dfc2b6c02727298e8d307c26b00c77cbad7c741d', class: "text-white" }, "Margin Left: 4rem / ml-64")))), h("li", { key: 'f2f058f6576c56b4785675b173a5720bc8b8b5a2', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '79b1d6d5d1a5adf9168d48f21917fd5a45921d4d', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '037bc78f10b1aa70d8dd658d4d0f2f5c4689b9b4', class: "spacing-sample mt-32 bg-darker" }, h("span", { key: '44f1f4a3c85670448aa3888a28d9c977ca786f86', class: "text-white" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '7c20e01a04b1d76d4dcffc14f4df75f5021ece20', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '07a56f648b690e078b21070a55a605c02347d609', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '231c4279bdae8065ef24fec89eecb78651e04611', class: "spacing-sample p-32 bg-darker" }, h("span", { key: 'a07ed52edd29aa0aa6f6b3f246f5a9c0ae01a1d7', class: "text-white" }, "Padding: 2rem / p-32")))), h("li", { key: '9d03ce15cd0d729158e95aa57cfa16ffc198d61f', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '96166a0e3ecfd6c6a66c994964fa15bee8bde642', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '5ab66866c84be4bce570f0b88893b897e9055975', class: "spacing-sample pt-32 bg-darker" }, h("span", { key: '97a396c5d1411994f85e02da470c225a61ceecc3', class: "text-white" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '73e0a494873f0223be3631e317a0de839837c6c0', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'b6d16c13e18c51a9e458beb6a09ba8363016f78f', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '31ecca8519713956f36adeab4ec9d948366ef60c', class: "spacing-sample pl-32 bg-darker" }, h("span", { key: '5be84ed80ae0f13b350a69bced77af95ab9b9a12', class: "text-white" }, "Padding Left: 2rem / pl-32")))))));
     }
 }, [0, "token-spacing"]);
 function defineCustomElement$1() {

package/dist/components/token-typography.js CHANGED Viewed

@@ -206,7 +206,7 @@ const TokenTypography$1 = /*@__PURE__*/ proxyCustomElement(class TokenTypography
         this.__registerHost();
     }
     render() {
-        return (h("section", { key: 'b831c9707b00d17768f585e2015de8a7289b11d2', class: "w-full" }, h("ul", { key: '472e46f2c903597d24e8f24cf28b6f475c7d7a82', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(typography.typesets)
+        return (h("section", { key: 'a3e3710a2d2f37c3da3e6c1d17565ba8a2324843', class: "w-full" }, h("ul", { key: '74e72785acae0c6f507d64f5121fee1ffdab7f49', 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 CHANGED Viewed

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 const ColorPrimaryPalette = class {
     constructor(hostRef) {
@@ -32,7 +32,7 @@ const ColorPrimaryPalette = class {
         ];
     }
     render() {
-        return (h("ul", { key: 'b9b1f4d9c692d3b6f80dd5e50f7c840ed2dd6139', class: "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: '7460398e9b55e735287f39e8a7fd6a6116bd8141', class: "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: 'f3b7eccec4f67008e8ed73c1a0ff23a542e3c516', class: "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: '0910d36be4d6a7a7b8cf1d95a507bb3e1a2f5062', class: "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))))))));
     }
 };
@@ -145,7 +145,7 @@ const ColorSupportPalette = class {
         ];
     }
     render() {
-        return (h("ul", { key: 'bef8701ffa7aec7ea1f0f21a2dfbe1157647bb0a', class: "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 || 'N/A'), h("span", { class: "f-body-02" }, color.pantoneU || 'N/A'))))))));
+        return (h("ul", { key: 'dfac2328c0c7d8f9398ee7c6e7ad82f5acaaeb6a', class: "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 || 'N/A'), h("span", { class: "f-body-02" }, color.pantoneU || 'N/A'))))))));
     }
 };
@@ -181,7 +181,7 @@ const GradientPrimaryPalette = class {
         ];
     }
     render() {
-        return (h("ul", { key: '783eb92c379de99659e65e7cb02a1f0ca9df8758', class: "gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
+        return (h("ul", { key: '64ac6b2a3c62ef21921d0aa75c1f85e672dab1a1', class: "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))))))));
     }
@@ -243,19 +243,19 @@ const GradientSecondaryPalette = class {
         ];
     }
     render() {
-        return (h("div", { key: '4bb98c83660ec855ba6b7faeb83386450c27f5fd' }, h("ul", { key: '55b537cacdc2e3df835615e1658f82810633c485', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'd2f0d5c21e96579ef9a29540df473f821e2b29b6', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'e29f3000a3ee702caba1e1867b5d63be74b0d657', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("div", { key: '18563bbde4b325aed74ee0b01b138a23cdae495c' }, h("ul", { key: 'dbabf8a22ee06cafb4b4cefdd8b68f250ec83f12', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '5f3cddf6bff2942681c67e464b5da2e3ac805d0b', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '22cf209919cac0811959841e6f2aa75728728d4a', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[0].background
-            } }, h("div", { key: 'b1337194dd634b5820cc33707958fd0a2e0e92a6', class: "grid" }, h("span", { key: '0385f9d05575613fcb99e8e01ee04c427ba66a8d', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'bbebf9ca89b0972376225d1708a356777dc6fcca', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'cb70085fe98e4c3e9f535e626b386b1c51b26fc8', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'cfd3721992823321bb75c0e544b28fa13cabd7eb', class: "grid" }, h("span", { key: '00834f078742102f17dfa76a6ab024b0ccbcb7c9', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '35d7c496211ab03ce17e17e839c27bcc5a9ef56f', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: 'baae2cbc6859b137a8588b0e9dd56d0c9e3c3acd', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '7f1c4b5fa75f03395c272b3301d71d122b68d120', class: "grid" }, h("span", { key: 'a10f6c850e37a7e664e770f6a35c0b126cb8418a', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '0e3e4b4ea42aa3040e1367817824cbcb67e12564', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '7947f3621bfcc3a53f06f8067b2f64deea660993', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'bc30dd2504a253d142778e7c5a1a3fd60c90367e', class: "grid" }, h("span", { key: 'd2d183a462473ce02f80724cd3fa2280e4ceb8e0', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '91555d5a4e2b03aae6a887a890b848080781622e', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: 'b16c2c137bf4a738236f8b673f0f7810ad2746ab', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[1].background
-            } }, h("div", { key: '55e3d9d0ce260c574da96b4775ce5f3e3e7fbaf0', class: "grid" }, h("span", { key: 'c29acb597734c8422532cb303af1eaf04be73bbb', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'f1d9139118ce788e0c59d0fb7e8304b8d2ad2b6b', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'f8d92e3e205baf3c60a776ef6928da3f45682397', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '09c594d5fe6a642bb0b8dc813911516cb933488e', class: "grid" }, h("span", { key: '62caf5d0012613e3ce291efc0539224e20da2180', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: '6a6ced363a3b8a3c05298fd82ab9b7ec81d580f3', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '126929a680751e2028b373be442814d677911978' }), h("ul", { key: '522cc84b4b8e1765a97c08927d640981e0a37328', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4db01022fbe75477a88e7c8e7474e431c126dd63', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '92c1d309578f357745dcde72aae7c54b48d1a378', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '1f7a698c4ad373d9513c5925074e81176a824c9a', class: "grid" }, h("span", { key: '2852eb1e5f3fa33a67887eceb315b32c4035f2eb', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '903756ee7952c079d9e9f3d349344ddac243f632', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '2db0546ebeef3538312a6477b92a736c444e503e', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'e61d36591eb298ea6f3fcbabd0b0f9362238fe4f', class: "grid" }, h("span", { key: '8b0ded8e23240b6d4d8edfa3a3aa6c85f25f988b', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: 'fb40588691f07763cf9880d9f8f049002f3e8f06', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: 'c3ed43f27d147d4cb230fa1501e7831bc5147f1e' }), h("ul", { key: '9762bc8bedd63846dc4c0bec57efb65054c5a59c', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'ce9b3991c76437de7f7fc0c94fd6587c4991075a', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'c5d74cb6e29b296c7ed91894498c5bf924de2d0b', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: 'f789570aa4141bd4dbdbe737fca7a666beb5e635', class: "grid" }, h("span", { key: '2d3840caf5ec39e08271b4400f9ce0e425bc796c', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '41cd0250155a4d8413fb5b35677c6121c3539ab3', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'c36680567bbfd9085b2151748a4dfa7e557925d8', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '14241bc8d0354da8eba7fb06eafc6841b182796a', class: "grid" }, h("span", { key: '97bde70e3d904c55fdf1e7d8b13aff954b905644', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'c5734847ceebbcf235c058c7987415cd47bdba86', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '0c016fdccdbb1c372b28da2c47eacbbfb7af32a8', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '888b52e0276da7d9aa3c8e6f2554da86b22c5086', class: "grid" }, h("span", { key: 'a40cd60940f1d32360d0f757d47372319d8ecc9e', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '5a0cd8cb8e93b41be560d817bd5885c6b4461a0e', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'fe48732aa72d3c35e5377bf0ae5ac475a2ca1de4', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '5693b3908af5f0787d965ab028363318639dfec5', class: "grid" }, h("span", { key: 'ae024e8c6d7c28d8c22cce3e98084533a56f4ca8', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '05340bf74e18c28154f8d4df08d32283a5ead23a', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '06ab691118c23a05bebad65d640e5995e7e3af25', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: '0d34612dbff071b4abd0aa2e0b89885ab1088a60', class: "grid" }, h("span", { key: 'ab9628602287dc6543c086cb6b34dd22d40af58c', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '7ca06f7d0801cf664762b274815747e75023b596', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'a910ecaee2d78c6be8af632b497a4fe2d9651a9e', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '420889ad4cb54cd70ed3d10053f836e0b226eee6', class: "grid" }, h("span", { key: 'cc92bf72e7dd47a8d492ef263c46d22c7f5b64b2', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: 'd740c9446d7521e4b6f3e049149d687c74615493', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: 'a6c5dea6ed19042213dcb8c0d12cb3120078c284' }), h("ul", { key: '7eede8a017fc381b57f07c1d3c4cf62b4b9a7f63', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '1202837ab3483b3cb9dd71992e71ea59594596e5', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '5280e99341777daa28196e0be215f58b64d5be37', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '52dd0aab7a5809bbd082a3d3cff2695572ebf6c6', class: "grid" }, h("span", { key: 'bb918b8a0e618124fc55290df71c3813471ee1af', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '91a426d45df887346a9bb7f60bcbbd21718f8b22', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '0f4a629375447d8429c4b8ff2fc040a89e84b5fc', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'b53e0a653cffa7fb4a0988c5bec113efeb5641a7', class: "grid" }, h("span", { key: 'b6f08290063126ba39f73bb657dd10ad52bd8bad', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '9339e232d31c86a33e374f24f152a69e7e5c1a7b', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: '2e3f5b0f5683a67b8f8e9ce83ce250802a7c9004' }), h("ul", { key: '6b9aca7a8e164c6b401fc1a642aa143a468bbb66', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '8bdd9fb9b08ab1ba07a17fdfb6acdd48ae11b28c', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '3d3ea47b21006a0771859a92e15ac4f9b7bf7897', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[4].background
-            } }, h("div", { key: '0a29d5eba0d80789df6e2df892f72a210558bc5f', class: "grid" }, h("span", { key: 'b53837c45946fd2a2e2f44d1ed6ffe86fa15de5d', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '236bb0f5c879da738a5b758982262ef23537e863', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'ae5ed445fb1a5203745d71b9507cc1247c244d95', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'b1ee585cd3ae08d506b42e435e00f885b49f8994', class: "grid" }, h("span", { key: '35c51bc7d60ba9fde2b6eac0ce035e0aceaad92c', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: 'c8796f41fe7ef23bafa9139c19b0807f712a8382', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: 'e849871809560f669619b23a695f20103d5872e8', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'b1dace03d1388205556c95d49cbd756614def991', class: "grid" }, h("span", { key: '094ec7f3f8ddd1275a6fb1b58c84bb111e3ae404', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '336830747c0799da2661ac90a3afa8cb61cb1fab', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '18a585ce75dad73a2ed6a876634ed222db9fd994', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '88a46869e0d40d98cdcff22d82e03d1ac49af723', class: "grid" }, h("span", { key: 'bc766933761ebb18581f5099f08a61b841a267a3', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: 'd3972a70e80e7267f427ec0d68205a778e339d74', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: 'ba98ae739932dc19d1aa4cc34f4ffc02c0e175c0', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[5].background
-            } }, h("div", { key: 'ef1de66807f52f07f65dcdcebb82db99e4488e96', class: "grid" }, h("span", { key: '60e08fa96458ca4e403ac7f44d57fa68c5bdcab8', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: '8c0ca774be1ff12054bfb29ea2b56c12b776f84c', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: '2ad43b9dc6d62df3ed3e057262aca05558781f50', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '6f9ca87ef408575620079ca088ae00252cccd0fc', class: "grid" }, h("span", { key: 'ccd038680073b25d8584f06fd1baab655cf6125c', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: '8705f39198fa91da2b26d334dc1c89cd9f511492', class: "f-body-02" }, this.colors[5].pantoneU)))))));
+            } }, h("div", { key: '2249fc8c98d70a0be85aa516cf84d4fb624e78c7', class: "grid" }, h("span", { key: 'd89fe65247e3e0971a1c66f5e688f8fbd4d91400', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: '39bbde5ac5c4ab66ccb28bd2c8c4495cc1593920', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: '8cb9c77d7bb896ae6f18b445fb044267310ded19', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '16f65aa08412f3fe478fb72d07a27537ada9804d', class: "grid" }, h("span", { key: '997dba028ea8e06c970a624309a82c7dda2316d9', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: '64483b5a8f445664c816b275eb871ef0fcecda19', class: "f-body-02" }, this.colors[5].pantoneU)))))));
     }
 };
@@ -307,11 +307,11 @@ const GradientSupportPalette = class {
         ];
     }
     render() {
-        return (h("ul", { key: 'e1b86872cead72320e3e4cf6cd22e672500cfcab', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '6a39321c305bb9c0f4c79932252faf0c08fd11e6', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '255fb9153e49030054666f086b2e0ac4d6d3dc0e', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: 'fb08851f97cefa4b06a00f7063b558607f5df19e', class: "grid" }, h("span", { key: '4a8a0dc633cca7c36e6ca981e6b85775005ce80f', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '0bebfc5eb567e030e993037f527df3af46615ff2', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'aa06e607647a762ed7150a5aceaeda8c7854a050', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '5c143dd4c8afff2365aad02f68d444fd2234d90f', class: "grid" }, h("span", { key: '47c9334efb42ee8259033bf1a323519d0a048bc7', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: 'bca6d9635f5bcb16ef54154b2d3a2b6734cef7e7', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: 'e78077ac00556ec5faa7d0ec7e3dc2b9ae7643f2', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '10f182a6515a0006f3903dfcf783349870c2e6c2', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: '4ef41025e6e2bb0ebe05933f7fad707c4136c852', class: "grid" }, h("span", { key: 'c2b3c48904efe628b148e080e1487dc8fba70b63', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'ae12e16d9a070b29492a385ff21b6371b9826f85', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'a6e980da23e2c5d0312a9d1a12432388fbba1d56', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'a38408a780756f4e81c8d791e52eb87056755eaf', class: "grid" }, h("span", { key: '0180f83000b733914c33696ef4b6d7257efba396', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: 'fdaab526fcb07f4a58e4daae616da144c2f46666', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: 'c771a8d62610c7255835896fe678136838c05235', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'debe404f676d76d4ee6e0bf70fc1fb596b768a72', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("ul", { key: 'dc57ff3bffa6aea0facf8d1e8fc186139f69e56e', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'e1d8dbfcb363cd25456d10ad4d9f500c3a324ab3', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'd11bbdbb71906dd7331aaaa1327ec2f7adb3914d', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '4badad0801b33acb2b098698bde99760bfd14b80', class: "grid" }, h("span", { key: '77380c331665e198b3a04a93b728d7448158bdf1', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '342dd1997afc6c83c28662101ba7f91ea8566a55', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: 'ddcbdaf618dde60577034a7e861b4cf3bbe667f6', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8a357ee33e9cd94eb30a5678d20cbf4ebf9498bd', class: "grid" }, h("span", { key: '22089c639c787de6f12441041d2f7a2a747f4242', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '0423ab8c9d4e1797e6536829be719e09ca772e28', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: '13c11bcd2017ae7dbbe8c83dcaa6ceeb4ed355e6', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '878df236a48f7c58dfc9fcf1041823efa5b86b6f', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: '3c477c2733d98d2c3c918196274f73e21f1646fe', class: "grid" }, h("span", { key: 'ce1f49df809c94f3b5aaca8bda6b48cded46f0a2', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '99d3fe3b33328b1e2f025abf3622f715ed301f1b', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'de3b2711377cdee0f78aca2391ec59af02e847e3', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'aeaf3c18d0b30e99290bd0bc471eab32540dc495', class: "grid" }, h("span", { key: 'e7665496b791ed0cc6593348ecf9def40a1e80ca', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: 'e205631d4697c84fc65fa93224cdb76e254ec951', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: 'cc17448fa87f6aed9d590aa4f5e2b1110f5e0bda', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'eb68860fede226a32f4bccd49df7df4b4f29c125', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: 'db1beec1c3ad71ef5fcacaa0d14618acc01666f4', class: "grid" }, h("span", { key: 'cc6e9c599d26813756dc0eb0c240169ea5b2856a', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '9f45b4ec7cd579040a135f63aa3b7aadb8f10ada', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '2ce58a56fcfd1a3b8f7855296c929c37b634bfca', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd494a074655c8bcf35d4021b700eafcd9acdfb54', class: "grid" }, h("span", { key: '626ae49228b52ff921b5ce2bc15b12a540618691', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'db8c4d3f246851fd18794e317d20f1a1f9be59b9', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'f27de0de4bfff2bc26ef573a11b770f55f461425', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '377ef135def34f71d52870ebb16aead224b9b794', class: "grid" }, h("span", { key: '3117040c6a1c417dc9ac7629a885975cd459716b', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: 'c800eb6acf0b6182e95ad74376b46f8907507b51', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'b244b778b58b605d3f0939a36930a096763a10e7', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '95681ce98858d2ebc7dca572366eb314e9648d10', class: "grid" }, h("span", { key: '43573821ee81029875fa51580d9b043246a37f91', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'c6083e98c351f4290617b3036a430d96350f6fe0', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'c2b7b895df7c4f8520e147b69ab51d988b5fc36a', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: '386d0e341c37f0baef2c62a13fcba88640b5ec3a', class: "grid" }, h("span", { key: '5b5f541490612b70841e2ea62bad3b8f86587301', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '88b7fd61a6fe4f15bb37d067e8b9f28fe329de0d', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '7d96a904aa3703ffba953ede2e68aae605aa5921', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8a20e30b1c43b8f50eb8cbde0e735a54d4129e26', class: "grid" }, h("span", { key: 'd843ddf7b0328f99400c106e7705aed0626d2f32', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '57ce96cc38ae1f0b91f512841e0738384e543cb1', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '5d96a25dcd51b35b01952ebc94c75cfa1045b8da', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '713e347acd6ee623562db92a24b87a2f36086875', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: 'a62ed8e1fda6deb45b131c4d7cefe355862b33ba', class: "grid" }, h("span", { key: 'bb419133f1bfcd07f05d551a4dafa54331ee1c09', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '774de6f18b6ab9d5539cc6889949b7ef9a0511db', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '87d83ce275bfbba7a8930e1e0fcecf14dee2af59', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '4e4acde29f939b2e7b2d4925490da515b8bcabf1', class: "grid" }, h("span", { key: 'c2276899357a54e0be5d35fcb9cbc01257882a12', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: 'c78d9648c05583b858d75ff0f6aff57a62ff1628', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, h("div", { key: '6f95b56b195779568cb8ee8f2426a413e04efb24', class: "grid" }, h("span", { key: 'e5f3dcdaeefdc080d24bfc70e98c50206215b268', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: 'f22aad83b9de337384791e3900934035e1dfcd6b', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'ec068df8197f86f9d2f433ddd589b89708e035a4', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '61f27c8dccfdfe2004ed7774d06ca38b0ede285d', class: "grid" }, h("span", { key: '9a8e7b7cc4eead6b79423e97b3ff01d3b70a85ec', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '2b5a61e7cdab44181d44db06a3eb5031a31648b8', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '11e3f6ca45cbac17dd3bb8da99c6fd78e5a96b39', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '7e34069adbd3ed1509a35a22e4239e5e56d7f5b3', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: 'c0047f8cb9bf28bec4230fa0aae28e7d3ecb1599', class: "grid" }, h("span", { key: 'a44db9793a74563015861206d3e6d10c3a3de998', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '51a8bce7027c8c151a2f56624dd340fe744d7da6', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '20d8bcda1aed4dd237dddb6079bba68f8f85dda7', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '8e30a85a4418f1173183be58eade4682c6c812dd', class: "grid" }, h("span", { key: '52fa4db1021aa08f5fe4c9cface5562050181eff', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: '7b0d375a2a63b3657eed9b4df0aead1db00255b5', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
     }
 };

package/dist/esm/components.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-e96badea.js';
-export { s as setNonce } from './index-e96badea.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-8a71b9a7.js';
+export { s as setNonce } from './index-8a71b9a7.js';
 import { g as globalScripts } from './app-globals-0f993ce5.js';
 /*
@@ -16,5 +16,5 @@ var patchBrowser = () => {
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"eds-accordion_13\",[[1,\"eds-card-section\",{\"cards\":[1],\"occupyCols\":[2,\"occupy-cols\"]}],[1,\"eds-toast-manager\",{\"toasts\":[32]}],[1,\"eds-matomo-notice\",{\"title\":[1],\"description\":[1],\"deferMsgToast\":[1,\"defer-msg-toast\"],\"optInMsgToast\":[1,\"opt-in-msg-toast\"],\"optOutMsgToast\":[1,\"opt-out-msg-toast\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]}],[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}],[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\"]]],[1,\"eds-accordion\",{\"title\":[1],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"minHeightContent\":[4,\"min-height-content\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32]}],[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]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1],\"rounded\":[4],\"initialsStrong\":[4,\"initials-strong\"]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[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-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]}]]],[\"eds-form\",[[4,\"eds-form\",{\"setFormUrl\":[4,\"set-form-url\"],\"submitBtn\":[4,\"submit-btn\"],\"submitBtnLabel\":[1,\"submit-btn-label\"],\"successMessage\":[1,\"success-message\"],\"errorMessage\":[1,\"error-message\"],\"submitBtnHintMessage\":[1,\"submit-btn-hint-message\"],\"endpoint\":[1],\"name\":[1],\"fields\":[1],\"coupleAuth\":[4,\"couple-auth\"],\"values\":[32],\"formSubmitted\":[32],\"hasError\":[32],\"errors\":[32],\"isSubmitting\":[32],\"alertMessage\":[32],\"isAuthenticated\":[32],\"authUser\":[32],\"parsedFields\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]],{\"fields\":[\"parseFields\"]}]]],[\"eds-svg-repository\",[[1,\"eds-svg-repository\"]]],[\"eds-docs-palettes\",[[0,\"eds-docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-fullscreen-menu\",[[0,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleMenu\",\"handleToggleMenu\"]]]]],[\"eds-user\",[[0,\"eds-user\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"user\":[32],\"authenticated\":[32],\"username\":[32],\"serverAvailable\":[32]}]]],[\"eds-components-section\",[[0,\"eds-components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-timeline\",[[0,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"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\",[[1,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"eds-docs-tokens\",[[0,\"eds-docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-header\",[[4,\"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\"]]]]],[\"eds-steps\",[[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"activeStep\":[32]}]]],[\"eds-vertical-stepper\",[[1,\"eds-vertical-stepper\",{\"steps\":[1],\"activeStep\":[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-logo-variations\",[[0,\"eds-logo-variations\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"incorrect-use-of-colors\",[[0,\"incorrect-use-of-colors\"]]],[\"correct-use-of-colors\",[[0,\"correct-use-of-colors\"]]],[\"eds-breadcrumb\",[[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}]]],[\"eds-frame\",[[0,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"storybookUrl\":[1,\"storybook-url\"],\"storyPath\":[1,\"story-path\"],\"intent\":[1],\"tiny\":[4],\"size\":[1],\"bg\":[4],\"iframeError\":[32]}]]],[\"eds-login\",[[1,\"eds-login\",{\"keycloakUrl\":[1,\"keycloak-url\"],\"keycloakRealm\":[1,\"keycloak-realm\"],\"keycloakClientId\":[1,\"keycloak-client-id\"],\"authenticated\":[32],\"user\":[32]}]]],[\"eds-modal\",[[1,\"eds-modal\",{\"title\":[1],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"],\"position\":[1],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[8,\"keydown\",\"handleKeyDown\"]]]]],[\"eds-navigator\",[[0,\"eds-navigator\",{\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"linkSize\":[1,\"link-size\"],\"linkIntent\":[1,\"link-intent\"]}]]],[\"eds-rating\",[[1,\"eds-rating\",{\"stars\":[2],\"label\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]}]]],[\"token-ratios\",[[0,\"token-ratios\"]]],[\"token-typography\",[[0,\"token-typography\"]]],[\"eds-card-tags\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-tab\",[[0,\"eds-tab\",{\"label\":[1],\"url\":[1],\"active\":[4],\"ariaLabel\":[1,\"aria-label\"]}]]],[\"eds-tabs\",[[0,\"eds-tabs\",{\"id\":[1],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"eds-tabs-content\",[[4,\"eds-tabs-content\",{\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}]]],[\"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\",{\"addClass\":[1,\"add-class\"]}]]],[\"eds-icon-arrow-right\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky\",[[0,\"eds-icon-bluesky\",{\"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-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-more\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-search\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-success\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-twitter\",[[0,\"eds-icon-twitter\",{\"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-tooltip\",[[1,\"eds-tooltip\",{\"content\":[1],\"position\":[1],\"isVisible\":[32],\"isPositioned\":[32],\"tooltipStyle\":[32]},[[1,\"mouseover\",\"showTooltip\"],[1,\"mouseout\",\"hideTooltip\"],[8,\"keydown\",\"handleKeyPress\"]]]]],[\"logo-space\",[[1,\"logo-space\"]]],[\"logo-wrong-usage\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing\",[[0,\"token-spacing\"]]],[\"eds-social-networks\",[[1,\"eds-social-networks\",{\"title\":[1]}]]],[\"eds-footer\",[[0,\"eds-footer\",{\"extraClass\":[1,\"extra-class\"],\"social\":[4],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"showMatomoNotice\":[32]}]]],[\"eds-progress-bar\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"updateValue\":[64]}]]],[\"eds-dropdown_2\",[[0,\"eds-user-modal\",{\"user\":[1],\"links\":[1],\"onLogout\":[16],\"parsedUser\":[32],\"parsedLinks\":[32]},null,{\"user\":[\"parseUserProp\"],\"links\":[\"parseLinksProp\"]}],[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\"]]]]],[\"eds-logo\",[[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}]]],[\"logo-variations-horizontal_2\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"token-list_3\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-block-break\",[[1,\"eds-block-break\",{\"extraClass\":[1,\"extra-class\"]}]]],[\"eds-pagination_2\",[[1,\"eds-table\",{\"data\":[1],\"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\"],\"tableData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[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\"]}]]],[\"eds-alert\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"withBtn\":[32]}]]],[\"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-link\",[[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\"]]]]],[\"eds-input_7\",[[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]}],[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],\"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],\"sliderVal\":[32],\"getInputElement\":[64]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"eds-accordion_22\",[[4,\"eds-form-v2\",{\"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\"]}],[0,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleMenu\",\"handleToggleMenu\"]]],[4,\"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\"]]],[0,\"eds-footer\",{\"extraClass\":[1,\"extra-class\"],\"social\":[4],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"showMatomoNotice\":[32]}],[1,\"eds-matomo-notice\",{\"title\":[1],\"description\":[1],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]}],[1,\"eds-table\",{\"data\":[1],\"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\"],\"tableData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"]}],[1,\"eds-accordion\",{\"title\":[1],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"minHeightContent\":[4,\"min-height-content\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32]}],[1,\"eds-social-networks\",{\"title\":[1]}],[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\"]}],[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]}],[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],\"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],\"sliderVal\":[32],\"getInputElement\":[64]}],[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-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\"]]],[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\"]]],[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-trl\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"eds-form\",[[4,\"eds-form\",{\"setFormUrl\":[4,\"set-form-url\"],\"submitBtn\":[4,\"submit-btn\"],\"submitBtnLabel\":[1,\"submit-btn-label\"],\"successMessage\":[1,\"success-message\"],\"errorMessage\":[1,\"error-message\"],\"submitBtnHintMessage\":[1,\"submit-btn-hint-message\"],\"endpoint\":[1],\"name\":[1],\"fields\":[1],\"coupleAuth\":[4,\"couple-auth\"],\"user\":[16],\"draft\":[4],\"draftData\":[16],\"values\":[32],\"formSubmitted\":[32],\"hasError\":[32],\"errors\":[32],\"isSubmitting\":[32],\"alertMessage\":[32],\"isAuthenticated\":[32],\"parsedFields\":[32]},null,{\"fields\":[\"parseFields\"]}]]],[\"eds-svg-repository\",[[1,\"eds-svg-repository\"]]],[\"eds-docs-palettes\",[[0,\"eds-docs-palettes\",{\"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-components-section\",[[0,\"eds-components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-timeline\",[[0,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"eds-user\",[[4,\"eds-user\",{\"user\":[16]}]]],[\"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\",[[1,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"eds-docs-tokens\",[[0,\"eds-docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-steps\",[[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"activeStep\":[32]}]]],[\"eds-vertical-stepper\",[[1,\"eds-vertical-stepper\",{\"steps\":[1],\"activeStep\":[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-logo-variations\",[[0,\"eds-logo-variations\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-toast-manager\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"incorrect-use-of-colors\",[[0,\"incorrect-use-of-colors\"]]],[\"correct-use-of-colors\",[[0,\"correct-use-of-colors\"]]],[\"eds-breadcrumb\",[[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}]]],[\"eds-frame\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"storybookUrl\":[1,\"storybook-url\"],\"storyPath\":[1,\"story-path\"],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"eds-modal\",[[1,\"eds-modal\",{\"title\":[1],\"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\",{\"addClass\":[1,\"add-class\"]}]]],[\"eds-icon-arrow-right\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky\",[[0,\"eds-icon-bluesky\",{\"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-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-more\",[[0,\"eds-icon-more\",{\"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-twitter\",[[0,\"eds-icon-twitter\",{\"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\",{\"id\":[1],\"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-space\",[[1,\"logo-space\"]]],[\"logo-wrong-usage\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing\",[[0,\"token-spacing\"]]],[\"eds-dropdown\",[[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\"]]]]],[\"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-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\"]]]]],[\"logo-variations-horizontal_2\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"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-alert\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"withBtn\":[32]}]]],[\"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-avatar_4\",[[1,\"eds-card-desc\",{\"description\":[1],\"descClass\":[1,\"desc-class\"],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1],\"rounded\":[4],\"initialsStrong\":[4,\"initials-strong\"]}],[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1]}]]]]"), options);
 });

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-e96badea.js';
+import { r as registerInstance, h } from './index-8a71b9a7.js';
 const primary = [
     {
@@ -57,7 +57,7 @@ const CorrectUseOfColors = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '58274bc750821893f1ff6db6af0c92557e2037dc', class: "container" }, h("p", { key: 'f16ae70777dc595edb9f8ef20df33721816a472a', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'c98c49daddf43987002dd69ab1c00dffbae5e69a', label: "primary", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'e466f6f7e05f68896114551f59673c707d5fd30f', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '32dfc27beebbbab3949c7695293800a2ff552ceb', class: "flex" }, h("div", { key: 'e01d74cf63c84f66d868e180589b45cbc59ebff7', class: "w-full" }, h("ul", { key: '162e9c5ed57689a94c5c59e2664bba2adfcd60fc', class: "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: 'bb71abb645789030487eccdd0abaf9b223c12ec8', class: "w-full" }, h("ul", { key: 'f85702460f89881d6b8642decad848affdc7002f', class: "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: '7b5b8b9c0013a91c97f24c239bde32a727695707', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '81dc2c31eb283a2f64a1fd32329b35b1d04afc12', label: "purple", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'd90877918d973595a7b8bdacd6bb80f1f04cab5b', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '81cf06bb6932b2120b210e7d1ee9d556cedc949b', class: "flex" }, h("div", { key: '2cc1571fe83620fcfa8f961af93b7b0e8e970eb2', class: "w-full" }, h("ul", { key: 'b6b1f7f874dbd8784a0253187438c2eb6282a815', class: "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: '49a874de125699d800aee6256bb5b3bf9a0bf907', class: "w-full" }, h("ul", { key: '10d41b5ab948c87c8db43fbddefbe3453c5384a9', class: "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: 'bc7c40435b87cd31b5bbb2315b3f50fa88b5bafb', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'd5a9f4c30d9108bd8c8207ee0130a15b9c7ff53f', label: "blue", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '35c2440f2c606cd4e8e69b33850ca908f6f36a4a', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'cf9dde65d107b20c67e0036e891ad37c1d685477', class: "flex" }, h("div", { key: '807350f20ee902df273ce35c217bcaa134502d13', class: "w-full" }, h("ul", { key: '8198d1e59cb9477978a0b78714e7884a75ce52c0', class: "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: 'ed4f89cd3d5544a199d0a516e23ee877c16dad6a', class: "w-full" }, h("ul", { key: '47f8617629f34252b2d533f5932dd14b9117f601', class: "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: '7b99385726cda59f07b66ff99e050588d5778421', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'f3719f08484d40ceb9ece89474f473cf9e44ee53', label: "redish", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'f1ee0fbf78a5da5f6a7a0836f63cc3312f68a547', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '833dcd6ad96a0c36a127c5384d0858b879bf0b05', class: "flex" }, h("div", { key: 'cf1297f1dfed3e70c184cdb3f4e116292ce1e57f', class: "w-full" }, h("ul", { key: '9d8d9e0f78348cee56f6c91b3289a90f25c088e4', class: "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: '836dfd427a087ee512970bf52ee0612a24cfaa72', class: "w-full" }, h("ul", { key: '08e2b7603c2c093b2bd8931d1993aca89801ad1d', class: "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: 'ade28f6aa4a670443a4d077ff534117acb265bfe', class: "container" }, h("p", { key: '23adcbeb3a15cd2b1248f63c808ddbe7cacef531', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '9b8b9909d409565e2c37cd4048a84b7c3751147f', label: "primary", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'fb3fe62e34d86fe345cbe177eef5b9ac57b749d5', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'e24ff6eed3125519961d1cdd7789ada200d8cc3b', class: "flex" }, h("div", { key: '670ef68f1f25d9267e9a8eb90a94e6300b9d78d3', class: "w-full" }, h("ul", { key: '2ed821a59b849dd540233371f831a16974a2dc99', class: "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: 'b72cc79258522b595d4bd024de51b2dec6458f57', class: "w-full" }, h("ul", { key: '9650c15d16fc184f0f5c518da5944567afe30fd6', class: "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: 'ff9c1ae248f5cdc91bf9fe902e2a5aa00394a27c', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '1fcdd015426a1512ea9a70a732e4615447238e7f', label: "purple", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'ec0b3529cfcb402556274e83a2a62d899eb8c7e9', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: 'edcd735b912341fdaaac6087c0d838a3341af687', class: "flex" }, h("div", { key: '8a96a72c29fb46b8189080ca257832cad444fd40', class: "w-full" }, h("ul", { key: 'a169a2f187db3fabc955ea28aed6019b5904b9f4', class: "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: 'ba11e5e1ce445aec36d4eb3baf5ae39c956704fe', class: "w-full" }, h("ul", { key: '01c6ee6e5a77cafbb38928afdd6716a5aec6c93c', class: "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: '91ff22c373f1ae354ab9f76008f16d5e5be21331', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: 'a58977e316d22cb662173cc9d2d76448808fb2f8', label: "blue", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: '0fd12af19848395b2a631a5ccb33b0530005bebc', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '38c4eea411b4021dbf15cc7d73ff26371d8175a4', class: "flex" }, h("div", { key: 'bdd75c354631d54fa03ea35e798ab5dcbde4f248', class: "w-full" }, h("ul", { key: '8777390f722798653df7ec72e6596a36246a5f2b', class: "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: 'c61047b695bdc8d29f5c665753b4ebfa2cbb272a', class: "w-full" }, h("ul", { key: '7de74c3a918a30cacaf4ffb78d24145d78e4511a', class: "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: 'd0c3a7170ba185caccf3cecf7e4d39cce5292c49', class: "f-body-01" }, "This guide demonstrates the correct usage of the", h("eds-link", { key: '16ae6a94124ea87782095058857d47a4a91789a9', label: "redish", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#primary-palette", "extra-class": "inline-block ml-4" }), "and", h("eds-link", { key: 'c5c4d82a809a586637f00013782e69fa6bab2879', label: "support", size: "small", intent: "blueish", icon: "chevron-right", url: "../color-palette/#support-palette", "extra-class": "inline-block ml-4" }), "color palettes."), h("div", { key: '83d408a58b5bf5dddbcceb2336ffa7c58bdcea44', class: "flex" }, h("div", { key: 'dca88ee121c036f50f23105cd8a430ed883f19db', class: "w-full" }, h("ul", { key: '9b12b41325dfb100e87e1ced15f4b1b9c3457822', class: "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: '013e039ef9ebecdde9b59c82d819047976e77523', class: "w-full" }, h("ul", { key: '7c6125cc0f7e9998c1f74be9456a8a171545edf1', class: "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 } })))))))));
     }
 };