@ebrains/components 2.3.0 → 2.4.0

package/dist/collection/shared-ui/eds-steps/eds-steps.js

@@ -1,395 +0,0 @@
-import { h } from "@stencil/core";
-import { parseData } from "../../utils/sharedUtils";
-export class EdsSteps {
-    constructor() {
-        this.handleTitleClick = (index) => {
-            // 1) If clicking the current title, keep your existing toggle behavior
-            if (index === this.activeStep) {
-                this.activeStep = this.activeStep === index ? -1 : index;
-                this.step.emit(this.activeStep);
-                return;
-            }
-            // 2) In linear mode, block jumping *forward* when current step is gated
-            const forwardBlocked = this.type === 'linear' && index > this.activeStep && this.isNextDisabledFor(this.activeStep);
-            if (forwardBlocked) {
-                return;
-            } // do nothing when Next/Finish would be disabled
-            // 3) Allow jumping back or forward when not gated
-            this.activeStep = index;
-            this.step.emit(this.activeStep);
-        };
-        this.handleNext = () => {
-            const lastIndex = this.parsedSteps.length - 1;
-            if (this.activeStep >= lastIndex) {
-                this.activeStep = -1;
-                this.finished.emit();
-                return;
-            }
-            const target = this.activeStep + 1;
-            this.next.emit(target);
-            if (this.isNextDisabledFor(this.activeStep)) {
-                return;
-            } // block advance only if current is disabled
-            this.activeStep = target;
-            this.step.emit(this.activeStep);
-            // 2) if using the boolean form, clear it when moving away from a step
-            if (!Array.isArray(this.disableNext)) {
-                this.disableNext = false;
-            }
-        };
-        this.handleBack = () => {
-            if (this.activeStep > 0) {
-                const target = this.activeStep - 1;
-                this.back.emit(target);
-                this.activeStep = target;
-                this.step.emit(this.activeStep);
-                // also clear boolean form on back
-                if (!Array.isArray(this.disableNext)) {
-                    this.disableNext = false;
-                }
-            }
-        };
-        this.steps = [];
-        this.type = 'static';
-        this.nextLabel = 'Next';
-        this.backLabel = 'Back';
-        this.finishLabel = 'Finish';
-        this.disableNext = false;
-        this.headingLevel = 'h4';
-        this.activeStep = 0;
-    }
-    componentDidLoad() {
-        var _a;
-        if (this.type === 'linear') {
-            const btns = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('eds-button');
-            btns === null || btns === void 0 ? void 0 : btns.forEach((btn) => this.emitContext(btn));
-        }
-    }
-    activeStepChanged(newValue) {
-        setTimeout(() => {
-            var _a;
-            const activeStepContainer = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelectorAll('.step')[newValue];
-            if (activeStepContainer) {
-                activeStepContainer.querySelectorAll('eds-button').forEach((btn) => this.emitContext(btn));
-            }
-        }, 50);
-    }
-    emitContext(linkElement) {
-        const event = new CustomEvent('parentContext', {
-            detail: {
-                componentName: this.el.tagName.toLowerCase(),
-                identifier: this.activeStep
-            }
-        });
-        linkElement.dispatchEvent(event);
-    }
-    get parsedSteps() {
-        return parseData(this.steps);
-    }
-    isNextDisabledFor(index) {
-        return Array.isArray(this.disableNext)
-            ? !!this.disableNext[index] // per-step
-            : index === this.activeStep && !!this.disableNext; // only active step
-    }
-    /** Render the semantic heading element as a clickable control only in linear mode */
-    renderHeading(title, index) {
-        const Tag = this.headingLevel;
-        if (this.type === 'linear') {
-            const forwardBlocked = index > this.activeStep && this.isNextDisabledFor(this.activeStep);
-            const onKey = (e) => {
-                if (forwardBlocked) {
-                    return;
-                }
-                if (e.key === 'Enter' || e.key === ' ') {
-                    e.preventDefault();
-                    this.handleTitleClick(index);
-                }
-            };
-            const isOpen = this.activeStep === index;
-            return (h(Tag, { class: `eds-steps__title ${forwardBlocked ? 'is-disabled' : ''}`, role: "button", tabindex: forwardBlocked ? -1 : 0, "aria-disabled": forwardBlocked ? 'true' : 'false', "aria-expanded": isOpen, "aria-controls": `eds-step-panel-${index}`, onClick: () => !forwardBlocked && this.handleTitleClick(index), onKeyDown: onKey }, title));
-        }
-        return h(Tag, { class: "eds-steps__title" }, title);
-    }
-    render() {
-        const steps = this.parsedSteps;
-        if (this.type === 'linear') {
-            return (h("div", { class: "steps" }, steps.map((step, index) => {
-                const isLast = index === steps.length - 1;
-                return (h("div", { class: "step mb-28", key: index }, this.renderHeading(step.title, index), this.activeStep === index && (h("div", { class: "content grid gap-y-16", id: `eds-step-panel-${index}` }, h("slot", { name: `step-${index}` }, h("div", { class: isLast ? 'f-body-02 text-lighter' : 'f-body-02 text-lighter', innerHTML: step.content })), h("div", { class: "flex items-center mt-16" }, h("eds-button", { label: this.backLabel, intent: "ghost", icon: "chevron-left", iconPos: "left", iconSmall: true, onClick: this.handleBack, disabled: index === 0, class: index === 0 ? 'hidden' : 'block', size: "small" }), h("eds-button", { label: isLast ? this.finishLabel : this.nextLabel, intent: "primary", icon: "chevron-right", iconSmall: true, onClick: this.handleNext, disabled: this.isNextDisabledFor(index), size: "small", class: "ml-8" })), h("slot", { name: `actions-${index}` })))));
-            })));
-        }
-        // Static: no navigation buttons
-        return (h("div", { class: "steps" }, steps.map((step, index) => (h("div", { class: "step mb-28", key: index }, this.renderHeading(step.title, index), h("div", { class: "content", id: `eds-step-panel-${index}` }, h("slot", { name: `step-${index}` }, h("div", { class: index === steps.length - 1 ? 'f-body-02 text-lighter mt-16' : 'f-body-02 text-lighter my-16', innerHTML: step.content }))))))));
-    }
-    static get is() { return "eds-steps"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["eds-steps.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["eds-steps.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "steps": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string | Step[]",
-                    "resolved": "Step[] | string",
-                    "references": {
-                        "Step": {
-                            "location": "local",
-                            "path": "/Users/nigeor/Documents/Projects/EBRAINS/ebrains-ui-ecosystem/packages/components/src/shared-ui/eds-steps/eds-steps.tsx",
-                            "id": "../../../packages/components/src/shared-ui/eds-steps/eds-steps.tsx::Step"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "[]"
-                        }],
-                    "text": "Steps data as an **array** or **JSON string** of objects:\n`{ title: string; content?: string }`.\n\nIn static mode, all steps and their content render.\nIn linear mode, only the active step renders its content."
-                },
-                "attribute": "steps",
-                "reflect": false,
-                "defaultValue": "[]"
-            },
-            "type": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'static' | 'linear'",
-                    "resolved": "\"linear\" | \"static\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "\"static\""
-                        }],
-                    "text": "Stepper mode.\n- `static`: all steps are visible (no navigation controls)\n- `linear`: one step at a time with Back/Next/Finish controls"
-                },
-                "attribute": "type",
-                "reflect": false,
-                "defaultValue": "'static'"
-            },
-            "nextLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "\"Next\""
-                        }, {
-                            "name": "attr",
-                            "text": "next-label"
-                        }],
-                    "text": "Label for the **Next** button (linear mode)."
-                },
-                "attribute": "next-label",
-                "reflect": false,
-                "defaultValue": "'Next'"
-            },
-            "backLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "\"Back\""
-                        }, {
-                            "name": "attr",
-                            "text": "back-label"
-                        }],
-                    "text": "Label for the **Back** button (linear mode)."
-                },
-                "attribute": "back-label",
-                "reflect": false,
-                "defaultValue": "'Back'"
-            },
-            "finishLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "\"Finish\""
-                        }, {
-                            "name": "attr",
-                            "text": "finish-label"
-                        }],
-                    "text": "Label for the **Finish** button on the **last step** (linear mode)."
-                },
-                "attribute": "finish-label",
-                "reflect": false,
-                "defaultValue": "'Finish'"
-            },
-            "disableNext": {
-                "type": "boolean",
-                "mutable": true,
-                "complexType": {
-                    "original": "boolean | boolean[]",
-                    "resolved": "boolean | boolean[]",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "false"
-                        }, {
-                            "name": "attr",
-                            "text": "disable-next"
-                        }],
-                    "text": "If `true`, disables **Next/Finish** and prevents advancing.\nUseful for gating progression until validation passes."
-                },
-                "attribute": "disable-next",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "headingLevel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "'h3' | 'h4' | 'h5'",
-                    "resolved": "\"h3\" | \"h4\" | \"h5\"",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [{
-                            "name": "default",
-                            "text": "\"h4\""
-                        }, {
-                            "name": "attr",
-                            "text": "heading-level"
-                        }],
-                    "text": "Semantic heading tag used for each step title.\nAccepted values: `\"h3\" | \"h4\" | \"h5\"`."
-                },
-                "attribute": "heading-level",
-                "reflect": true,
-                "defaultValue": "'h4'"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "activeStep": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "step",
-                "name": "step",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [{
-                            "name": "event",
-                            "text": "step"
-                        }],
-                    "text": "Fired whenever the active step changes.\nPayload: the **current step index**."
-                },
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                }
-            }, {
-                "method": "finished",
-                "name": "finished",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [{
-                            "name": "event",
-                            "text": "finished"
-                        }],
-                    "text": "Fired when the user clicks **Finish** on the **last** step."
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "next",
-                "name": "next",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [{
-                            "name": "event",
-                            "text": "next"
-                        }],
-                    "text": "Fired when the user clicks **Next** (before advancing),\nwith the **target** step index (current + 1)."
-                },
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                }
-            }, {
-                "method": "back",
-                "name": "back",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [{
-                            "name": "event",
-                            "text": "back"
-                        }],
-                    "text": "Fired when the user clicks **Back** (before going back),\nwith the **target** step index (current - 1)."
-                },
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                }
-            }];
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "activeStep",
-                "methodName": "activeStepChanged"
-            }];
-    }
-}

