@ebrains/components 2.1.0 → 2.3.0

package/dist/collection/components/eds-modal/eds-modal.css

@@ -42,12 +42,14 @@
     z-index: 50;
 }
 
-.z-9999999 {
-    z-index: 9999999;
+.z-9999991 {
+    z-index: 9999991;
 }
+
 .w-full {
     width: 100%;
-  }
+}
+
 .min-w-full {
     min-width: 100%;
 }
@@ -120,16 +122,20 @@
 
 .top-0 {
     top: 0rem;
-  }
-  .left-0 {
+}
+
+.left-0 {
     left: 0rem;
-  }
+}
+
 .top-20 {
     top: 1.25rem;
 }
+
 .bottom-0 {
     bottom: 0rem;
-  }
+}
+
 .bottom-20 {
     bottom: 1.25rem;
 }
@@ -271,34 +277,47 @@
 @media (min-width: 750px) {
     .md\:bottom-20 {
         bottom: 1.25rem;
-      }
+    }
+
     .md\:w-auto {
         width: auto;
-      }
-      .md\:top-20 {
+    }
+    
+    .md\:min-w-\[500px\] {
+        width: 500px;
+    }
+
+    .md\:top-20 {
         top: 1.25rem;
-      }
-      .md\:top-1\/2 {
+    }
+
+    .md\:top-1\/2 {
         top: 50%;
-      }
+    }
+
     .md\:left-1\/2 {
-      left: 50%;
+        left: 50%;
     }
+
     .md\:flex {
-      display: flex;
+        display: flex;
     }
+
     .md\:hidden {
-      display: none;
+        display: none;
     }
+
     .md\:-translate-x-1\/2 {
-      --tw-translate-x: -50%;
-      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+        --tw-translate-x: -50%;
+        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
     }
+
     .md\:-translate-y-1\/2 {
-      --tw-translate-y: -50%;
-      transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+        --tw-translate-y: -50%;
+        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
     }
+
     .md\:gap-y-12 {
-      row-gap: 0.75rem;
+        row-gap: 0.75rem;
     }
-  }
+}

package/dist/collection/components/eds-modal/eds-modal.js

