@ebrains/components 0.0.1-alpha.0 → 0.2.0-alpha.0

package/dist/cjs/eds-logo.cjs.entry.js

@@ -1,76 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-const index$2 = require('./index-f62478aa.js');
-const index$1 = require('./index-96a4261e.js');
-require('./index-1ff5f25c.js');
-
-const edsLogoCss = ".w-\\[130px\\]{width:130px}.mr-auto{margin-right:auto}.text-current{color:currentColor}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.h-full{height:100%}.w-full{width:100%}.flex{display:flex}.inline-flex{display:inline-flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}@media (min-width: 900px){.lg\\:w-\\[150px\\]{width:150px}}";
-
-const EdsLogo = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.href = '/';
-        this.orientation = 'horizontal';
-        this.type = undefined;
-    }
-    /**
-     * Handles the click event on the logo link.
-     * Emits a `matomoEvent` for analytics tracking with details about the interaction.
-     * - `category`: Component type (e.g., "ui-component").
-     * - `tag`: The HTML tag name of the component.
-     * - `name`: Event name, set as "logo".
-     * - `action`: The action, set as "click".
-     */
-    handleClick() {
-        index$1.sendAnalytics({
-            category: 'ui-component',
-            tag: this.el.tagName.toLowerCase(),
-            name: 'logo',
-            action: 'click'
-        });
-    }
-    /**
-     * Determines the appropriate SVG content based on the `orientation` and `type` props.
-     */
-    getLogo() {
-        const logos = {
-            horizontal: {
-                color: index$2.hLogoColor,
-                black: index$2.hLogoBlack,
-                'color-white': index$2.hLogoColorWhite,
-                white: index$2.hLogoWhite,
-                'no-bg': index$2.hLogoWhiteNoBg
-            },
-            vertical: {
-                color: index$2.vLogoColor,
-                black: index$2.vLogoBlack,
-                'color-white': index$2.vLogoColorWhite,
-                white: index$2.vLogoWhite,
-                'no-bg': index$2.vLogoWhiteNoBg
-            }
-        };
-        // Validate the orientation and type
-        const validOrientation = logos[this.orientation];
-        if (!validOrientation) {
-            //console.error(`Invalid orientation "${this.orientation}". Falling back to "horizontal".`);
-            return index$2.hLogoColor; // Default fallback logo
-        }
-        const validLogo = validOrientation[this.type];
-        if (!validLogo) {
-            //console.error(`Invalid type "${this.type}" for orientation "${this.orientation}". Falling back to "color".`);
-            return validOrientation['color']; // Fallback to color logo
-        }
-        return validLogo;
-    }
-    render() {
-        const logoContent = this.getLogo();
-        return (index.h("a", { key: '3d9435fbc45427865bfa7bacb36bea4c34f08c4e', href: this.href, onClick: () => this.handleClick(), class: "eds-logo-wrapper" }, index.h("div", { key: '662122c4b687a082c930c034b033e9732ef611be', innerHTML: logoContent })));
-    }
-    get el() { return index.getElement(this); }
-};
-EdsLogo.style = edsLogoCss;
-
-exports.eds_logo = EdsLogo;

package/dist/cjs/eds-progress-bar.cjs.entry.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const edsProgressBarCss = ".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}";
-
-const EdsProgressBar = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.value = 0;
-    }
-    /**
-     * Method to update the progress value externally.
-     * @param newValue The new progress value (0-100).
-     */
-    async updateValue(newValue) {
-        this.value = Math.min(100, Math.max(0, newValue)); // Clamp value between 0 and 100
-    }
-    render() {
-        const progressValue = this.value;
-        return (index.h("div", { key: '3131f56034a9fd72ca51e448bc2bcc6281669b25', class: "outer w-full bg-default rounded-lg h-24 border border-softer overflow-hidden" }, index.h("div", { key: 'f1665a254f8dbe1ccb9e512e5f2e7c1e5ab88c07', class: `inner h-full rounded-lg bg-accent transition-all duration-300 flex items-center justify-center text-default f-body-02`, style: { width: `${progressValue}%` } }, progressValue, "%")));
-    }
-};
-EdsProgressBar.style = edsProgressBarCss;
-
-exports.eds_progress_bar = EdsProgressBar;