package/dist/components/p-03714413.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{p as e}from"./p-c1e4ef92.js";const t=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"27be525d5922ed05755e207adc914c7e86fb7033",class:this.class,innerHTML:e})}};export{t as eds_icon_portal}

package/dist/components/p-097665cb.entry.js

@@ -1 +0,0 @@
-import{r as s,h as a}from"./p-271c61ff.js";import{a as r}from"./p-32e6c4df.js";const o=class{constructor(a){s(this,a),this.class=""}render(){return a("span",{key:"f638b55d0ab199bbd7a52d099aa1242410ae1892",class:this.class,innerHTML:r})}};export{o as eds_icon_arrow_diagonal}

package/dist/components/p-09f1b358.entry.js

@@ -1 +0,0 @@
-import{r as a,h as e}from"./p-271c61ff.js";const s=class{constructor(e){a(this,e),this.accent=!1,this.tags=[]}render(){return e("div",{key:"dc4a5cdabd7ab34e3c2c67b9a166ae8bc15a9861",class:"flex flex-wrap gap-y-4"},this.tags.map(((a,s)=>e("eds-tag",{key:s,intent:this.accent?"accent":"default",label:a}))))}};s.style=".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}";export{s as eds_card_tags}

package/dist/components/p-1928711b.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{g as t}from"./p-50e27321.js";const a=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"4c0a731d1a67884107112bc5941faf2001dbbfd5",class:this.class,innerHTML:t})}};export{a as eds_icon_gitlab}