@@ -121,9 +121,9 @@ export class EdsModal {
     render() {
         // Generate a unique id for the title so we can reference it for aria-labelledby.
         const titleId = `modal-title-${this.el.tagName.toLowerCase()}`;
-        return (h("div", { key: '14c35228e2aaf72d59f1766fd8e69fcd06ea5270', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (h("div", { key: '34b5dad3a31cd9a66135ce9d93d48215712529b9', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
+        return (h("div", { key: 'e0f35ad87e3b21b98d8d37640f660f2fd490d748', id: "eds-modal", class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999991 flex`, role: "dialog", "aria-modal": "true", "aria-labelledby": titleId }, this.isOpen && (h("div", { key: 'cd0bc54ff3e25545709c26f19b2a30f838423250', class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
             ,
-            onClick: () => this.close() })), h("div", { key: '5268780d170f080404d2c3ab0bb3f355b50895cb', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, h("div", { key: '20c094f3fb3cd31280118d687dec311a8aa59f57', class: `flex justify-between items-center border-b-2 border-softer px-20 py-20  ${this.inverseHeader ? 'bg-strongest text-inverse' : 'bg-dark text-default'}` }, h("span", { key: 'de7ff288945cd6e0a8c97d9c40cf02cc5ba4ea41', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), h("eds-button", { key: 'a46dc51081ad99856cfa81ccdf2ab060f644c7cb', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), h("div", { key: '45557580b90ae4f5d176eaa4805ce527d6e59eec', class: "pt-8 px-20 py-20" }, h("slot", { key: 'b67c888a32c615c5073768ec3cd4e342a34a84c6' })))));
+            onClick: () => this.close() })), h("div", { key: '314c45094d1f3b7d1b725341a3294fdca9732a26', class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center` }, h("div", { key: '8401bca8601d7681d641c04d16a4efe7ba1a4a9f', class: `flex justify-between items-center border-b-2 border-softer px-20 py-20  ${this.inverseHeader ? 'bg-strongest text-inverse' : 'bg-dark text-default'}` }, h("span", { key: '9a761bf7dc2a97d192a0d280533e6bbcba1871d2', id: titleId, class: `f-heading-04 ${this.getTruncateClass()}` }, this.heading), h("eds-button", { key: '631a15d8b010215d68243bcd43ec5c45899474bf', intent: "tertiary", icon: "close", "aria-label": "Close modal", onClick: () => this.close(), "extra-class": "ml-8 text-default" })), h("div", { key: '6718fd42a10f6f861fb910e1b32d42607cf8b7bf', class: "pt-8 px-20 py-20" }, h("slot", { key: 'ac9289dd32dcd985d79c882cddb3203b57f42101' })))));
     }
     static get is() { return "eds-modal"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-nps/eds-nps.js

@@ -61,13 +61,13 @@ export class EdsNps {
     }
     render() {
         const count = this.max - this.min + 1;
-        const fallback = 0;
-        return (h("div", { key: 'd675e1e4ecc306511c0324d0b76ee66237cb6738', class: "eds-nps" }, h("eds-input-label", { key: '2eede06f6ee166c36b0cf315a35435c89c3c0ba5', id: "nps-question", name: "nps-question", label: this.question }), h("div", { key: '16105649fe6b3b229127c9a741367a6381db774f', role: "group", id: "nps-buttons", "aria-labelledby": "nps-question", class: "grid grid-cols-11", onKeyDown: (e) => this.handleKeyNav(e) }, Array.from({ length: count }, (_, i) => {
+        //onst fallback = 0;
+        return (h("div", { key: '51e0d272693fd42d1f239f8498d9a5744dead8d7', class: "eds-nps" }, h("eds-input-label", { key: 'f9d3b65985e221f9608da3aba22cc1dc4dd54417', id: "nps-question", name: "nps-question", label: this.question }), h("div", { key: '00b22eff70fd1dd3d210e17aaef5df2057f99bb7', role: "group", id: "nps-buttons", "aria-labelledby": "nps-question", class: "grid grid-cols-11", onKeyDown: (e) => this.handleKeyNav(e) }, Array.from({ length: count }, (_, i) => {
             const val = this.min + i;
             const isSelected = val === this.selectedValue;
-            const tabIndex = this.selectedValue === null ? (i === fallback ? 0 : -1) : isSelected ? 0 : -1;
+            const tabIndex = isSelected ? 0 : -1;
             return (h("div", { class: "grid-col-span-1", key: val }, h("eds-button", { tabindex: tabIndex, label: `${val}`, "aria-label": `${val}`, intent: isSelected ? 'primary' : 'ghost', "extra-class": "!block !px-0 w-full", triggerClick: () => this.handleClick(val) })));
-        })), h("div", { key: 'e7bd70a4f1a8083d9c3e08fdf8de55999a27d92d', class: "flex justify-between mt-8" }, h("span", { key: 'ea3fbbac20a162e7cf5f2d5e3321c8bc9297014e', class: "f-ui-04 text-light ml-4" }, this.leftLabel), h("span", { key: '3ff59cde0c532587ead8b8a1eaaff6c630e7e7ac', class: "f-ui-04 text-light mr-4" }, this.rightLabel))));
+        })), h("div", { key: '7289bd6476a2080be3c02011240e2493b84079e5', class: "flex justify-between mt-8" }, h("span", { key: 'ebfcebd9aa3d11cf298e44987debd8edef1f6e40', class: "f-ui-04 text-light ml-4" }, this.leftLabel), h("span", { key: '002f9878b267439af9f83f9ffd1b52eaef46b929', class: "f-ui-04 text-light mr-4" }, this.rightLabel))));
     }
     static get is() { return "eds-nps"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-pagination/eds-pagination.css

@@ -141,6 +141,18 @@ menu {
   transition-duration: 150ms;
 }
 
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
 @media (min-width: 900px) {
   .lg\:\!pr-12 {
     padding-right: 0.75rem !important;

package/dist/collection/components/eds-pagination/eds-pagination.js

@@ -238,7 +238,7 @@ export class EdsPagination {
         if (newPage !== this.currentPage) {
             this.links = this.links.map((link) => typeof link === 'object' ? Object.assign(Object.assign({}, link), { current: parseInt(link.label) === newPage }) : link);
             const pageChangeEvent = new CustomEvent('page', {
-                detail: newPage,
+                detail: { value: newPage },
                 bubbles: true,
                 composed: true
             });
@@ -248,7 +248,7 @@ export class EdsPagination {
     }
     render() {
         const navigableIndex = -1; // Track index for keyboard navigation
-        return (h("div", { key: '753a7e573a09e7fcb66eac9e11e00f690c49543d' }, this.total > 0 && this.mode === 'default' && (h("p", { key: '6286d71622614a835d471812a55d5c6bef37a13e', class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, h("span", { key: 'daa7bfa31e736a40c46641fed88653d51eeabc67', class: "text-light sr-only" }, "Results:"), this.pageResults())), this.mode === 'navigator' || (this.lastPage && this.lastPage > 1) ? (h("nav", { "aria-label": "Pagination Navigation", "aria-describedby": this.mode === 'default' ? 'pagination-info' : undefined, onKeyDown: this.handleKeyDown }, h("ul", { class: "flex items-center justify-center gap-x-8", role: "list" }, h("li", { class: "mr-auto" }, this.useButtons ? (h("div", { class: "pagination-button-wrapper", onFocus: () => this.handleItemFocus(navigableIndex) }, h("eds-button", { label: this.prevLabel, disabled: this.mode === 'navigator' ? !this.prevUrl : this.isFirstPage(), "aria-label": "Go to previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "ghost", "extra-class": "!p-8 lg:!pr-12 pagination-button", onClick: (event) => {
+        return (h("div", { key: 'bf34cb68555555ef984592b261929cfb5ef93048' }, this.total > 0 && this.mode === 'default' && (h("p", { key: '47b8034e6fd839151cdaff04d4df43fec520ce40', class: "f-ui-03 text-light mb-28 w-full text-center", "aria-live": "polite", id: "pagination-info" }, h("span", { key: 'd9d340393777b7b6e808fa21d38f691f1002b363', class: "text-light sr-only" }, "Results:"), this.pageResults())), this.mode === 'navigator' || (this.lastPage && this.lastPage > 1) ? (h("nav", { "aria-label": "Pagination Navigation", "aria-describedby": this.mode === 'default' ? 'pagination-info' : undefined, onKeyDown: this.handleKeyDown }, h("ul", { class: "flex items-center justify-center gap-x-8", role: "list" }, h("li", { class: "mr-auto" }, this.useButtons ? (h("div", { class: "pagination-button-wrapper", onFocus: () => this.handleItemFocus(navigableIndex) }, h("eds-button", { label: this.prevLabel, disabled: this.mode === 'navigator' ? !this.prevUrl : this.isFirstPage(), "aria-label": "Go to previous page", icon: "chevron-left", "icon-pos": "left", size: "small", "icon-small": "true", intent: "ghost", "extra-class": "!p-8 lg:!pr-12 pagination-button", onClick: (event) => {
                 if (this.mode === 'default' && !this.isFirstPage()) {
                     this.handlePageClick(event, (this.currentPage || 1) - 1);
                 }

package/dist/collection/components/eds-progress-bar/eds-progress-bar.js

@@ -39,7 +39,7 @@ export class EdsProgressBar {
         ]
             .filter(Boolean)
             .join(' ');
-        return (h("div", { key: '2a620231eaa84ba7e89e05da48175624fdc92d31', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, h("div", { key: '660e2c84ad358c0de1d9548b730308505e79bcd6', class: fillClasses, style: { width: `${progressValue}%` } }), h("div", { key: '4d0fa2a209d315b658f80906b95a0bf255c82c78', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, h("span", { key: '0d423e16659d84b2d050f7d60ced4aefeeef9022', class: "text-default f-body-02" }, progressValue, "%"))));
+        return (h("div", { key: '6a0e7cb42770cecd023f07cd26a3e2716a9c9905', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, h("div", { key: '854743f0fc1b916ec24c7e657349871f2175fc64', class: fillClasses, style: { width: `${progressValue}%` } }), h("div", { key: '74d46ff06e9b41d81563b49c1939a989e32877d5', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, h("span", { key: '0c5925f73934b71e96c6d006c4f7b3a21d144b74', class: "text-default f-body-02" }, progressValue, "%"))));
     }
     static get is() { return "eds-progress-bar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-rating/eds-rating.js

@@ -60,12 +60,12 @@ export class EdsRating {
         this.onSelect(next);
     }
     render() {
-        return (h("div", { key: 'bd72970d86f2dbb21d58671fc85feea3011749b3', id: "rating-buttons", role: "radiogroup", "aria-labelledby": "rating", class: "stars flex space-x-1 my-8", onKeyDown: (e) => this.handleKeyNav(e) }, Array.from({ length: this.ratingCount }, (_, index) => {
+        return (h("div", { key: '764b3b37545e97f028423fd5760b882e6151f767', id: "rating-buttons", role: "group", "aria-labelledby": "rating", class: "stars flex space-x-1 my-8", onKeyDown: (e) => this.handleKeyNav(e) }, Array.from({ length: this.ratingCount }, (_, index) => {
             const starRating = index + 1;
             const isSelected = starRating <= this.selectedRating;
             // Use the mapping text if available; otherwise, fall back to a generic label.
             const checked = this.selectedRating === starRating;
-            return (h("eds-button", { ref: (el) => (this.buttonRefs[index] = el), icon: this.ratingType, role: "radio", "aria-checked": checked, "aria-label": `${starRating} ${this.ratingType}${starRating > 1 ? 's' : ''}`, onClick: () => this.onSelect(starRating), tabIndex: checked || (this.selectedRating === 0 && index === 0) ? 0 : -1, intent: isSelected ? 'primary' : 'ghost', size: "large", "extra-class": "p-2" // Optional padding or styling for the star button
+            return (h("eds-button", { ref: (el) => (this.buttonRefs[index] = el), icon: this.ratingType, "aria-label": `${starRating} ${this.ratingType}${starRating > 1 ? 's' : ''}`, onClick: () => this.onSelect(starRating), tabIndex: checked || (this.selectedRating === 0 && index === 0) ? 0 : -1, intent: isSelected ? 'primary' : 'ghost', size: "large", "extra-class": "p-2" // Optional padding or styling for the star button
             }));
         })));
     }

package/dist/collection/components/eds-section/eds-section-core/eds-section-core.js

@@ -20,7 +20,7 @@ export class EdsSectionCore {
     }
     render() {
         const TagType = this.tag; // Set dynamic tag type (div or section)
-        return (h(TagType, { key: 'b77b5af1c6f3acbc2696a9608b55199ed4110d71' }, h("eds-section-heading", { key: '464dd4c67d69d1ef3ed1d932081c3195a2b51503', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), h("slot", { key: 'b5dbd4f55aee2df3bcbc44e21a134544ffd733f7' })));
+        return (h(TagType, { key: '4765a07e798f1a622c25ec145c31345b27e1815d' }, h("eds-section-heading", { key: 'a320ac532863eaabbc1901ab5d9e9d0c14ae7556', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), h("slot", { key: '8de34d1949c0a7d0d83f977d18d36f435444401d' })));
     }
     static get is() { return "eds-section-core"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-section/eds-section-heading/eds-section-heading.js

@@ -36,12 +36,12 @@ export class EdsSectionHeading {
     render() {
         const TagType = this.tag; // Dynamically set tag type for the container
         const HeadingTag = this.headingLevel; // Dynamically set heading level
-        return (h(TagType, { key: '4ae69ea354156a0e35a8884a63d7556ead8ada24', class: {
+        return (h(TagType, { key: '960224968ba731050d2b208a07c1faddc386746b', class: {
                 'ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8': true,
                 container: this.withContainer,
                 'pt-48': this.spacingLarge,
                 'pt-28': !this.spacingLarge
-            } }, h(HeadingTag, { key: 'a3549fb733687c3ff31f17bdc362275eb0b29e31', class: this.getHeadingClass() }, this.sectionTitle)));
+            } }, h(HeadingTag, { key: 'fc93452bfe1bac130654a187d7d42ee18f273147', class: this.getHeadingClass() }, this.sectionTitle)));
     }
     static get is() { return "eds-section-heading"; }
     static get properties() {

package/dist/collection/components/eds-spinner/eds-spinner.js

@@ -71,7 +71,7 @@ export class EdsSpinner {
                 alignItems: 'center',
                 justifyContent: 'center'
             };
-        return (h(Host, { key: 'cbf9cead7c7c6bc5314c074f7249c920eb60d326' }, h("div", { key: 'd22c71a76af3f53c649e547538e0f1627cd9ecd0', class: "spinner-overlay", style: overlayStyle }, h("span", { key: '83b42f7ee9ba4d356bd82097989b8be1db8a8ef9', class: "spinner", style: spinnerStyle }), this.message && h("p", { key: '0a2c4efe46b8f86a037d29de699534441bf7585e', class: "f-body-01" }, this.message))));
+        return (h(Host, { key: 'dbf06a1430e3a69314ec016937a9b3ba89229353' }, h("div", { key: '12a51b0eed154fd2c6b6ae4ce586630a8f61164a', class: "spinner-overlay", style: overlayStyle }, h("span", { key: '0e63b80c45efec7b226b5f4277fe00e4f7bc4f1b', class: "spinner", style: spinnerStyle }), this.message && h("p", { key: '8625d4589ec26c9513d1dc7a53fa17b9874fcf3c', class: "f-body-01" }, this.message))));
     }
     static get is() { return "eds-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-switch/eds-switch.js

@@ -45,11 +45,11 @@ export class EdsSwitch {
                     : this.labelOff
                 : 'Toggle switch'
             : undefined;
-        return (h("div", { key: 'f4c99a2ec360af6030de11698bab82833b3f415f', class: "switch-container" }, this.labelOff && (h("span", { key: '8bb8d063e744c194c0d44a0c371ae8224f9611cb', id: `${switchId}-off`, class: "switch-label switch-label--off mr-8" }, this.labelOff)), h("button", { key: 'ccc49c8ac6f639707c90822e24f3ae3ab8f2c26c', id: switchId, tabindex: this.disabled ? '-1' : '0', type: "button", role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-labelledby": labelledBy.length > 0 ? labelledBy.join(' ') : undefined, "aria-label": accessibleLabel, class: {
+        return (h("div", { key: 'd73bf797be76e256e065ab8b4fbe68a44802d3f1', class: "switch-container" }, this.labelOff && (h("span", { key: 'f4897e3d9948358a82bd61ea26c86e0d2eba81b5', id: `${switchId}-off`, class: "switch-label switch-label--off mr-8" }, this.labelOff)), h("button", { key: 'a01753fce0fedbf8a25d2cd64c662da8e69fef95', id: switchId, tabindex: this.disabled ? '-1' : '0', type: "button", role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-labelledby": labelledBy.length > 0 ? labelledBy.join(' ') : undefined, "aria-label": accessibleLabel, class: {
                 switch: true,
                 'switch--checked': this.checked,
                 'switch--disabled': this.disabled
-            }, onClick: this.toggleSwitch, onKeyDown: this.handleKeyDown, disabled: this.disabled }, h("span", { key: '2275930bc9909c0a95c6c10e28f715fe1afe9294', class: "switch-handle" })), this.labelOn && (h("span", { key: 'd789fd15943c1fadf1f87c55059261eaf5e05a8f', id: `${switchId}-on`, class: "switch-label switch-label--on ml-8" }, this.labelOn))));
+            }, onClick: this.toggleSwitch, onKeyDown: this.handleKeyDown, disabled: this.disabled }, h("span", { key: 'eee315ce803b246cbe73e9d42635cbaa775febdb', class: "switch-handle" })), this.labelOn && (h("span", { key: 'f1229ffea8041dea2237a032292a4465fc76e216', id: `${switchId}-on`, class: "switch-label switch-label--on ml-8" }, this.labelOn))));
     }
     static get is() { return "eds-switch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/eds-table/eds-table.css

@@ -79,6 +79,10 @@ table {
     padding: 0rem;
 }
 
+.p-4 {
+    padding: 0.25rem;
+}
+
 .m-0 {
     margin: 0rem;
 }

package/dist/collection/components/eds-table/eds-table.js

@@ -162,7 +162,7 @@ export class EdsTable {
         }
         const paginationEl = this.hostEl.shadowRoot.querySelector('eds-pagination');
         if (paginationEl && !paginationEl.hasAttribute('listener-attached')) {
-            paginationEl.addEventListener('page', (event) => this.handlePageChange(event.detail));
+            paginationEl.addEventListener('page', (event) => this.handlePageChange(event.detail.value));
             paginationEl.setAttribute('listener-attached', 'true');
         }
     }
@@ -211,7 +211,9 @@ export class EdsTable {
             return (h("eds-input-field", { name: `chc-${actionName}`, label: act.label, type: "checkbox", checked: checked, onChange: (e) => this.emitAction(act.name, row, e.target.checked) }));
         }
         // Let all action buttons be focusable naturally
-        return (h("eds-button", { label: act.label, icon: act.icon, pill: true, size: "small", intent: "ghost", tabIndex: 0, onClick: () => this.emitAction(act.name, row) }));
+        const showLabel = act.showLabel === true;
+        const btn = (h("eds-button", { icon: act.icon, label: showLabel ? act.label : null, iconPos: "left", pill: true, size: "small", intent: "ghost", tabIndex: 0, onClick: () => this.emitAction(act.name, row) }));
+        return showLabel ? btn : h("eds-tooltip", { content: act.label }, btn);
     }
     emitAction(actionName, row, checked) {
         sendAnalytics({
@@ -257,7 +259,7 @@ export class EdsTable {
         const columnWidth = visibleColumnsCount > 0 ? Math.floor((currentContainerWidth / visibleColumnsCount) * this.divisionFactor()) : 100;
         const paginatedRows = this.getPaginatedRows();
         const lastPage = Math.ceil(this.totalRows / this.rowsPerPage);
-        return (h("div", { key: '87e7cc3c87618ede91bb51d7a07cd597a438d6c5' }, this.searchEnabled && (h("div", { key: '6b77700a913e272eef4c932d40c5c5d001ff6b5c' }, h("eds-input-field", { key: 1, name: "search", "aria-label": "Search", type: "text", placeholder: "Search...", onInput: (event) => this.handleSearch(event) }))), h("div", { key: '6f2ffc7a3ba2cc8e8194670a7ecb9e237f7dc60a', class: "mt-20" }, h("table", { key: '0227d3029f30ab9928cd01ba8dc2eccde2073f47', class: "block overflow-x-auto mt-6 p-0" }, h("thead", { key: 'c1f844d8413b596d5ca07d6b79ebd36c8a17f51f' }, h("tr", { key: 'caadaaf66314e3ea7d47a748b6e899389a7e2d55', class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((col) => {
+        return (h("div", { key: '0c986dec22a52676b110fad1f7f82ef792da796e' }, this.searchEnabled && (h("div", { key: '855c5c3d6c2b86e75a210c0296524bc8029e37f2' }, h("eds-input-field", { key: 1, icon: "search", name: "search", "aria-label": "Search", type: "text", placeholder: "Search...", onInput: (event) => this.handleSearch(event) }))), h("div", { key: '62b18340bbf992dba888c2d24ff306ada8a1a985', class: "mt-20" }, h("table", { key: '656dd0dd7f99611c2bd9beea4cd1f37f57da1384', class: "block overflow-x-auto mt-6 p-0" }, h("thead", { key: '1278ea89f588aa52c215c32bcc03c424e4501fed' }, h("tr", { key: '186e6ac48859dd9f7cbf8c4f4fb5f6bfddfd4d34', class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((col) => {
             var _a;
             if (col === 'actions') {
                 return (h("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${columnWidth - 4}px` } }));
@@ -266,7 +268,7 @@ export class EdsTable {
                 return (h("th", { class: "m-0 py-8 border border-softer f-ui-02 break-words", style: { minWidth: `${columnWidth - 4}px` } }, this.capitalize(col)));
             }
             return null;
-        }))), h("tbody", { key: 'da9286063f16a5c346ce8854361cb15573166a19' }, paginatedRows.map((row) => (h("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((col) => {
+        }))), h("tbody", { key: 'b27bd372efe64469d2a5001dc6d5b464eb419217' }, paginatedRows.map((row) => (h("tr", { class: "m-0 p-0 border border-softer even:bg-inverse-softer" }, this.columns.map((col) => {
             var _a;
             if (col === 'actions') {
                 return (h("td", { class: "text-center border border-softer m-0 f-ui-02 break-words actions-cell", style: { minWidth: `${columnWidth - 4}px` } }, h("div", { role: "toolbar", "aria-label": "Row actions", onKeyDown: this.onActionKeyDown, style: {
@@ -281,7 +283,7 @@ export class EdsTable {
                 return (h("td", { class: "text-center border border-softer m-0 py-8 f-ui-2 break-words", style: { minWidth: `${columnWidth - 4}px` } }, this.renderCell(row[col], col)));
             }
             return null;
-        }))))))), this.shouldEnablePagination() && (h("div", { key: 'b7e7991225cf9fb16ca882dc42c7adead202aac5', class: "mt-20" }, h("eds-pagination", { key: '011f209f89300357e6052ee4d118f353419d5a45', currentPage: this.currentPage, lastPage: lastPage, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })))));
+        }))))))), this.shouldEnablePagination() && (h("div", { key: 'd442153f48c85c6de1a0752d1348d8814811faed', class: "mt-20" }, h("eds-pagination", { key: '4c48c96eacb112002b0110e85dce0dab94350dfb', currentPage: this.currentPage, lastPage: lastPage, perPage: this.rowsPerPage, total: this.totalRows, mode: "default" })))));
     }
     static get is() { return "eds-table"; }
     static get encapsulation() { return "shadow"; }
@@ -440,7 +442,7 @@ export class EdsTable {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Array of actions to render in each row.\nEach action should have:\n - `name`: a unique key (e.g. \"view\", \"delete\")\n - `label`: what shows in the button (or you could pass an icon name here)"
+                    "text": "Array of actions to render in each row. Can be passed as a JSON string or as a `TableAction[]`.\n\nEach action object may include:\n - `name`       (string; required)  \u2014 unique action key, e.g. `\"view\"`, `\"delete\"`.\n - `label`      (string; required)  \u2014 text shown on the button, or used as the tooltip/aria-label when icon-only.\n - `type`       (\"button\" | \"checkbox\"; optional) \u2014 whether to render a standard button (default) or a checkbox.\n - `icon`       (string; optional)  \u2014 name of the icon to display in icon-only mode.\n - `field`      (string; optional)  \u2014 for checkboxes, the row field whose truthiness binds the checked state (defaults to `name`).\n - `showLabel`  (boolean; optional) \u2014 if `true`, render the full `label` instead of an icon + tooltip.\n\nWhen you pass JSON, make sure field names match exactly:\n```html\nactions='[\n  { \"name\":\"view\",  \"label\":\"View\",  \"icon\":\"eye\" },\n  { \"name\":\"edit\",  \"label\":\"Edit\",  \"icon\":\"pencil\", \"showLabel\":true },\n  { \"name\":\"del\",   \"label\":\"Delete\",\"type\":\"checkbox\", \"field\":\"selected\" }\n]'\n```"
                 },
                 "attribute": "actions",
                 "reflect": false,

package/dist/collection/components/eds-tag/eds-tag.js

@@ -36,7 +36,7 @@ export class EdsTag {
     }
     render() {
         const classes = tagStyles({ intent: this.intent, size: this.size });
-        return h("span", { key: '939fafa4bc525b747956931f49b27e6125ecbb34', class: classes }, this.label);
+        return h("span", { key: 'a00f436391013091c78f15bc53d91b0b01d8f4bb', class: classes }, this.label);
     }
     static get is() { return "eds-tag"; }
     static get encapsulation() { return "shadow"; }
@@ -73,8 +73,8 @@ export class EdsTag {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
-                    "original": "'default' | 'strong' | 'accent' | 'weak' | 'inverse' | 'inverse-strong'",
-                    "resolved": "\"accent\" | \"default\" | \"inverse\" | \"inverse-strong\" | \"strong\" | \"weak\"",
+                    "original": "'primary' | 'default' | 'strong' | 'accent' | 'weak' | 'inverse' | 'inverse-strong'",
+                    "resolved": "\"accent\" | \"default\" | \"inverse\" | \"inverse-strong\" | \"primary\" | \"strong\" | \"weak\"",
                     "references": {}
                 },
                 "required": false,

package/dist/collection/components/eds-timeline/eds-timeline.js

@@ -41,7 +41,7 @@ export class EdsTimeline {
         }
     }
     render() {
-        return (h("div", { key: '3abe8b96a25fa575acc503eafa345c63b0c4c971', class: "max-w-sidebar mx-auto px-4 py-8" }, h("div", { key: '23039a03d10a38aa96310be6456283b5d36041e7', class: "relative" }, h("div", { key: '2bf447e7dd77a33b953ee1c7b49c72bb3e79a938', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), h("div", { key: 'db44af20a0e09666b402e77ec739262a3506da48', class: "space-y-16" }, this.parsedEvents.map((event, index) => (h("div", { class: "relative flex" }, h("div", { class: `w-1/2 ${index % 2 === 0 ? 'pr-4' : ''}` }, index % 2 === 0 && (h("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
+        return (h("div", { key: '32a281ea95b422dce623838fb46b2baf2362618d', class: "max-w-sidebar mx-auto px-4 py-8" }, h("div", { key: '8709096bd0e6826888ded5656a68e88a60229927', class: "relative" }, h("div", { key: '41fab313fc2d44e63a5b83b90c24650e8d8de74e', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), h("div", { key: '8b386581105a89c677fe374e8248f67bf3ec07cd', class: "space-y-16" }, this.parsedEvents.map((event, index) => (h("div", { class: "relative flex" }, h("div", { class: `w-1/2 ${index % 2 === 0 ? 'pr-4' : ''}` }, index % 2 === 0 && (h("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
                 ? [{ label: 'completed', style: 'accent' }]
                 : [{ label: 'pending', style: 'default' }]), onClick: () => this.handleEventClick(event) }))), h("div", { class: "flex items-center justify-center relative" }, event.completed ? (h("div", { class: "w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center" })) : (h("div", { class: "w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center" }))), h("div", { class: `w-1/2 ${index % 2 !== 0 ? 'pl-4' : ''}` }, index % 2 !== 0 && (h("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
                 ? [{ label: 'completed', style: 'accent' }]

package/dist/collection/components/eds-tooltip/eds-tooltip.css

@@ -59,6 +59,11 @@
   padding: 0.375rem;
 }
 
+.px-4 {
+  padding-left: 0.25rem;
+  padding-right: 0.25rem;
+}
+
 .top-full {
   top: 100%;
 }

package/dist/collection/components/eds-tooltip/eds-tooltip.js

@@ -19,10 +19,10 @@ export class EdsTooltip {
     }
     render() {
         const positionClass = this.position === 'bottom' ? 'top-full mt-2' : 'bottom-full mb-2';
-        return (h("div", { key: 'ee76b787881bdaef986b73fb2775c900a8c33d05', class: "relative w-full inline-block group" }, h("slot", { key: 'a5f9ade50e829efab02ef28ecff3edeedae9d469' }), h("div", { key: '31bdc63d6263090578f6600ae32027c2b050b2bf', class: `absolute ${positionClass}
+        return (h("div", { key: 'c2ae55fbf9fefb2748db770d98f12f679022a416', class: "relative w-full inline-block group" }, h("slot", { key: '5151e3269cb39d3caba960eee7155a3d5171c8cd' }), h("div", { key: '8956683d968d77d88133dc231975d258aca3d1d3', class: `absolute ${positionClass}
             rounded-xs bg-strongest text-inverse 
             f-ui-03-light pointer-events-none 
-            z-10 p-4 opacity-0 transition-opacity duration-150 ease-in-out
+            z-10 px-4 opacity-0 transition-opacity duration-150 ease-in-out
             group-hover:opacity-100 whitespace-normal break-words`, role: "tooltip" }, this.content)));
     }
     static get is() { return "eds-tooltip"; }

package/dist/collection/components/eds-trl/eds-trl.js

@@ -41,7 +41,7 @@ export class EdsTrl {
             Application: { format: 'code' },
             'Current TRL Stage': { format: 'text' }
         };
-        return (h("div", { key: '51e2ef0877ef34a3c413d8bb690d659525845a92', class: "container mx-auto px-4 py-8" }, h("eds-table", { key: 'b682cb9ce8182302b82042173fcc93aed65f7006', "table-data": JSON.stringify(tableData), config: JSON.stringify(tableConfig), "rows-per-page": "2", "pagination-enabled": "true", "search-enabled": "true", "column-size": "default" })));
+        return (h("div", { key: 'f83fab1ad31bef37b5239c67e635d26d22714e3f', class: "container mx-auto px-4 py-8" }, h("eds-table", { key: '594b47098606f772f043da8171a11d5dcbb0513f', "table-data": JSON.stringify(tableData), config: JSON.stringify(tableConfig), "rows-per-page": "2", "pagination-enabled": "true", "search-enabled": "true", "column-size": "default" })));
     }
     static get is() { return "eds-trl"; }
     static get properties() {

package/dist/collection/eds-docs-ui/colors/color-palette/primary.js

@@ -33,7 +33,7 @@ export class ColorPrimaryPalette {
         ];
     }
     render() {
-        return (h("ul", { key: '1de5ded5c58ad27b388c8c1af7938944cbea5096', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
+        return (h("ul", { key: '1ccc8d65b69795afe88b003e6aa1d6eb0f6a8a71', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, 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))))))));
     }
     static get is() { return "color-primary-palette"; }
 }

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

@@ -58,7 +58,7 @@ export class ColorSecondaryPalette {
         this.show = undefined;
     }
     render() {
-        return (h("ul", { key: '8346b6b6278e8e0c837722d760aa314586ece7f4', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.rgb), h("span", { class: "f-body-02 w-full" }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { class: "grid" }, h("span", { class: "f-body-02" }, color.pantoneC), h("span", { class: "f-body-02" }, color.pantoneU))))))));
+        return (h("ul", { key: '0c2fe4671a0754b591462dfdc91f8772eb1478c5', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, 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))))))));
     }
     static get is() { return "color-secondary-palette"; }
     static get properties() {

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

@@ -58,7 +58,7 @@ export class ColorSupportPalette {
         return 'text-default';
     }
     render() {
-        return (h("ul", { key: '70965eb05a6b535bf4477e7413f7fd681c4f9768', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
+        return (h("ul", { key: '1bafc64afc8d77db69e1847fdf05d2f8ca2d3ee0', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, this.colors.map((color) => {
             // compute once
             const textClass = this.getTextColor(color.background);
             return (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } }, h("div", { class: "grid" }, h("span", { class: `f-body-02 ${textClass}` }, color.cmyk), h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' }, class: textClass })), h("div", { class: "grid" }, h("span", { class: `f-body-02 ${textClass}` }, color.pantoneC), h("span", { class: `f-body-02 ${textClass}` }, color.pantoneU)))));

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

@@ -33,7 +33,7 @@ export class GradientPrimaryPalette {
         ];
     }
     render() {
-        return (h("ul", { key: 'af35aa4016013cbed62463881c380330f80066a2', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
+        return (h("ul", { key: 'd32c7b63fb32b92f89a9220e5cd5ff8164865913', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
                 background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
             } }, 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))))))));
     }

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

@@ -57,19 +57,19 @@ export class GradientSecondaryPalette {
         ];
     }
     render() {
-        return (h("div", { key: '8a494bd6783e8138f33dcfd37498fd69b249a2e8' }, h("ul", { key: 'a2e6c31c2e2f3745ce1e4c01cc9afae02e8ebb87', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4ed12da885c34a07657aef2a841c87a37ae9c8f7', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '337f66d14b0ce65b19f198b7efaf9230ca50b82c', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("div", { key: 'f38bc0f352adeca4bb3c12952d8c7e2431d93874' }, h("ul", { key: '9e00842d3198dace6812197b1ced7b776e3808f4', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'a1f77c93d7ff5de2ab38018278e47530951076cc', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '6abb51d7e4cbe6f48610009e65876cd41d8f435d', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[0].background
-            } }, h("div", { key: 'c8c692658db9434f57e5ac264c3c9064910e9661', class: "grid" }, h("span", { key: '9fd7ae1b75ff6b6c807dbaad783f6495dc2dd9bd', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '9d4e59b1fab74ff781c8d73db3dd468b10ce0455', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '96f8a8fa41459228e4d8097a616926f85765cf39', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd7a68794a9682b619be1e087c983149d491c96db', class: "grid" }, h("span", { key: '58bd1ad1029c3b121ac0d4bb5c70ae303e0352bb', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '3193953b5f25d007cf19d93a1f68f20404687f1e', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: 'cfbdd6e419b1616438c6331a1d25c18c4425acd8', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: 'e7399fcf955836f47e90e1ab822abf2ec0c0ceae', class: "grid" }, h("span", { key: 'fb245a27f7189381ee8103c21c61d0823c12b4c3', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: '6dc6be165b89266e9b45153dc411ab5692e37ebe', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '196331f3cd83f67e3fbceddc669c0b4c10ad26d3', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'a3547fa7c138e87fa637ef7341dde49595a213e2', class: "grid" }, h("span", { key: '73eee49a4fe2e3fe657dfb5a90b3f8cdd224eff2', class: "f-body-02" }, this.colors[0].pantoneC), h("span", { key: '553c7eb15580455f77b8165bd8a0c8b397d46a4e', class: "f-body-02" }, this.colors[0].pantoneU))), h("div", { key: '1e1c3d2620ef2dac2cd1f7bea0fa99b01c6afcac', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[1].background
-            } }, h("div", { key: 'd7cbace55477934af72160da781b7a8e3aa8e06a', class: "grid" }, h("span", { key: '92751b8b5769b239e36ac130e339f8e360727cc4', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '82fe5bf3213d8d581322b33fd5e71edac1c88fb3', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '898008dc0c37aa6dac6cc41f2034cddd65768c14', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '4e447137643b72b3c6bf7c77d9487db3b6565774', class: "grid" }, h("span", { key: 'dd6377e2669c91b70681faceef9a1a2e85aacc36', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: '06fc395fb9c0caf71d889031d5122da97c2d437c', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '7be7b3c75d184f3aa717f6319aeeac025760122e' }), h("ul", { key: 'b97e4bde35db0630a312b97d501ce1c59f0c3e14', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '6a92a1a7d3e3680901e18dd48eb6658f4fb0fb20', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'e90a2a1cae3c1cde6b4326b56b72c61e1892140b', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '1679cca6a6f80765ac163e076b26925065479ad8', class: "grid" }, h("span", { key: '948c1931b138ccc0f8da013735cec94a2b8de513', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '5b7c535631725e8e72b309ce6686bad8b1b384f3', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'ac2bb8a8ebf23134ea273d99dfb35ae5c849b071', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '3ce37f99d9dcc8e049553e9029c8f79bedcab049', class: "grid" }, h("span", { key: 'a1c80f90ec26b79cce11e08a723aec38ba14eeec', class: "f-body-02" }, this.colors[1].pantoneC), h("span", { key: '6828dc88ff57a288317fd36c5ae798615c41e045', class: "f-body-02" }, this.colors[1].pantoneU))))), h("eds-block-break", { key: '7b9f28a342ee184e4201e9b2c1a510be7cccdb79' }), h("ul", { key: '8378f6a199ad85a7a4d0c116f1e18dac51f7f76b', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'df24c01a7e221fec7eebe08deb1905b2fd211215', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'f0202fc57ba9e6efbab92274144ac109fced963f', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: '61b77e314f1b0ba1a2091c8095ec202532c18606', class: "grid" }, h("span", { key: '03dab364cc0dfec33698c44a204c454fb541e212', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: 'e691950b5345a2ede462f4e83cca168bdeb9ec15', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: '0221d7e314a813dc2c5b79911951bca9c0b41b25', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '3a0a7685f28da21ad72e03fde2466ef261d732c6', class: "grid" }, h("span", { key: 'cb7b332c10b45eb9fd5db2d3fd8042e2bad64466', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: 'a2ce20d6c1f79933e63286f21cf2a2b46bae7c77', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '22accd3b0973aef372c31e6e1f9098c20af0fe62', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '49111de3251d10ae344587612cff95ac2c61bbfc', class: "grid" }, h("span", { key: 'a4f8b4d521204cf2e9ed34fba25105a31bcf3a2a', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '577de0d99f7f5e052ca9528ba5543070439ec1c1', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'b98a82856c805c3bd56d5e8c581c09c640e146a1', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '1c53a8f62d1facc76863611d640938469e6647ce', class: "grid" }, h("span", { key: 'e8e4bdb60c34bc9af133195192afd698ab7ae98e', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '7d23875dce9d05f4deca3518006aac4b4baff061', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '84836d849380828bac1a05b3b1dd3f89a0f063da', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: '20ac41e5ab5abf006915a588948b0a80ba6b6500', class: "grid" }, h("span", { key: 'c45d31d03b5eed96970e573ffe9d6d7b0a4f55f2', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: 'c8615974f6fefcce9236f1dab2aa05acf79f476e', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '4edca81579a78d5a981abd588d614e92b41e80f2', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'efb4443370dc4577f4bb0638f7189d8ebb41f7f6', class: "grid" }, h("span", { key: 'e6859deb262bbb09411b23a829461a13bca7036c', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: 'a7b10ce34dbf351ed7c9ffddae8a078af2b2dfc7', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: '1e7693f7830a8b23fbfe88a4db8ce86b8d0685f0' }), h("ul", { key: 'e968be89adb2e35e19b3c6b373b6e12f4e746a16', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '96c60c4a9e257a292782d9effc9f0c72abf11b9e', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'c4568e420e1aa059777280831c2384eab3d92bcd', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '0034acff755db241107d6bdf205f15b048ef2073', class: "grid" }, h("span", { key: '59c0066f512154c4c8dc75e929d5f84008bf08c7', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '83f2adc0b2adabc37b53859232b75f1b3c957051', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'dc45ae65d0b116dcd25a0da752034f5527421a82', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '3df3bda4c749e858cd9e484906677bbd99fa67c5', class: "grid" }, h("span", { key: '0730784062ec6c4cb548b1044031361d2cd939a1', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '7a6ae957274e730b25727671ef43feff3af1fd63', class: "f-body-02" }, this.colors[3].pantoneU))))), h("eds-block-break", { key: '6d18529316515757e95dea2820861cb5d4fdd3b7' }), h("ul", { key: '8f7a04a63e9846e6e220ee0ccd89a89901b925d8', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '32bcb0d0e33b06e5a4f9c2da67ac904d52df5959', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '3f38bd0f5b0d750daa0c6b80493d6ff9b249ebaf', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[4].background
-            } }, h("div", { key: 'd6deb40f0bc0f42ba8dc5ce1f81f0ddffac1909c', class: "grid" }, h("span", { key: 'dfe457e42121384072c1fa914a4b20dc4b838d01', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'ff18c95c23f62a02e56f017a3c4fd135942ca475', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'bd2c5dc66d42965991741eaa399c620dfd7ccd8e', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '95a9105cf2f1c2ce4f585d20cd3d7f51ab176860', class: "grid" }, h("span", { key: '205d05eef3ead993524a70a6da8a1b99293d325b', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: '8bd0e5c38a50e61d1c4743b069ac33bbcabd6a90', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: '1e23753de89b1954149cc3855dd18c35d8eff021', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '0171242f6197b3fb47d12e49837f28361a13c592', class: "grid" }, h("span", { key: '1331a3a2234f83264efc62d4af972968247c3455', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '9caaef171b78feed4f2d6a5e7a4d81ffd1a87faf', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'e4d152f94f03dea39e1a0a6284d448f545c5c1a1', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '173cb0da7a293350c8aa82f83fd0305b9db3bb74', class: "grid" }, h("span", { key: 'fc5d2f93f3d5963c5da938f86c0147de99426b72', class: "f-body-02" }, this.colors[4].pantoneC), h("span", { key: 'c679055a29a477f85829fc0d9af84b6f6dc7ca08', class: "f-body-02" }, this.colors[4].pantoneU))), h("div", { key: '694abc4966e365267fe4536f891445bc36937290', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[5].background
-            } }, h("div", { key: '89d94b65035bede7a8e6783ce12b28f0d19bc517', class: "grid" }, h("span", { key: '68b5166da0440b8b71a353f112151f87ce5f0863', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: '5c5440685df35b5d7a46c3aaca50f34103d227da', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: 'bf98ce42ca5c85792f69233aa9339b76e404355e', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'd3405eb9f4b55be2ca453857006b2e168f55b723', class: "grid" }, h("span", { key: '7c5cc7a21f351c7054113feb2d08c73aa433b729', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: 'ab88dec48dc6bfbcf0ae6952bdc83898b9f3fe01', class: "f-body-02" }, this.colors[5].pantoneU)))))));
+            } }, h("div", { key: '6e51b6e4134b2ba71880b271b7dac46d57de772c', class: "grid" }, h("span", { key: 'a9671b440a17417746d54cae8e7c0ee2208bbce1', class: "f-body-02" }, this.colors[5].rgb), h("span", { key: '4dd3bf0d00389d1ca9cd1529d1b6bdf9acd6291b', class: "f-body-02 w-full" }, this.colors[5].cmyk), h("eds-code-block", { key: 'dc8e6956da3d6c6d539c194e101f8fa88cf1f08a', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '1cd9760de92ebbd5e0f1710140fe41ddad3aae29', class: "grid" }, h("span", { key: 'eec5ff4dd0b743a9b9b8640e4078c4d695dbcc15', class: "f-body-02" }, this.colors[5].pantoneC), h("span", { key: '00db45cedd939950df3e4cd2540d0b80d61bd4b1', class: "f-body-02" }, this.colors[5].pantoneU)))))));
     }
     static get is() { return "gradient-secondary-palette"; }
 }

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

@@ -49,11 +49,11 @@ export class GradientSupportPalette {
         ];
     }
     render() {
-        return (h("ul", { key: 'cd8f1b760d9d12703e63d444206cd7cb8272dc23', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4e06317b161b310f1d0a6c03ec4511e30121a9d1', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '09ee064b51f1f60eb94449a81889fcc1b04b034b', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: 'd03882aca184094d6bd6c7c1847fd825b5df391e', class: "grid" }, h("span", { key: '56401b8b651fc59ab649017e24072b7aa9e66b09', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'f438f24aa6caee90e0aa8b45a8e3ef3905115165', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '1185f4d1820c900e97e376aecfdb15c079bf47d6', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '81e189f2d4d59444419b4323595f233b5a7dd5c5', class: "grid" }, h("span", { key: 'ed9c1690bc1a39a4ca10922d6954987025b75ab2', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '389c2782c0a19abdaa8bcb3bec35b08f7dc49699', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: '224ddf84a71da323318a93aed512785d765ff78c', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '6f65b95fafa248d35f3bbc6b2ca1796e75d5c75d', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: 'a5f7ce54255461e8955b770ba045873c4337317e', class: "grid" }, h("span", { key: '344026348686a6c356012bddcb6019d2e33d2d1a', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: 'd21a077ed8b57fc7b03d3c9e8aad84a1d6921b7e', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: 'dfc3a8574e020c3e140a582e2f6548d7df18fc2f', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '370a21f614bfa27de7cd920d33a4bda8271cb9b2', class: "grid" }, h("span", { key: 'dcd05c27f71e94ab52ab88647d7c16bdd8cb6824', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: '3f596aa4db89c9444ab19a1fe6130532ea7a18de', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: '4360df4a8f5439fef848bef1aff0ba7e907c0873', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '7559365a22a412e249f860b2ccd42a40c686575e', class: "effect-height flex items-center justify-between p-16", style: {
+        return (h("ul", { key: '8eefaf781527a438aa6f0dcbbb6a7bfdffd69d38', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '8492ff1b709fa7d20f76fd18d7e9aa2bbfee17eb', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '3775884ad3c2b78ac178dbd003779d968022c981', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[0].background } }, h("div", { key: '94d75d01276a3e4e41781550450318dac8f220e4', class: "grid" }, h("span", { key: '729bda27271b7df5e7ec05eff89ff6116539d4b0', class: "f-body-02" }, this.colors[0].rgb), h("span", { key: 'cb4b6bd1e3bfab381047b7375e547c662a5d50de', class: "f-body-02 w-full" }, this.colors[0].cmyk), h("eds-code-block", { key: '43c5df7d9cac3753f4a3c5d81e081f76606a5797', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '98aee106b847f1321591cfbfa2d5c22d0e2b3c2f', class: "grid" }, h("span", { key: 'a3789c31e43eb6887b298eb353fde2be9134dd79', class: "f-body-02" }, this.colors[0].pantoneC || 'N/A'), h("span", { key: '7195d70eaf994b4d1d1eb9a2ec0b684d62289e75', class: "f-body-02" }, this.colors[0].pantoneU || 'N/A')))), h("li", { key: '81654a5fb216096e9818033a2b857eb723c2d373', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'd7b5ff16686894d0b06d2a291f6e7ababd5bfb02', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[1].background } }, h("div", { key: 'fdbd11809337e535e819c5ce18d7427ae31ee70e', class: "grid" }, h("span", { key: 'f108c9afa0fa02356395792bd7dd4a8a4c872d02', class: "f-body-02" }, this.colors[1].rgb), h("span", { key: '1e359cd78d80db5040c4cdff4dea30dd9387cfb2', class: "f-body-02 w-full" }, this.colors[1].cmyk), h("eds-code-block", { key: '1969dd093129596136b67cb972bece4e1d295fca', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '6858e8847dc5ce5baf79874a207f02953f84651e', class: "grid" }, h("span", { key: '9eb2a2cafb5f2be23142752d2a48b35d0b8ab0c9', class: "f-body-02" }, this.colors[1].pantoneC || 'N/A'), h("span", { key: 'cc0b17b803f00030b5a6d5dd0070c62031e21125', class: "f-body-02" }, this.colors[1].pantoneU || 'N/A')))), h("li", { key: '1e58c33fe358f33c30f8935f9205ef9c3008f907', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: '2fc8ba7c13678d30002f07eea50f14ae1138d2ee', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[2].background
-            } }, h("div", { key: '3027a68e48323ad82a7b9507902d43d3ebd5a9b5', class: "grid" }, h("span", { key: '6889a4ba793f3f82c90e2b1b87b90d1d1e9fc551', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '688e28e641c900a105605e8f6dd65efe8d1c663a', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'f344601cb7b1c0210478c4c8297365655d1db5b3', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'bbd401b28071a53db3e2648545c6de8004da98cd', class: "grid" }, h("span", { key: 'e7eb3868b58336671fc8862b2dd67dd8c664b6d2', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '97c2788da2fed4b22f11057d13ea2bd6f6041f9c', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: '8ea814cb2456d959a510b3bf2fe1348a796bf390', class: "effect-height flex items-center justify-between p-16", style: {
+            } }, h("div", { key: '18c781274b5f5054b454c00a34b45cdda4848826', class: "grid" }, h("span", { key: '28ef2ea60735401f0234cea519d9ecff8c4e2694', class: "f-body-02" }, this.colors[2].rgb), h("span", { key: '2da6879adfc3b5f4992d0b107e40cf02db7a25c1', class: "f-body-02 w-full" }, this.colors[2].cmyk), h("eds-code-block", { key: 'c442dcf09f129891355a8a42b742c10333338e8b', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '9dffa371f8a1c3002c35634eb2fb487011c71f90', class: "grid" }, h("span", { key: '65c50e09e5275ebf7d159228b9cbc07602667ba6', class: "f-body-02" }, this.colors[2].pantoneC), h("span", { key: '7bb7a1a6a1988b2b65783ed792085e257703466b', class: "f-body-02" }, this.colors[2].pantoneU))), h("div", { key: 'cc69e3020f50b302b1e4f3d6b37477fb868f7906', class: "effect-height flex items-center justify-between p-16", style: {
                 background: this.colors[3].background
-            } }, h("div", { key: '4a223c4bad5b21ff8f80dcbca228a66500ab6a87', class: "grid" }, h("span", { key: 'acfb82921e62c37dc091a10b2f093c41d50c32da', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: '1d8a0866567e954772be7fc950579a62aa719ade', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: 'e8fe52aefd86c81713f08bcd1cb8f27789bd9ca1', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '9925c5173dd15f16fe2b08eb522adf0d8ac37ef1', class: "grid" }, h("span", { key: '78f7131ca9a960688c8957a79c4033573f7cfee1', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '0fb4a0cfec9531e0e00b2d749d66ae6696a6db4a', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: '017c338c94189ad75c79ff9db903d18246a4af80', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'd75b7e97684b6ffe19bfcfdb8315f771c42de0f1', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '63b0fc0c825edcba9f633a5b6972fdd72574ce3b', class: "grid" }, h("span", { key: '389132cc0be0358b4805356ea216a9cfd4297514', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: '902d41927973b8bf690cda7ca701a103f91dd511', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: 'f9fffe844840148e801e3b1c1c2891b2bec96bf7', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '7ecb1dc3d5e0c63cf191b1300f19cd88489e9bed', class: "grid" }, h("span", { key: '9233731334557d6b37d96d9d7e328cb9b24e2766', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: '5030f6c36dd0e07785c0f11092c9452d80763101', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
+            } }, h("div", { key: 'c59d2d743b0fb9fe5796407df80a81be410be47d', class: "grid" }, h("span", { key: 'bcf7f280d8e1a74dfe157a1c996a89cebcb42d40', class: "f-body-02" }, this.colors[3].rgb), h("span", { key: 'dd7beff9e6336784ba7cb77692f6ac4ea42b8204', class: "f-body-02 w-full" }, this.colors[3].cmyk), h("eds-code-block", { key: '4bafc48fddad31a1c2a4e08cd0148c6df8f332ae', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: 'c1fe6efeec78fed5be26568e0ebea3b56d16f070', class: "grid" }, h("span", { key: '930e80dbed784ddf4364be16649624118541e570', class: "f-body-02" }, this.colors[3].pantoneC), h("span", { key: '8b7357d66a1b47347df67abcda6107572cb019f9', class: "f-body-02" }, this.colors[3].pantoneU)))), h("li", { key: 'dc86699c8029642eb73c4679a49d5ff844f2924c', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { key: 'dbfa8b4899292fec628dc410d70e0c306d0f378c', class: "effect-height flex items-center justify-between p-16", style: { backgroundColor: this.colors[4].background } }, h("div", { key: '2e3c528ed9efc681a09858e85230f5fdd36cf845', class: "grid" }, h("span", { key: '4b607cdc825ba567d86f3536ec7bb1148e09d854', class: "f-body-02" }, this.colors[4].rgb), h("span", { key: 'dda453cb7a8ebb420896e460802f7d917916ccd4', class: "f-body-02 w-full" }, this.colors[4].cmyk), h("eds-code-block", { key: '8ae119f9f823401ebcf3020069e614e991052529', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), h("div", { key: '1ac0ea0d52a00a7f8b45206bdd3d647ba221e429', class: "grid" }, h("span", { key: '58c93b7dacd8a2766a8cb5d23c536a065ca64b22', class: "f-body-02" }, this.colors[4].pantoneC || 'N/A'), h("span", { key: '70359540a3662ba14dbd8c08e4033d5bcd4c1a0d', class: "f-body-02" }, this.colors[4].pantoneU || 'N/A'))))));
     }
     static get is() { return "gradient-support-palette"; }
 }