package/dist/cjs/eds-section-core.cjs.entry.js

@@ -1,23 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const edsSectionCoreCss = "";
-
-const EdsSectionCore = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.tag = 'section';
-        this.sectionTitle = '';
-        this.headingLevel = 'h2';
-    }
-    render() {
-        const TagType = this.tag; // Set dynamic tag type (div or section)
-        return (index.h(TagType, { key: '849c35d9cd587cf14b0d6bc6efd1310a85d447f2' }, index.h("eds-section-heading", { key: '7ed4486fcf6e7c653026869c9468be9471db1775', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), index.h("slot", { key: '5d95ea6516ecaaab4e07a40b84cd20deb3d8d3b2' })));
-    }
-};
-EdsSectionCore.style = edsSectionCoreCss;
-
-exports.eds_section_core = EdsSectionCore;

package/dist/cjs/eds-section-heading.cjs.entry.js

@@ -1,41 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const EdsSectionHeading = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.sectionTitle = undefined;
-        this.withContainer = true;
-        this.headingLevel = 'h2';
-        this.tag = 'div';
-        this.spacingLarge = false;
-    }
-    getHeadingClass() {
-        // Map heading levels to their respective classes
-        const headingClasses = {
-            h1: 'f-heading-01',
-            h2: 'f-heading-02',
-            h3: 'f-heading-03',
-            h4: 'f-heading-04',
-            h5: 'f-heading-05',
-            h6: 'f-heading-06'
-        };
-        // Return the class based on the heading level
-        return headingClasses[this.headingLevel];
-    }
-    render() {
-        const TagType = this.tag; // Dynamically set tag type for the container
-        const HeadingTag = this.headingLevel; // Dynamically set heading level
-        return (index.h(TagType, { key: '2c6466c0a02bf8598153c18eafb37affc3dac395', class: {
-                'ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8 pb-20': true,
-                container: this.withContainer,
-                'pt-48': this.spacingLarge,
-                'pt-28': !this.spacingLarge
-            } }, index.h(HeadingTag, { key: 'fc7f0f09e02e8c63697e46811c465792497126e0', class: this.getHeadingClass() }, this.sectionTitle)));
-    }
-};
-
-exports.eds_section_heading = EdsSectionHeading;

package/dist/cjs/eds-tag.cjs.entry.js

@@ -1,44 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index$1 = require('./index-383d2951.js');
-const index = require('./index-1ff5f25c.js');
-
-const edsTagCss = ".f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}";
-
-// Define the CVA for the tag styles
-const tagStyles = index.cva(['f-ui-05 py-1 px-4 border-2 rounded-pill'], // Base classes
-{
-    variants: {
-        intent: {
-            default: 'border-default',
-            strong: 'text-inverse bg-strongest border-default',
-            accent: 'text-[#0034CB] border-[#0034CB]',
-            weak: 'text-light bg-strongest-soft border-transparent',
-            inverse: 'border-inverse text-inverse',
-            'inverse-strong': 'bg-inverse border-inverse text-lighter'
-        }
-    },
-    defaultVariants: {
-        intent: 'default'
-    }
-});
-const EdsTag = class {
-    constructor(hostRef) {
-        index$1.registerInstance(this, hostRef);
-        this.label = undefined;
-        this.intent = 'default';
-    }
-    /**
-     * Render the component.
-     * @returns The rendered HTML for the tag component with the applied styles and label.
-     */
-    render() {
-        const classes = tagStyles({ intent: this.intent });
-        return index$1.h("span", { key: '546bd7eb2c78760edc12cd7bb3ede5f6ab9099f3', class: classes }, this.label);
-    }
-};
-EdsTag.style = edsTagCss;
-
-exports.eds_tag = EdsTag;