package/dist/components/p-204f97de.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{a as t}from"./p-32e6c4df.js";const a=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"0825d1c73c5f311f7a9d5394542f6fd74791a543",class:this.class,innerHTML:t})}};export{a as eds_icon_external}

package/dist/components/p-20e385b8.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{l as c}from"./p-2117611b.js";const o=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"2207bbac640cf28a2d6d5d725f681e56c8c53011",class:this.class,innerHTML:c})}};export{o as eds_icon_loader}

package/dist/components/p-21b5ca1f.entry.js

@@ -1 +0,0 @@
-import{r as e,h as c}from"./p-271c61ff.js";const o=class{constructor(c){e(this,c),this.isAuthenticated=!1}componentWillLoad(){const e=new Promise((e=>{document.addEventListener("initKeycloak",(c=>{e(c.detail)}),{once:!0})})),c=new Promise((e=>{document.addEventListener("authStatusChanged",(c=>{var o;this.isAuthenticated=null===(o=c.detail)||void 0===o?void 0:o.authenticated,e(c.detail)}),{once:!0})}));this.combinedInitPromise=Promise.all([e,c])}render(){return c("div",{key:"814465ac49c8f5688bc8b1006723a531c925c030"},c("eds-splash-screen",{key:"578982c4b01714129ebf0e7c415bdacea10061f8",inverse:!0,initPromise:this.combinedInitPromise}),c("eds-login",{key:"abc4ef7fed629bc2eda0e2f14f5165b83851794d","keycloak-url":"http://localhost:8080","keycloak-realm":"nigeor-realm","keycloak-client-id":"stencil-app"}),c("main",{key:"1fb96900889c942ec0beb120e1ed869a9d78c6fa"},c("h1",null,this.isAuthenticated?"Welcome, authenticated user!":"Please log in.")))}};export{o as eds_app_root}

package/dist/components/p-290b3d61.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{b as o}from"./p-05754401.js";const t=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"3a7cb54b31e70a446b093453389432938c2fd9d8",class:this.class,innerHTML:o})}};export{t as eds_icon_bookmark}

package/dist/components/p-2db9f80a.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{e as c}from"./p-27c4a06e.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"eb8558a13bcab457f260b0c3cddc235867b7f45a",class:this.class,innerHTML:c})}};export{e as eds_icon_edit}

package/dist/components/p-354857a8.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{b as a}from"./p-52c28fa2.js";const f=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"8bc63b5438fa6bf2ffa729afd07a793b96f3167d",class:this.class,innerHTML:a})}};export{f as eds_icon_bin}

package/dist/components/p-3a295312.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{t}from"./p-7198c024.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"3d0f88fa7ebbec278f9cc1394ed87809ff7c49d1",class:this.class,innerHTML:t})}};export{c as eds_icon_tutorial}

package/dist/components/p-3ff1f198.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t}from"./p-271c61ff.js";const s=class{constructor(t){e(this,t),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return t("token-list",{show:"background"});case 1:return t("token-list",{show:"text"});case 2:return t("token-list",{show:"border"});case 3:return t("token-radii",null);case 4:return t("token-list",{show:"outline"});case 5:return t("token-shadows",null);default:return t("p",null,"Content not available.")}}render(){return t("div",{key:"68fdef1fd6bdc75ce347d326b3329871e2ed5c8d",class:"container"},this.renderContent())}};export{s as docs_tokens}

package/dist/components/p-404b4dec.entry.js

@@ -1 +0,0 @@
-import{r as s,h as c}from"./p-271c61ff.js";import{c as r}from"./p-0be28996.js";const o=class{constructor(c){s(this,c),this.class=""}render(){return c("span",{key:"dc06f1a54b9542cb2c0165fb3bdff960ecd81cc0",class:this.class,innerHTML:r})}};export{o as eds_icon_copy}

package/dist/components/p-422c08a9.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{m as a}from"./p-5ab1d64a.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"b7ba0f10df196243538aaeefe3db0ee5f594f885",class:this.class,innerHTML:a})}};export{e as eds_icon_mastodon}

package/dist/components/p-44cc0966.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{p as a}from"./p-694fc085.js";const t=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"16aa24573646bd0002f9b259dba4ab7bb150d12e",class:this.class,innerHTML:a})}};export{t as eds_icon_private}

package/dist/components/p-473aeaa0.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{t}from"./p-373119b3.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"063a941c7795658f2dd79fbdafd7ea1f8ed4b2f4",class:this.class,innerHTML:t})}};export{e as eds_icon_twitter}

package/dist/components/p-4b2d40d4.entry.js