package/dist/cjs/eds-toast-manager.cjs.entry.js

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-const toastManager = require('./toastManager-1fb1a402.js');
-
-const edsToastManagerCss = ".toast-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:36rem;}.toast-wrapper{width:100%;padding:0 1rem;}.eds-toast{box-shadow:0px 4px 6px rgba(0, 0, 0, 0.1);border-radius:0.5rem;animation:fade-in 0.3s ease-out;}@keyframes fade-in{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}";
-
-const EdsToastManager = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.toastId = 0;
-        this.toasts = [];
-    }
-    connectedCallback() {
-        // Initialize the ToastManager singleton with this element
-        toastManager.toast.init(this.hostElement);
-        // Listen for custom events
-        this.hostElement.addEventListener('show-toast', (event) => {
-            const { message, intent } = event.detail;
-            this.addToast(message, intent);
-        });
-    }
-    /**
-     * Adds a new toast.
-     */
-    addToast(message, intent) {
-        const id = this.toastId++;
-        this.toasts = [...this.toasts, { id, message, intent }];
-    }
-    /**
-     * Removes a toast by ID.
-     */
-    removeToast(id) {
-        this.toasts = this.toasts.filter((t) => t.id !== id);
-    }
-    render() {
-        return (index.h("div", { key: '91104e9dfd85e638a5482d22c70506ce06989bbd', class: "toast-container" }, this.toasts.map((t) => (index.h("div", { key: t.id }, index.h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
-    }
-    get hostElement() { return index.getElement(this); }
-};
-EdsToastManager.style = edsToastManagerCss;
-
-exports.eds_toast_manager = EdsToastManager;

package/dist/cjs/eds-toast.cjs.entry.js

@@ -1,53 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index$1 = require('./index-383d2951.js');
-const index = require('./index-1ff5f25c.js');
-
-const toastStyles = index.cva(['relative right-4 bottom-4 w-auto p-12 rounded-lg shadow-md'], {
-    variants: {
-        intent: {
-            default: 'bg-dark text-light',
-            success: 'bg-success text-dark',
-            error: 'bg-error text-light',
-            warning: 'bg-warning text-dark'
-        }
-    },
-    defaultVariants: {
-        intent: 'default'
-    }
-});
-const EdsToast = class {
-    constructor(hostRef) {
-        index$1.registerInstance(this, hostRef);
-        /**
-         * Dismisses the toast.
-         */
-        this.dismissToast = () => {
-            this.visible = false;
-        };
-        this.message = undefined;
-        this.intent = 'default';
-        this.duration = 5000;
-        this.visible = true;
-    }
-    connectedCallback() {
-        // Auto-dismiss the toast after the specified duration
-        this.dismissTimeout = setTimeout(this.dismissToast, this.duration);
-    }
-    disconnectedCallback() {
-        // Clear the timeout when the component is removed
-        clearTimeout(this.dismissTimeout);
-    }
-    render() {
-        if (!this.visible) {
-            return null;
-        }
-        const classes = toastStyles({ intent: this.intent });
-        return (index$1.h("div", { class: classes }, index$1.h("div", { class: "flex items-center justify-between gap-4" }, index$1.h("p", { class: "f-ui-01" }, this.message), index$1.h("eds-button", { intent: "tertiary", icon: "close", "aria-label": "Close Toast", onClick: () => this.dismissToast(), "extra-class": "ml-8" }))));
-    }
-    get el() { return index$1.getElement(this); }
-};
-
-exports.eds_toast = EdsToast;

package/dist/cjs/eds-user-modal.cjs.entry.js

@@ -1,47 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const edsUserModalCss = "";
-
-const EdsUserModal = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.user = undefined;
-        this.links = undefined;
-        this.onLogout = undefined;
-        this.parsedUser = {};
-        this.parsedLinks = [];
-    }
-    parseUserProp(newValue) {
-        this.parsedUser = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
-    }
-    parseLinksProp(newValue) {
-        this.parsedLinks = typeof newValue === 'string' ? JSON.parse(newValue) : newValue;
-    }
-    componentWillLoad() {
-        this.parseUserProp(this.user);
-        this.parseLinksProp(this.links);
-    }
-    get initials() {
-        var _a, _b, _c, _d, _e, _f, _g;
-        const initials = `${((_b = (_a = this.parsedUser) === null || _a === void 0 ? void 0 : _a.firstname) === null || _b === void 0 ? void 0 : _b.charAt(0)) || ''}${((_d = (_c = this.parsedUser) === null || _c === void 0 ? void 0 : _c.lastname) === null || _d === void 0 ? void 0 : _d.charAt(0)) || ''}`.toUpperCase();
-        return initials || ((_g = (_f = (_e = this.parsedUser) === null || _e === void 0 ? void 0 : _e.fullname) === null || _f === void 0 ? void 0 : _f.charAt(0)) === null || _g === void 0 ? void 0 : _g.toUpperCase()) || '';
-    }
-    get hasLogout() {
-        return typeof this.onLogout === 'function';
-    }
-    render() {
-        var _a, _b, _c, _d, _e;
-        return (index.h("div", { key: 'c149d74cd31af6f3d670f915f9a8e3e32cf56193', class: "min-w-[280px] p-8" }, index.h("div", { key: '693c60745fe24e2f40017376d0e866ce67a9f5a5', class: "flex gap-x-16 pb-16 border-b-2 border-softer" }, index.h("eds-avatar", { key: '19771e48bb2dbcee1a2229d9797aaa19769954eb', "first-name": (_a = this.parsedUser) === null || _a === void 0 ? void 0 : _a.firstname, "last-name": (_b = this.parsedUser) === null || _b === void 0 ? void 0 : _b.lastname, initials: this.initials, color: "grey", rounded: true, "initials-strong": true }), index.h("div", { key: 'f1343860a2747394557fd5b8420d2b3ff4f15b36', class: "max-w-full" }, ((_c = this.parsedUser) === null || _c === void 0 ? void 0 : _c.fullname) && (index.h("p", { key: '260d65312d9ed1c034973d83072493e0bb130a70', class: "f-ui-01 text-default w-full text-ellipsis" }, this.parsedUser.fullname)), ((_d = this.parsedUser) === null || _d === void 0 ? void 0 : _d.username) && index.h("p", { key: 'a1d27ecaf56743991e0822eabad706aa3f46a64f', class: "f-ui-03-light text-light mt-4" }, this.parsedUser.username), ((_e = this.parsedUser) === null || _e === void 0 ? void 0 : _e.email) && index.h("p", { key: '7a3ed5d4631f33afdc34c80b44ffa907761c4851', class: "f-ui-03-light text-light mt-4" }, this.parsedUser.email))), index.h("div", { key: '47e413879079033eeba8ce766d7b4dbf6b144781', class: "text-default mt-16 flex w-full flex-col gap-y-8" }, index.h("div", { key: 'a4f0cb91d2d488cb33ebae9bb2419f0aa0bc3e27', class: "border-softer mb-10 border-b-2 pb-16" }, index.h("eds-link", { key: '2549cf3f85593f38e340486813e64b5b719ac3d9', label: "My EBRAINS", "aria-label": "My EBRAINS", url: "https://www.ebrains.eu/dashboard", intent: "primary", "extra-class": "w-full", external: true })), index.h("eds-link", { key: 1, label: "Account Settings", url: "https://iam.ebrains.eu/auth/realms/hbp/account/", intent: "secondary", icon: "arrow-diagonal", external: true, "extra-class": "w-full" }), this.hasLogout && (index.h("eds-link", { key: '3ed5a3c3f6b3b07aa0c1c70cf7e07e8ffbcd38be', label: "Sign out", intent: "tertiary", "extra-class": "w-full justify-center", onClick: () => this.onLogout && this.onLogout() })))));
-    }
-    static get watchers() { return {
-        "user": ["parseUserProp"],
-        "links": ["parseLinksProp"]
-    }; }
-};
-EdsUserModal.style = edsUserModalCss;
-
-exports.eds_user_modal = EdsUserModal;

package/dist/cjs/eds-user.cjs.entry.js

@@ -1,90 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-const keycloak = require('./keycloak-940b83c1.js');
-const toastManager = require('./toastManager-1fb1a402.js');
-
-const EdsUser = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.authStatusChanged = index.createEvent(this, "authStatusChanged", 7);
-        /**
-         * Handles user login by invoking the Keycloak `login` function.
-         * Only triggers login if the user is not already authenticated.
-         */
-        this.handleLogin = () => {
-            if (!this.authenticated) {
-                keycloak.login();
-            }
-        };
-        /**
-         * Handles user logout by invoking the Keycloak `logout` function.
-         * Resets the `authenticated` state to `false` after logout.
-         */
-        this.handleLogout = () => {
-            keycloak.logout();
-            this.authenticated = false;
-        };
-        this.keycloakUrl = undefined;
-        this.keycloakRealm = undefined;
-        this.keycloakClientId = undefined;
-        this.user = null;
-        this.authenticated = false;
-        this.serverAvailable = false;
-        this.username = '';
-    }
-    /**
-     * Lifecycle method that runs when the component is about to load.
-     * It initializes authentication by calling the `initAuth` method.
-     */
-    async componentWillLoad() {
-        this.serverAvailable = await keycloak.checkServerAvailability(`${this.keycloakUrl}/realms/${this.keycloakRealm}`);
-        if (!this.serverAvailable) {
-            toastManager.toast.show('Keycloak server is unavailable.', 'error');
-            return; // Do not proceed further
-        }
-        await this.initAuth();
-    }
-    /**
-     * Initializes the Keycloak authentication by configuring Keycloak with the provided props.
-     * Sets the `authenticated` state and `user` data if the user is authenticated.
-     * Emits `authStatusChanged` event with the authentication status.
-     */
-    async initAuth() {
-        try {
-            const keycloakConfig = {
-                url: this.keycloakUrl,
-                realm: this.keycloakRealm,
-                clientId: this.keycloakClientId
-            };
-            await keycloak.initKeycloak(keycloakConfig, true);
-            // Set authentication state and fetch user data if authenticated
-            this.authenticated = keycloak.isAuthenticated();
-            if (this.authenticated) {
-                this.user = keycloak.getUser();
-            }
-            this.authStatusChanged.emit({
-                authenticated: this.authenticated,
-                user: this.user
-            }); // Emit auth status change
-            toastManager.toast.show(`Welcome back, ${this.user.username}`, 'success');
-        }
-        catch (error) {
-            // eslint-disable-next-line
-            console.error('Keycloak initialization failed:', error);
-        }
-    }
-    render() {
-        var _a;
-        // If the server is unavailable, render null
-        if (!this.serverAvailable) {
-            return null;
-        }
-        return (index.h("div", { class: "block" }, !this.authenticated ? (index.h("eds-button", { label: "Login", intent: "primary", onClick: this.handleLogin.bind(this), class: "text-default" })) : (index.h("div", { class: "flex items-center" }, index.h("eds-dropdown", { label: `Welcome, ${(_a = this.user) === null || _a === void 0 ? void 0 : _a.username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, index.h("eds-user-modal", { user: JSON.stringify(this.user), onLogout: this.handleLogout.bind(this) }))))));
-    }
-    get hostEl() { return index.getElement(this); }
-};
-
-exports.eds_user = EdsUser;

package/dist/cjs/gradient-primary-palette.cjs.entry.js

@@ -1,45 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const GradientPrimaryPalette = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        // Gradient primary palette data
-        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 (index.h("ul", { key: '95d991a7331f3f75909421db363b0c30646dd9f7', class: "gap-y-8 md:gap-y-12 lg:gap-y-16", style: {
-                background: 'linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)'
-            } }, this.colors.map((color) => (index.h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { class: "effect-height flex items-center justify-between p-16" }, index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.rgb), index.h("span", { class: "f-body-02 w-full" }, color.cmyk), index.h("eds-code-block", { code: color.hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { class: "grid" }, index.h("span", { class: "f-body-02" }, color.pantoneC), index.h("span", { class: "f-body-02" }, color.pantoneU))))))));
-    }
-};
-
-exports.gradient_primary_palette = GradientPrimaryPalette;

package/dist/cjs/gradient-secondary-palette.cjs.entry.js

@@ -1,79 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-383d2951.js');
-
-const GradientSecondaryPalette = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        // Gradient secondary palette data
-        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 (index.h("div", { key: '95324cdbb1dc2eec5d1b47b5a88b69c9e2139535' }, index.h("ul", { key: 'deddb39135e4dee2c6b401eb543ea2169d606331', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '848cdd2984b1dc5b2c0672ab125fe951b9c7d30c', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'af8b2fd8be90d0fffe2334f66878a34b32fa148f', class: "effect-height flex items-center justify-between p-16", style: {
-                background: this.colors[0].background
-            } }, index.h("div", { key: 'b796899ca009ee80c877e2e728639abcf2b46770', class: "grid" }, index.h("span", { key: '2ba29c5bb91fef4b817f853056701feb001bdca0', class: "f-body-02" }, this.colors[0].rgb), index.h("span", { key: '23e36499f1ba4dd08ac928c6fefc6d38f03f4724', class: "f-body-02 w-full" }, this.colors[0].cmyk), index.h("eds-code-block", { key: '11af3db24e81dc5382e8b3c64296e0416c3a2a5a', code: this.colors[0].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '0bc7aa191c1ddd71c5e716ac07687c2412530bad', class: "grid" }, index.h("span", { key: '3b84d1f6f75c3fa401fc08597318cb24e00a6db3', class: "f-body-02" }, this.colors[0].pantoneC), index.h("span", { key: 'beb7250e567791947e9ccda81cf99d4fd3c7e007', class: "f-body-02" }, this.colors[0].pantoneU))), index.h("div", { key: 'd5c6301370b862c3bd713188b468ed22f9377e9c', class: "effect-height flex items-center justify-between p-16", style: {
-                background: this.colors[1].background
-            } }, index.h("div", { key: '14958bec1bc69da8afcd5abbec40153900003aea', class: "grid" }, index.h("span", { key: '7efe478f1588fc12a88e74eb6385a9ac1e83f2d2', class: "f-body-02" }, this.colors[1].rgb), index.h("span", { key: 'aaf8b133f495682cd5934be9719889fd6cd79d5f', class: "f-body-02 w-full" }, this.colors[1].cmyk), index.h("eds-code-block", { key: 'ba3050a85770e74810686603510bbd439e9c48c2', code: this.colors[1].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'cc133d0be620d1749317a2d46386c3b662c7e231', class: "grid" }, index.h("span", { key: '77a6292eec6c5b36a209d627e8ebe4b0d8978529', class: "f-body-02" }, this.colors[1].pantoneC), index.h("span", { key: '4bbf9a51af72aecd3d8e40388d56f7ec04307e5b', class: "f-body-02" }, this.colors[1].pantoneU))))), index.h("eds-block-break", { key: 'd8bd95b4b6a4992490b8a28c88ba94524ed3f89d' }), index.h("ul", { key: 'dcd47948561897e2b9dd5052f542b6faece97160', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: '4c2780b54496da965860adb2a13b3874198d2c50', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: '1817732e6c42366661ef95cc1efad7bb3443481d', class: "effect-height flex items-center justify-between p-16", style: {
-                background: this.colors[2].background
-            } }, index.h("div", { key: 'fdb50c1ad5c1b19aa7d6b271857d63d7ff129d66', class: "grid" }, index.h("span", { key: '4b5f5b8e075d73329803b5ca1204c257e8e8d6c4', class: "f-body-02" }, this.colors[2].rgb), index.h("span", { key: '67a26de500956ca477aa2213e6ecf8bea6d7ecb0', class: "f-body-02 w-full" }, this.colors[2].cmyk), index.h("eds-code-block", { key: 'f0cd24d68af26304da2bfc8755328ca9d319c1b9', code: this.colors[2].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'f45ddb2b08e36a64e0383289fe7e1e70d11bc725', class: "grid" }, index.h("span", { key: 'b5f5fd53de2e0fee6122c0797f3269dd0e70e9f3', class: "f-body-02" }, this.colors[2].pantoneC), index.h("span", { key: 'cbe037d718989eaf0274463ed300e81415e701e9', class: "f-body-02" }, this.colors[2].pantoneU))), index.h("div", { key: '64e866bab4859c8a35a08440bf4c855d3824d20a', class: "effect-height flex items-center justify-between p-16", style: {
-                background: this.colors[3].background
-            } }, index.h("div", { key: '1060ff9082dc3fd0c1d76a7b1c348ee980d59d5d', class: "grid" }, index.h("span", { key: 'abe785e555f4ec227ae6fd5eda65431b63f69d84', class: "f-body-02" }, this.colors[3].rgb), index.h("span", { key: '43a7d7afd959c53d552225df797f308f2c6672c0', class: "f-body-02 w-full" }, this.colors[3].cmyk), index.h("eds-code-block", { key: '0238b051353f4d717d7e1fc8a2d038e03c337150', code: this.colors[3].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: 'c922aca2c73e3d489f029edee6c21f2c741608bc', class: "grid" }, index.h("span", { key: 'fd09943b23b1c58efcb1f971fde59cdcdd6fb6d3', class: "f-body-02" }, this.colors[3].pantoneC), index.h("span", { key: '5a9e9d68d53c02c9a871efc71e384bfe4f3dc15e', class: "f-body-02" }, this.colors[3].pantoneU))))), index.h("eds-block-break", { key: '708821f7228d40fa0a6af2ce906955e7d0a9134a' }), index.h("ul", { key: 'af9971a8abdf34a4397466712e6391496a4fbbfb', class: "gap-y-8 md:gap-y-12 lg:gap-y-16" }, index.h("li", { key: 'fc026fa3187ed8536a553a34eca496d60c0a3c28', class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, index.h("div", { key: 'd42c5c8620956085d632daa27f552935cc57c4f5', class: "effect-height flex items-center justify-between p-16", style: {
-                background: this.colors[4].background
-            } }, index.h("div", { key: '3cd0f3371918e997facce06672764914a168e7b9', class: "grid" }, index.h("span", { key: '1111da42bd889d65bba8615cbb321c1ad6386a5b', class: "f-body-02" }, this.colors[4].rgb), index.h("span", { key: '172ea59eb6a729ba29341662dba089d665dfe921', class: "f-body-02 w-full" }, this.colors[4].cmyk), index.h("eds-code-block", { key: '7a56e5937a4ae52d5c55489d49379b04d99f1bc3', code: this.colors[4].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '4a5fd644619823b3ae0e30cd60fa6d7bfc643047', class: "grid" }, index.h("span", { key: '15a2d7d98420c0ebb8fe3914bb1457e821a5a99a', class: "f-body-02" }, this.colors[4].pantoneC), index.h("span", { key: '4e09b1d98588aba17283686303f02ddce63b9f79', class: "f-body-02" }, this.colors[4].pantoneU))), index.h("div", { key: '527816987ba5afd8d906ab1b1c92c1499bb0c82c', class: "effect-height flex items-center justify-between p-16", style: {
-                background: this.colors[5].background
-            } }, index.h("div", { key: '5723ecebf48cb271b908892880b2e5916a2260d3', class: "grid" }, index.h("span", { key: '1f4bc5243c69d4d875100dea5678eca909a318d6', class: "f-body-02" }, this.colors[5].rgb), index.h("span", { key: 'a0d7e3283b2c27c9c909174671f84f0e127fd47b', class: "f-body-02 w-full" }, this.colors[5].cmyk), index.h("eds-code-block", { key: '80eb873c0ef3db0ab0fedb0b97fd6a55c77b7a9b', code: this.colors[5].hex, style: { minWidth: '150px', marginRight: '5px' } })), index.h("div", { key: '7ad8e2f8fd77fa22f8c960b9f60b93160d7b18e4', class: "grid" }, index.h("span", { key: '76d8a46dc70cabfb90314730a14cf613dd94e5a2', class: "f-body-02" }, this.colors[5].pantoneC), index.h("span", { key: '6fba90e3c22c2a2cb79dc99345648fdce235a529', class: "f-body-02" }, this.colors[5].pantoneU)))))));
-    }
-};
-
-exports.gradient_secondary_palette = GradientSecondaryPalette;