@@ -1 +0,0 @@
-import{r as e,h as c}from"./p-271c61ff.js";const a=class{constructor(c){e(this,c)}render(){return c("div",{key:"46cb6fe655e9f8b8688f44e2351f3992e8011b2a",class:"w-full"},c("ul",{key:"9d7205ee2e0b3b0386284dc282fcc5375c43ec26",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},c("li",{key:"b3e9d62bb934c1b413712b182cfdf015484db525",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},c("div",{key:"78c8a23dcacfd216a6159da8af3809607ef29702",class:"container p-8 item-center border-2 border-soft"},c("div",{key:"92a2938c5bdcb38456d96077f78993c711bc789f",class:"spacing-sample m-16 bg-strong"},c("span",{key:"7738363bee7cc25863bec922f55224044af61b6e",class:"f-body-01 text-inverse"},"Margin: 1rem / m-16")))),c("li",{key:"96c1f622b7e4136cebd53862b79bbc17ad484a25",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},c("div",{key:"ff4357650e10f9e7a61903c3c9f6a4f4d60d8c73",class:"container p-8 item-center border-2 border-soft"},c("div",{key:"cd07be06a51604f81f2868786028066f834cd87d",class:"spacing-sample ml-64 bg-strong"},c("span",{key:"ded579013d8765c7802862b57cf2bf7ae03f1b99",class:"f-body-01 text-inverse"},"Margin Left: 4rem / ml-64")))),c("li",{key:"a8e244c95f027993755fa567d900ff88ed08669b",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},c("div",{key:"e3662c064d089089ebb796aadede38bbd7ebe69d",class:"container p-8 item-center border-2 border-soft"},c("div",{key:"f168cbeaec417b0eccd66ed60f2776bdffdb7bfb",class:"spacing-sample mt-32 bg-strong"},c("span",{key:"696ec848f217896ae3fc06bf07546fe735d6ccd8",class:"f-body-01 text-inverse"},"Margin Top: 2rem / mt-32")))),c("li",{key:"5e5d4a63fd7e28114a87dfa5789f5213b6c057f3",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},c("div",{key:"14cb262cc18f340e72a922dc793244c17fa9fb05",class:"container p-8 item-center border-2 border-soft"},c("div",{key:"791781717dc851f2e174277c557212e7e5c15b7a",class:"spacing-sample p-32 bg-strong"},c("span",{key:"d1df2d8f2520746e49ec9c85d8e17cf5569c4bc5",class:"f-body-01 text-inverse"},"Padding: 2rem / p-32")))),c("li",{key:"312e2c71672a05cc54cd492297a1cdcb2b11a395",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},c("div",{key:"8cd16bfafd2345b68e50a46c08c7a8f2430ee6ef",class:"container p-8 item-center border-2 border-soft"},c("div",{key:"8f7e910d8fc43b596b35f3e72a48646e9550e8ba",class:"spacing-sample pt-32 bg-strong"},c("span",{key:"509c712085a239a435fc11f8ea7a6c9c788be60c",class:"f-body-01 text-inverse"},"Padding Top: 2rem / pt-32")))),c("li",{key:"b99c86cd7dd23e7c091dd2c70ec42133d9d2e2ef",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},c("div",{key:"0e61fb5d7bf779eddc16c9627d6ca0ff6cf702e1",class:"container p-8 item-center border-2 border-soft"},c("div",{key:"e65eb20ca88e563ae43eb0c208feacf7e310870f",class:"spacing-sample pl-32 bg-strong"},c("span",{key:"2a40e6977caccb37173f60de613c1a72b02f6d3e",class:"f-body-01 text-inverse"},"Padding Left: 2rem / pl-32"))))))}};export{a as token_spacing}

package/dist/components/p-4faa0047.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{d as e}from"./p-0da7d1c9.js";const a=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"2fbaad3eebee32d200d0f655b396ea937901f3bd",class:this.class,innerHTML:e})}};export{a as eds_icon_download}

package/dist/components/p-552125e3.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e}from"./p-271c61ff.js";import{c as r}from"./p-ece618b3.js";const c=class{constructor(e){s(this,e),this.class=""}render(){return e("span",{key:"38d849e3d7e2b2f5e7df8a5624bcf988b3046b11",class:this.class,innerHTML:r})}};export{c as eds_icon_chevron_left}

package/dist/components/p-5db8003b.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{m as o}from"./p-29041952.js";const t=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"b6d2b6d7d156c715e2f7d2192d93a4326b22dfc5",class:this.class,innerHTML:o})}};export{t as eds_icon_more}

package/dist/components/p-5ea2afdf.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{p as c}from"./p-b73410de.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"497345c7f18b9cceaf00030b7b3ab052f482c7bf",class:this.class,innerHTML:c})}};export{e as eds_icon_paper}

package/dist/components/p-5f2bb217.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{l as f}from"./p-54b8f143.js";const n=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"36bf44e06217f9b2521f374028a1316fb17ff21a",class:this.class,innerHTML:f})}};export{n as eds_icon_linkedin}

package/dist/components/p-65d1c8e9.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{u as e}from"./p-d962849c.js";const n=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"27f8330b13ebecd974913f83e3ae142406d08712",class:this.class,innerHTML:e})}};export{n as eds_icon_unknown}

package/dist/components/p-67823a16.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{p as a}from"./p-024c7937.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"1aedbead2feca84807fa4dd3d10092c3a4632365",class:this.class,innerHTML:a})}};export{c as eds_icon_public}

package/dist/components/p-69db1210.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{s as e}from"./p-e2d5a487.js";const t=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"4410f1ce5f3b350e75b31ba6089540a9281e474b",class:this.class,innerHTML:e})}};export{t as eds_icon_star}

package/dist/components/p-701dc6d8.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{c as e}from"./p-1ded61bd.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"6479f32960c973174c4577beef2f7df7b0baebd4",class:this.class,innerHTML:e})}};export{c as eds_icon_chevron_up}

package/dist/components/p-73daee37.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{d as a}from"./p-454bdd5a.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"408c981cebc10ab4bcf91e2765e7971ad0a83975",class:this.class,innerHTML:a})}};export{c as eds_icon_draft}

package/dist/components/p-77143afc.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{u as e}from"./p-1b2913c8.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"ef19f500cdd0289666d512e73952e6ae1ba9e7dc",class:this.class,innerHTML:e})}};export{c as eds_icon_updown}

package/dist/components/p-7a137d91.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{c}from"./p-4587d0ef.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"49925425ac1fd676eb96b973b1419f1f2aec1c81",class:this.class,innerHTML:c})}};export{e as eds_icon_chevron_down}

package/dist/components/p-81cce4f8.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{t}from"./p-c776b6f8.js";const a=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"051029abca2749f24ae3407ff3ae36b20007c924",class:this.class,innerHTML:t})}};export{a as eds_icon_thumbs_up}

package/dist/components/p-8d66718e.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{u as a}from"./p-46d0716d.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"134abbd42c49915f772f5d2aed7b53ecc5a0bd8a",class:this.class,innerHTML:a})}};export{c as eds_icon_user}

package/dist/components/p-9154e892.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{s as t}from"./p-58967f53.js";const e=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"3f33c676334b9e7dd18708459ebfb3e3a9cf12a4",class:this.class,innerHTML:t})}};export{e as eds_icon_start}

package/dist/components/p-98501e25.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{m as c}from"./p-86bb73dc.js";const t=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"b19c12426db0068934252c6197ba04789d42f5e2",class:this.class,innerHTML:c})}};export{t as eds_icon_minus}

package/dist/components/p-98d79948.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{p as t}from"./p-cdf19579.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"d9fdc443e6da9465453f5f201b5782437a45402e",class:this.class,innerHTML:t})}};export{c as eds_icon_plus}

package/dist/components/p-9992fbdb.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-271c61ff.js";import{s as c}from"./p-2066b033.js";const t=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"4d7a6781f65c4fc7159dd29a9d02b2d5333915fd",class:this.class,innerHTML:c})}};export{t as eds_icon_search}

package/dist/components/p-a82fc224.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-271c61ff.js";const c=class{constructor(a){e(this,a),this.colors=[{rgb:"R156 G225 B66",cmyk:"C52 M0 Y98 K0",hex:"#9CE142",pantoneC:"PANTONE 367 C",pantoneU:"PANTONE 374 U",background:"#9CE142"},{rgb:"R0 G201 B89",cmyk:"C75 M0 Y80 K0",hex:"#00C959",pantoneC:"PANTONE 7480 C",pantoneU:"PANTONE 7481 U",background:"#00C959"},{rgb:"R0 G165 B149",cmyk:"C78 M8 Y49 K0",hex:"#00A595",pantoneC:"PANTONE 3272 C",pantoneU:"PANTONE 3275 U",background:"#00A595"}]}render(){return a("ul",{key:"1ccc8d65b69795afe88b003e6aa1d6eb0f6a8a71",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},this.colors.map((e=>a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}},a("div",{class:"grid"},a("span",{class:"f-body-02"},e.rgb),a("span",{class:"f-body-02 w-full"},e.cmyk),a("eds-code-block",{code:e.hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{class:"grid"},a("span",{class:"f-body-02"},e.pantoneC),a("span",{class:"f-body-02"},e.pantoneU)))))))}},d=class{constructor(a){e(this,a),this.colors=[{rgb:"R63 G169 B245",cmyk:"C68 M13 Y0 K0",hex:"#3FA9F5",pantoneC:"PANTONE 298 C",pantoneU:"PANTONE 298 U",background:"#3FA9F5"},{rgb:"R6 G68 B244",cmyk:"C92 M60 Y0 K0",hex:"#0644F4",pantoneC:"PANTONE 2728 C",pantoneU:"PANTONE 2935 U",background:"#0644F4"},{rgb:"R196 G97 B255",cmyk:"C52 M67 Y0 K0",hex:"#C461FF",pantoneC:"PANTONE 252 C",pantoneU:"PANTONE 252 U",background:"#C461FF"},{rgb:"R93 G61 B249",cmyk:"C83 M78 Y0 K0",hex:"#5D3DF9",pantoneC:"PANTONE 266 C",pantoneU:"PANTONE 2735 U",background:"#5D3DF9"},{rgb:"R255 G165 B67",cmyk:"C0 M43 Y76 K0",hex:"#FFA543",pantoneC:"PANTONE 804 C",pantoneU:"PANTONE 136 U",background:"#FFA543"},{rgb:"R255 G77 B104",cmyk:"C0 M81 Y42 K0",hex:"#FF4D68",pantoneC:"PANTONE 1785 C",pantoneU:"PANTONE 185 U",background:"#FF4D68"}],this.show=void 0}render(){return a("ul",{key:"0c2fe4671a0754b591462dfdc91f8772eb1478c5",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},this.colors.map((e=>a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}},a("div",{class:"grid"},a("span",{class:"f-body-02"},e.rgb),a("span",{class:"f-body-02 w-full"},e.cmyk),a("eds-code-block",{code:e.hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{class:"grid"},a("span",{class:"f-body-02"},e.pantoneC),a("span",{class:"f-body-02"},e.pantoneU)))))))}},s=class{constructor(a){e(this,a),this.colors=[{rgb:"R20 G20 B20",cmyk:"C78 M69 Y61 K87",hex:"#141414",pantoneC:"",pantoneU:"",background:"#141414"},{rgb:"R56 G56 B56",cmyk:"C68 M58 Y55 K63",hex:"#383838",pantoneC:"PANTONE 447 C",pantoneU:"PANTONE Neutral Black U",background:"#383838"},{rgb:"R204 G204 B204",cmyk:"C23 M17 Y18 K0",hex:"#CCCCCC",pantoneC:"PANTONE Cool Gray 2 C",pantoneU:"PANTONE Cool Gray 2 U",background:"#CCCCCC"},{rgb:"R230 G230 B230",cmyk:"C12 M8 Y9 K0",hex:"#E6E6E6",pantoneC:"PANTONE 663 C",pantoneU:"PANTONE 649 U",background:"#E6E6E6"},{rgb:"R255 G255 B255",cmyk:"C0 M0 Y0 K0",hex:"#FFFFFF",pantoneC:"",pantoneU:"",background:"#FFFFFF"}]}getTextColor(e){if(e.startsWith("#")){const a=e.slice(1);return(.299*parseInt(a.substring(0,2),16)+.587*parseInt(a.substring(2,4),16)+.114*parseInt(a.substring(4,6),16))/255>.5?"text-default":"text-inverse"}if(/rgb/i.test(e)){const a=e.replace(/rgba?\(/i,"").replace(")","").split(",").map((e=>parseFloat(e.trim()))),[c,d,s]=a;return(.299*c+.587*d+.114*s)/255>.5?"text-default":"text-inverse"}return"text-default"}render(){return a("ul",{key:"1bafc64afc8d77db69e1847fdf05d2f8ca2d3ee0",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},this.colors.map((e=>{const c=this.getTextColor(e.background);return a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}},a("div",{class:"grid"},a("span",{class:`f-body-02 ${c}`},e.cmyk),a("eds-code-block",{code:e.hex,style:{minWidth:"150px",marginRight:"5px"},class:c})),a("div",{class:"grid"},a("span",{class:`f-body-02 ${c}`},e.pantoneC),a("span",{class:`f-body-02 ${c}`},e.pantoneU))))})))}},b=class{constructor(a){e(this,a),this.colors=[{rgb:"R156 G225 B66",cmyk:"C52 M0 Y98 K0",hex:"#9CE142",pantoneC:"PANTONE 367 C",pantoneU:"PANTONE 374 U",background:"linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"},{rgb:"R0 G201 B89",cmyk:"C75 M0 Y80 K0",hex:"#00C959",pantoneC:"PANTONE 7480 C",pantoneU:"PANTONE 7481 U",background:"linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"},{rgb:"R0 G165 B149",cmyk:"C78 M8 Y49 K0",hex:"#00A595",pantoneC:"PANTONE 3272 C",pantoneU:"PANTONE 3275 U",background:"linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"}]}render(){return a("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((e=>a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"effect-height flex items-center justify-between p-16"},a("div",{class:"grid"},a("span",{class:"f-body-02"},e.rgb),a("span",{class:"f-body-02 w-full"},e.cmyk),a("eds-code-block",{code:e.hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{class:"grid"},a("span",{class:"f-body-02"},e.pantoneC),a("span",{class:"f-body-02"},e.pantoneU)))))))}},f=class{constructor(a){e(this,a),this.colors=[{rgb:"R63 G169 B245",cmyk:"C68 M13 Y0 K0",hex:"#3FA9F5",pantoneC:"PANTONE 298 C",pantoneU:"PANTONE 298 U",background:"linear-gradient(to bottom, #3FA9F5, #3FA9F5)"},{rgb:"R6 G68 B244",cmyk:"C92 M60 Y0 K0",hex:"#0644F4",pantoneC:"PANTONE 2728 C",pantoneU:"PANTONE 2935 U",background:"linear-gradient(to bottom, #3FA9F5, #0644F4)"},{rgb:"R196 G97 B255",cmyk:"C52 M67 Y0 K0",hex:"#C461FF",pantoneC:"PANTONE 252 C",pantoneU:"PANTONE 252 U",background:"linear-gradient(to bottom, #C461FF, #C461FF)"},{rgb:"R93 G61 B249",cmyk:"C83 M78 Y0 K0",hex:"#5D3DF9",pantoneC:"PANTONE 266 C",pantoneU:"PANTONE 2735 U",background:"linear-gradient(to bottom, #C461FF, #5D3DF9)"},{rgb:"R255 G165 B67",cmyk:"C0 M43 Y76 K0",hex:"#FFA543",pantoneC:"PANTONE 804 C",pantoneU:"PANTONE 136 U",background:"linear-gradient(to bottom, #FFA543, #FFA543)"},{rgb:"R255 G77 B104",cmyk:"C0 M81 Y42 K0",hex:"#FF4D68",pantoneC:"PANTONE 1785 C",pantoneU:"PANTONE 185 U",background:"linear-gradient(to bottom, #FFA543, #FF4D68)"}]}render(){return a("div",{key:"f38bc0f352adeca4bb3c12952d8c7e2431d93874"},a("ul",{key:"9e00842d3198dace6812197b1ced7b776e3808f4",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"a1f77c93d7ff5de2ab38018278e47530951076cc",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"6abb51d7e4cbe6f48610009e65876cd41d8f435d",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[0].background}},a("div",{key:"e7399fcf955836f47e90e1ab822abf2ec0c0ceae",class:"grid"},a("span",{key:"fb245a27f7189381ee8103c21c61d0823c12b4c3",class:"f-body-02"},this.colors[0].rgb),a("span",{key:"6dc6be165b89266e9b45153dc411ab5692e37ebe",class:"f-body-02 w-full"},this.colors[0].cmyk),a("eds-code-block",{key:"196331f3cd83f67e3fbceddc669c0b4c10ad26d3",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"a3547fa7c138e87fa637ef7341dde49595a213e2",class:"grid"},a("span",{key:"73eee49a4fe2e3fe657dfb5a90b3f8cdd224eff2",class:"f-body-02"},this.colors[0].pantoneC),a("span",{key:"553c7eb15580455f77b8165bd8a0c8b397d46a4e",class:"f-body-02"},this.colors[0].pantoneU))),a("div",{key:"1e1c3d2620ef2dac2cd1f7bea0fa99b01c6afcac",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[1].background}},a("div",{key:"1679cca6a6f80765ac163e076b26925065479ad8",class:"grid"},a("span",{key:"948c1931b138ccc0f8da013735cec94a2b8de513",class:"f-body-02"},this.colors[1].rgb),a("span",{key:"5b7c535631725e8e72b309ce6686bad8b1b384f3",class:"f-body-02 w-full"},this.colors[1].cmyk),a("eds-code-block",{key:"ac2bb8a8ebf23134ea273d99dfb35ae5c849b071",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"3ce37f99d9dcc8e049553e9029c8f79bedcab049",class:"grid"},a("span",{key:"a1c80f90ec26b79cce11e08a723aec38ba14eeec",class:"f-body-02"},this.colors[1].pantoneC),a("span",{key:"6828dc88ff57a288317fd36c5ae798615c41e045",class:"f-body-02"},this.colors[1].pantoneU))))),a("eds-block-break",{key:"7b9f28a342ee184e4201e9b2c1a510be7cccdb79"}),a("ul",{key:"8378f6a199ad85a7a4d0c116f1e18dac51f7f76b",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"df24c01a7e221fec7eebe08deb1905b2fd211215",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"f0202fc57ba9e6efbab92274144ac109fced963f",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},a("div",{key:"49111de3251d10ae344587612cff95ac2c61bbfc",class:"grid"},a("span",{key:"a4f8b4d521204cf2e9ed34fba25105a31bcf3a2a",class:"f-body-02"},this.colors[2].rgb),a("span",{key:"577de0d99f7f5e052ca9528ba5543070439ec1c1",class:"f-body-02 w-full"},this.colors[2].cmyk),a("eds-code-block",{key:"b98a82856c805c3bd56d5e8c581c09c640e146a1",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"1c53a8f62d1facc76863611d640938469e6647ce",class:"grid"},a("span",{key:"e8e4bdb60c34bc9af133195192afd698ab7ae98e",class:"f-body-02"},this.colors[2].pantoneC),a("span",{key:"7d23875dce9d05f4deca3518006aac4b4baff061",class:"f-body-02"},this.colors[2].pantoneU))),a("div",{key:"84836d849380828bac1a05b3b1dd3f89a0f063da",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},a("div",{key:"0034acff755db241107d6bdf205f15b048ef2073",class:"grid"},a("span",{key:"59c0066f512154c4c8dc75e929d5f84008bf08c7",class:"f-body-02"},this.colors[3].rgb),a("span",{key:"83f2adc0b2adabc37b53859232b75f1b3c957051",class:"f-body-02 w-full"},this.colors[3].cmyk),a("eds-code-block",{key:"dc45ae65d0b116dcd25a0da752034f5527421a82",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"3df3bda4c749e858cd9e484906677bbd99fa67c5",class:"grid"},a("span",{key:"0730784062ec6c4cb548b1044031361d2cd939a1",class:"f-body-02"},this.colors[3].pantoneC),a("span",{key:"7a6ae957274e730b25727671ef43feff3af1fd63",class:"f-body-02"},this.colors[3].pantoneU))))),a("eds-block-break",{key:"6d18529316515757e95dea2820861cb5d4fdd3b7"}),a("ul",{key:"8f7a04a63e9846e6e220ee0ccd89a89901b925d8",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"32bcb0d0e33b06e5a4f9c2da67ac904d52df5959",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"3f38bd0f5b0d750daa0c6b80493d6ff9b249ebaf",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[4].background}},a("div",{key:"0171242f6197b3fb47d12e49837f28361a13c592",class:"grid"},a("span",{key:"1331a3a2234f83264efc62d4af972968247c3455",class:"f-body-02"},this.colors[4].rgb),a("span",{key:"9caaef171b78feed4f2d6a5e7a4d81ffd1a87faf",class:"f-body-02 w-full"},this.colors[4].cmyk),a("eds-code-block",{key:"e4d152f94f03dea39e1a0a6284d448f545c5c1a1",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"173cb0da7a293350c8aa82f83fd0305b9db3bb74",class:"grid"},a("span",{key:"fc5d2f93f3d5963c5da938f86c0147de99426b72",class:"f-body-02"},this.colors[4].pantoneC),a("span",{key:"c679055a29a477f85829fc0d9af84b6f6dc7ca08",class:"f-body-02"},this.colors[4].pantoneU))),a("div",{key:"694abc4966e365267fe4536f891445bc36937290",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[5].background}},a("div",{key:"6e51b6e4134b2ba71880b271b7dac46d57de772c",class:"grid"},a("span",{key:"a9671b440a17417746d54cae8e7c0ee2208bbce1",class:"f-body-02"},this.colors[5].rgb),a("span",{key:"4dd3bf0d00389d1ca9cd1529d1b6bdf9acd6291b",class:"f-body-02 w-full"},this.colors[5].cmyk),a("eds-code-block",{key:"dc8e6956da3d6c6d539c194e101f8fa88cf1f08a",code:this.colors[5].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"1cd9760de92ebbd5e0f1710140fe41ddad3aae29",class:"grid"},a("span",{key:"eec5ff4dd0b743a9b9b8640e4078c4d695dbcc15",class:"f-body-02"},this.colors[5].pantoneC),a("span",{key:"00db45cedd939950df3e4cd2540d0b80d61bd4b1",class:"f-body-02"},this.colors[5].pantoneU))))))}},t=class{constructor(a){e(this,a),this.colors=[{rgb:"R20 G20 B20",cmyk:"C78 M69 Y61 K87",hex:"#141414",pantoneC:"",pantoneU:"",background:"#141414"},{rgb:"R56 G56 B56",cmyk:"C68 M58 Y55 K63",hex:"#383838",pantoneC:"PANTONE 447 C",pantoneU:"PANTONE Neutral Black U",background:"#383838"},{rgb:"R204 G204 B204",cmyk:"C23 M17 Y18 K0",hex:"#CCCCCC",pantoneC:"PANTONE Cool Gray 2 C",pantoneU:"PANTONE Cool Gray 2 U",background:"linear-gradient(to bottom, #CCCCCC, #CCCCCC)"},{rgb:"R230 G230 B230",cmyk:"C12 M8 Y9 K0",hex:"#E6E6E6",pantoneC:"PANTONE 663 C",pantoneU:"PANTONE 649 U",background:"linear-gradient(to bottom, #CCCCCC, #E6E6E6)"},{rgb:"R255 G255 B255",cmyk:"C0 M0 Y0 K0",hex:"#FFFFFF",pantoneC:"",pantoneU:"",background:"#FFFFFF"}]}render(){return a("ul",{key:"8eefaf781527a438aa6f0dcbbb6a7bfdffd69d38",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"8492ff1b709fa7d20f76fd18d7e9aa2bbfee17eb",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"3775884ad3c2b78ac178dbd003779d968022c981",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[0].background}},a("div",{key:"94d75d01276a3e4e41781550450318dac8f220e4",class:"grid"},a("span",{key:"729bda27271b7df5e7ec05eff89ff6116539d4b0",class:"f-body-02"},this.colors[0].rgb),a("span",{key:"cb4b6bd1e3bfab381047b7375e547c662a5d50de",class:"f-body-02 w-full"},this.colors[0].cmyk),a("eds-code-block",{key:"43c5df7d9cac3753f4a3c5d81e081f76606a5797",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"98aee106b847f1321591cfbfa2d5c22d0e2b3c2f",class:"grid"},a("span",{key:"a3789c31e43eb6887b298eb353fde2be9134dd79",class:"f-body-02"},this.colors[0].pantoneC||"N/A"),a("span",{key:"7195d70eaf994b4d1d1eb9a2ec0b684d62289e75",class:"f-body-02"},this.colors[0].pantoneU||"N/A")))),a("li",{key:"81654a5fb216096e9818033a2b857eb723c2d373",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"d7b5ff16686894d0b06d2a291f6e7ababd5bfb02",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[1].background}},a("div",{key:"fdbd11809337e535e819c5ce18d7427ae31ee70e",class:"grid"},a("span",{key:"f108c9afa0fa02356395792bd7dd4a8a4c872d02",class:"f-body-02"},this.colors[1].rgb),a("span",{key:"1e359cd78d80db5040c4cdff4dea30dd9387cfb2",class:"f-body-02 w-full"},this.colors[1].cmyk),a("eds-code-block",{key:"1969dd093129596136b67cb972bece4e1d295fca",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"6858e8847dc5ce5baf79874a207f02953f84651e",class:"grid"},a("span",{key:"9eb2a2cafb5f2be23142752d2a48b35d0b8ab0c9",class:"f-body-02"},this.colors[1].pantoneC||"N/A"),a("span",{key:"cc0b17b803f00030b5a6d5dd0070c62031e21125",class:"f-body-02"},this.colors[1].pantoneU||"N/A")))),a("li",{key:"1e58c33fe358f33c30f8935f9205ef9c3008f907",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"2fc8ba7c13678d30002f07eea50f14ae1138d2ee",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},a("div",{key:"18c781274b5f5054b454c00a34b45cdda4848826",class:"grid"},a("span",{key:"28ef2ea60735401f0234cea519d9ecff8c4e2694",class:"f-body-02"},this.colors[2].rgb),a("span",{key:"2da6879adfc3b5f4992d0b107e40cf02db7a25c1",class:"f-body-02 w-full"},this.colors[2].cmyk),a("eds-code-block",{key:"c442dcf09f129891355a8a42b742c10333338e8b",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"9dffa371f8a1c3002c35634eb2fb487011c71f90",class:"grid"},a("span",{key:"65c50e09e5275ebf7d159228b9cbc07602667ba6",class:"f-body-02"},this.colors[2].pantoneC),a("span",{key:"7bb7a1a6a1988b2b65783ed792085e257703466b",class:"f-body-02"},this.colors[2].pantoneU))),a("div",{key:"cc69e3020f50b302b1e4f3d6b37477fb868f7906",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},a("div",{key:"c59d2d743b0fb9fe5796407df80a81be410be47d",class:"grid"},a("span",{key:"bcf7f280d8e1a74dfe157a1c996a89cebcb42d40",class:"f-body-02"},this.colors[3].rgb),a("span",{key:"dd7beff9e6336784ba7cb77692f6ac4ea42b8204",class:"f-body-02 w-full"},this.colors[3].cmyk),a("eds-code-block",{key:"4bafc48fddad31a1c2a4e08cd0148c6df8f332ae",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"c1fe6efeec78fed5be26568e0ebea3b56d16f070",class:"grid"},a("span",{key:"930e80dbed784ddf4364be16649624118541e570",class:"f-body-02"},this.colors[3].pantoneC),a("span",{key:"8b7357d66a1b47347df67abcda6107572cb019f9",class:"f-body-02"},this.colors[3].pantoneU)))),a("li",{key:"dc86699c8029642eb73c4679a49d5ff844f2924c",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"dbfa8b4899292fec628dc410d70e0c306d0f378c",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[4].background}},a("div",{key:"2e3c528ed9efc681a09858e85230f5fdd36cf845",class:"grid"},a("span",{key:"4b607cdc825ba567d86f3536ec7bb1148e09d854",class:"f-body-02"},this.colors[4].rgb),a("span",{key:"dda453cb7a8ebb420896e460802f7d917916ccd4",class:"f-body-02 w-full"},this.colors[4].cmyk),a("eds-code-block",{key:"8ae119f9f823401ebcf3020069e614e991052529",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"1ac0ea0d52a00a7f8b45206bdd3d647ba221e429",class:"grid"},a("span",{key:"58c93b7dacd8a2766a8cb5d23c536a065ca64b22",class:"f-body-02"},this.colors[4].pantoneC||"N/A"),a("span",{key:"70359540a3662ba14dbd8c08e4033d5bcd4c1a0d",class:"f-body-02"},this.colors[4].pantoneU||"N/A")))))}};export{c as color_primary_palette,d as color_secondary_palette,s as color_support_palette,b as gradient_primary_palette,f as gradient_secondary_palette,t as gradient_support_palette}