@ebrains/react 2.4.0 → 3.0.0

package/eds-card-desc_2.entry.esm.js

@@ -1,85 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsCardDescCss = ".f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}";
-const EdsCardDescStyle0 = edsCardDescCss;
-const EdsCardDesc = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.description = undefined;
-    this.truncate = true;
-    this.truncateLines = '3';
-  }
-  getTruncateClass() {
-    return this.truncate && this.truncateLines ? `line-clamp-${this.truncateLines}` : '';
-  }
-  render() {
-    return h("p", {
-      key: '3711e4f24ad19f1dedef3083b9b9c8868f3b4e3f',
-      class: "text-light f-ui-03-light"
-    }, h("span", {
-      key: '46b53c5111bc05ffaaa6f8fcd4b1b6ddfae2d413',
-      class: this.getTruncateClass()
-    }, this.description));
-  }
-};
-EdsCardDesc.style = EdsCardDescStyle0;
-const edsCardTitleCss = "a{all:unset;display:inline;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.f-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.break-words{overflow-wrap:break-word}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:z-10::after{z-index:10}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}";
-const EdsCardTitleStyle0 = edsCardTitleCss;
-const EdsCardTitle = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.url = undefined;
-    this.titleClass = undefined;
-    this.headingLevel = 'h3';
-    this.externalLink = false;
-    this.cardTitle = undefined;
-    this.hierarchy = true;
-  }
-  /**
-   * Dynamically generate the title class based on the heading level.
-   */
-  getTitleClass() {
-    const levelMap = this.hierarchy ? {
-      h1: '05',
-      h2: '05',
-      h3: '05',
-      h4: '05',
-      h5: '05',
-      h6: '06'
-    } : {
-      h1: '01',
-      h2: '02',
-      h3: '03',
-      h4: '04',
-      h5: '05',
-      h6: '06'
-    };
-    return `f-heading-${levelMap[this.headingLevel]}`;
-  }
-  /*private getTag() {
-    if (this.url) {
-      return 'a';
-    }
-    return 'span';
-  }*/
-  render() {
-    //const Tag = this.getTag();
-    const Heading = this.headingLevel;
-    return h(Heading, {
-      key: '5d356d301cfee459ac142895a042e9b1ccd59367',
-      class: this.getTitleClass()
-    }, h("a", {
-      key: '348fffdd2abccf3b08ecab9481718b4a2aa50807',
-      class: "break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none",
-      href: this.url,
-      target: this.externalLink ? '_blank' : undefined,
-      rel: this.externalLink ? 'noopener noreferrer' : undefined
-    }, this.cardTitle));
-  }
-};
-EdsCardTitle.style = EdsCardTitleStyle0;
-
-export { EdsCardDesc as eds_card_desc, EdsCardTitle as eds_card_title };

package/eds-card-generic.entry.esm.js

@@ -1,116 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import { p as parseData } from './sharedUtils-a550989c.esm.js';
-import { s as sendAnalytics } from './analytics-d99780e3.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsCardGenericCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15)}.border-softer{border:2px solid rgba(0, 0, 0, .1)}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-x-1{-moz-column-gap:0.0625rem;column-gap:0.0625rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-8{margin-bottom:0.5rem}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}";
-const EdsCardGenericStyle0 = edsCardGenericCss;
-const EdsCardGeneric = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.parentContext = null; // Accepts the entire event detail or null
-    this.cardTitle = undefined;
-    this.url = undefined;
-    this.description = undefined;
-    this.image = undefined;
-    this.avatar = undefined;
-    this.shortAbbreviation = undefined;
-    this.headingLevel = 'h3';
-    this.tags = [];
-    this.tiny = false;
-    this.bg = true;
-    this.withHover = true;
-    this.hierarchy = true;
-    this.parsedImage = null;
-  }
-  componentWillLoad() {
-    if (this.image) {
-      try {
-        if (typeof this.image === 'object') {
-          // If image is already an object, assign it directly
-          this.parsedImage = this.image;
-        } else if (typeof this.image === 'string') {
-          // If image is a string, try to parse it
-          this.parsedImage = JSON.parse(this.image);
-        }
-      } catch (error) {
-        // eslint-disable-next-line
-        console.error('Error parsing image prop:', error);
-        this.parsedImage = {}; // Assign a fallback empty object in case of an error
-      }
-    }
-  }
-  handleParentContext(event) {
-    if (event.target !== this.el) {
-      // Ignore the event if it's not targeted at this specific instance
-      return;
-    }
-    this.parentContext = event.detail;
-    event.stopPropagation();
-  }
-  /**
-   * Parses the `tags` prop into an array of link objects.
-   * Returns an empty array if parsing fails or if `tags` is not a valid JSON string or object.
-   *
-   * @returns {any[]} Array of parsed link objects
-   */
-  get parsedTags() {
-    return parseData(this.tags);
-  }
-  articleClasses() {
-    return [this.description ? this.tiny ? 'min-h-120' : 'min-h-156' : 'h-auto', this.bg ? 'bg-inverse' : 'bg-default', this.withHover ? 'effect-shadow hover:shadow-hover cursor-pointer' : '', 'border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16'].join(' ');
-  }
-  handleClick() {
-    var _a;
-    sendAnalytics({
-      category: 'ui-component',
-      parentContext: this.parentContext,
-      tag: this.el.tagName.toLowerCase(),
-      name: ((_a = this.cardTitle) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-      action: 'click'
-    });
-  }
-  render() {
-    return h("article", {
-      key: '76e77261a0c6e0c506fe7600d31a492808293d27',
-      class: this.articleClasses(),
-      onClick: () => this.handleClick()
-    }, h("eds-card-title", {
-      key: 'ca26508b05a31310df7fc0c3fa5769f7947e80fc',
-      "heading-level": this.headingLevel,
-      titleClass: this.image ? 'f-ui-01' : undefined,
-      "card-title": this.cardTitle,
-      url: this.url,
-      hierarchy: this.hierarchy
-    }), h("div", {
-      key: '00ba325e6a0093cb2be35854f2bcb579ad4eb35b',
-      class: "mt-8 mb-8"
-    }, this.description && h("eds-card-desc", {
-      key: '2d775f772092b7873dd1eabc7c3e8606dded0c47',
-      "truncate-lines": "3",
-      description: this.description
-    })), this.parsedImage ? h("eds-img", Object.assign({
-      class: "mt-8 block mx-auto"
-    }, this.parsedImage)) : this.avatar || this.shortAbbreviation ? h("eds-avatar", {
-      class: "order-first mb-12",
-      picture: this.avatar,
-      initials: this.shortAbbreviation
-    }) : null, h("div", {
-      key: 'e51237f8196212715d1d97ae1e6bfc2625573cb3',
-      class: "flex flex-wrap gap-y-4 gap-x-1"
-    }, this.parsedTags.map((tag, index) => h("eds-tag", {
-      key: index,
-      intent: tag.style,
-      label: tag.label,
-      size: tag.size
-    }))), ' ');
-  }
-  get el() {
-    return getElement(this);
-  }
-};
-EdsCardGeneric.style = EdsCardGenericStyle0;
-
-export { EdsCardGeneric as eds_card_generic };

package/eds-card-project.entry.esm.js

@@ -1,209 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import { s as sendAnalytics } from './analytics-d99780e3.esm.js';
-import { c as cva } from './index-39c58238.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const GRADIANT_TOKENS = ['green', 'yellow', 'among-blue', 'purple'];
-const gradientBGColorVariants = cva([], {
-  variants: {
-    color: GRADIANT_TOKENS.reduce((acc, token) => Object.assign(Object.assign({}, acc), {
-      [token]: ''
-    }), {}),
-    direction: {
-      top: '',
-      bottom: ''
-    },
-    pseudo: {
-      true: 'before:effect-opacity effect-bg-behind',
-      false: ''
-    },
-    hover: {
-      true: 'before:opacity-0 hover:before:opacity-100',
-      false: ''
-    }
-  },
-  compoundVariants: [
-  // region GREEN
-  {
-    color: 'green',
-    direction: 'top',
-    pseudo: true,
-    class: 'before:bg-gradient-01-top'
-  }, {
-    color: 'green',
-    pseudo: true,
-    direction: 'bottom',
-    class: 'before:bg-gradient-01-bottom'
-  }, {
-    color: 'green',
-    direction: 'top',
-    pseudo: false,
-    class: 'bg-gradient-01-top'
-  }, {
-    color: 'green',
-    pseudo: false,
-    direction: 'bottom',
-    class: 'bg-gradient-01-bottom'
-  },
-  // endregion
-  // region YELLOW
-  {
-    color: 'yellow',
-    direction: 'top',
-    pseudo: true,
-    class: 'before:bg-gradient-02-top'
-  }, {
-    color: 'yellow',
-    direction: 'bottom',
-    pseudo: true,
-    class: 'before:bg-gradient-02-bottom'
-  }, {
-    color: 'yellow',
-    direction: 'top',
-    pseudo: false,
-    class: 'bg-gradient-02-top'
-  }, {
-    color: 'yellow',
-    direction: 'bottom',
-    pseudo: false,
-    class: 'bg-gradient-02-bottom'
-  },
-  // endregion
-  // region PURPLE
-  {
-    color: 'purple',
-    direction: 'top',
-    pseudo: true,
-    class: 'before:bg-gradient-03-top'
-  }, {
-    color: 'purple',
-    direction: 'bottom',
-    pseudo: true,
-    class: 'before:bg-gradient-03-bottom'
-  }, {
-    color: 'purple',
-    direction: 'top',
-    pseudo: false,
-    class: 'bg-gradient-03-top'
-  }, {
-    color: 'purple',
-    direction: 'bottom',
-    pseudo: false,
-    class: 'bg-gradient-03-bottom'
-  },
-  // endregion
-  // region AMONG-BLUE
-  {
-    color: 'among-blue',
-    direction: 'top',
-    pseudo: true,
-    class: 'before:bg-gradient-04-top'
-  }, {
-    color: 'among-blue',
-    direction: 'bottom',
-    pseudo: true,
-    class: 'before:bg-gradient-04-bottom'
-  }, {
-    color: 'among-blue',
-    direction: 'top',
-    pseudo: false,
-    class: 'bg-gradient-04-top'
-  }, {
-    color: 'among-blue',
-    direction: 'bottom',
-    pseudo: false,
-    class: 'bg-gradient-04-bottom'
-  }
-  // endregion
-  ],
-  defaultVariants: {
-    direction: 'top',
-    pseudo: true
-  }
-});
-const EdsCardProject = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.image = undefined;
-    this.editorialTitle = undefined;
-    this.headingLevel = 'h3';
-    this.categoryTitle = undefined;
-    this.color = undefined;
-    this.bgOnHover = false;
-    this.vertical = false;
-    this.titleProject = undefined;
-    this.url = undefined;
-    this.parsedImage = null;
-  }
-  componentWillLoad() {
-    // Parse the image prop if it's provided
-    if (this.image) {
-      try {
-        this.parsedImage = JSON.parse(this.image);
-      } catch (error) {
-        //console.error('Error parsing image prop:', error);
-      }
-    }
-  }
-  handleClick(event) {
-    var _a;
-    event.preventDefault();
-    sendAnalytics({
-      category: 'ui-component',
-      tag: this.el.tagName.toLowerCase(),
-      name: ((_a = this.titleProject) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-      action: 'click'
-    });
-  }
-  render() {
-    var _a;
-    const cardClasses = ['min-h-156 border-inside after:border-softest @container overflow-hidden border-0 after:rounded-lg', this.color ? gradientBGColorVariants({
-      color: this.color,
-      hover: this.bgOnHover,
-      class: 'before:border-2 before:rounded-lg before:border-softest'
-    }) : 'bg-default', this.bgOnHover && this.color ? 'effect-background bg-default focus-within:bg-transparent hover:bg-transparent' : 'effect-background hover:bg-default', this.vertical ? 'flex-col gap-y-16' : 'flex-col gap-x-16 gap-y-12 lg:flex-row'].join(' ');
-    const imageClasses = this.vertical ? '' : 'max-w-120 @md:max-w-192 order-first w-full lg:order-last';
-    return h("article", {
-      key: '5f72c2dc52a8ef7edb004c6cf9a2035097c5aa28',
-      class: cardClasses,
-      onClick: event => this.handleClick(event)
-    }, h("div", {
-      key: '145809ee5e4800d852bb6d9b84a023160098f3c4',
-      class: `flex grow flex-col ${this.vertical ? 'min-h-156' : ''}`
-    }, h("div", {
-      key: '3d77551f7518cf63f16daffc7d59a2dd23b66148',
-      class: "lg:max-w-[720px]"
-    }, h("eds-card-title", {
-      key: '715a73ee7a013d13ef5e9f3f180eedf043998d76',
-      "heading-level": this.headingLevel,
-      titleClass: this.image ? 'f-ui-01' : undefined,
-      "card-title": this.titleProject,
-      url: this.url
-    }), this.editorialTitle && h("span", {
-      key: '418fc9fe39b480f4d1c9e99f2ef4361a6ad3827f',
-      class: `block ${this.vertical ? 'f-ui-02' : 'mt-4 f-heading-06'}`
-    }, this.editorialTitle)), this.categoryTitle && h("div", {
-      key: '58764ae4d610e2d1205cf09b7274a14a8bfb5694',
-      class: "mt-auto flex items-center gap-x-12 pt-12"
-    }, ((_a = this.categoryTitle) === null || _a === void 0 ? void 0 : _a.length) && h("eds-tag", {
-      key: 'c552bbc88aca3e3b114aef1fbd3e3bdf3e334624',
-      label: this.categoryTitle
-    }))), this.parsedImage && h("div", {
-      key: '3e85ad957b7d782cc228a508ce8e76ccb7490a9c',
-      class: imageClasses
-    }, h("div", {
-      key: '77e161fd2deb2c6ec3e30ad0ef34f934ba9197d1',
-      class: "aspect-1x1 w-full"
-    }, h("eds-img", Object.assign({
-      key: 'e9f0f4982bddba64ee979490024af471f4e9d8f8',
-      sizes: this.vertical ? this.parsedImage.sizes || '' : '192px'
-    }, this.parsedImage)))));
-  }
-  get el() {
-    return getElement(this);
-  }
-};
-
-export { EdsCardProject as eds_card_project };

package/eds-card-section.entry.esm.js

@@ -1,56 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import { p as parseData } from './sharedUtils-a550989c.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsCardSectionCss = "ol,ul,menu{list-style:none;margin:0;padding:0}.w-full{width:100%}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-4{grid-template-columns:repeat(4, minmax(0, 1fr))}.grid-cols-4[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-4[class*=\"grid-line-xfull\"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+1)::before{inset-inline-start:0}.grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+4)::before{inset-inline-end:0}.grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+1):nth-last-child(-n+4)::before{border-bottom-width:0}.grid-cols-4[class*=\"grid-line-x\"]>*:nth-child(4n+1):nth-last-child(-n+4)~*::before{border-bottom-width:0}.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(4n+4)::after{border-inline-end-width:0}.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+4)::after{top:0}.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(4n+1):nth-last-child(-n+4)::after{bottom:0}.grid-cols-4[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(4n+1):nth-last-child(-n+4)~li::after{bottom:0}.grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.gap-y-4{row-gap:0.25rem}.gap-y-8{row-gap:0.5rem}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 750px){.md\\:grid-col-span-1{--container-grid-columns:1;grid-column:span 1 / span 1}.md\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.md\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-8-cols>*{--container-grid-columns:8}.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:block{display:block}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}";
-const EdsCardSectionStyle0 = edsCardSectionCss;
-const EdsCardSection = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.cards = [];
-    this.occupyCols = 1;
-  }
-  /**
-   * Parses the `cards` JSON string prop into an array of card objects.
-   * If parsing fails, returns an empty array.
-   *
-   * @returns {any[]} An array of parsed card objects.
-   */
-  get parsedCards() {
-    return parseData(this.cards);
-  }
-  /**
-   * Renders the card section as a grid layout.
-   * Each parsed card object is mapped to an `<eds-card-generic>` component,
-   * displaying card details such as title, description, avatar, etc.
-   *
-   * @returns {JSX.Element} The rendered section containing a list of cards.
-   */
-  render() {
-    return h("section", {
-      key: '4b30b9eb2585350196efa901f5b36d903e43af4d',
-      class: "w-full"
-    }, h("ul", {
-      key: 'ab51c67c0f4095e70be1b1c2fdf9975726b50760',
-      class: "grid-layout grid-cols-4 gap-y-8 md:gap-y-12 lg:gap-y-16"
-    }, this.parsedCards.map(card => h("li", {
-      class: `grid-col-span-4 md:grid-col-span-${this.occupyCols} flex flex-col`
-    }, h("eds-card-generic", {
-      cardTitle: card.title,
-      description: card.description,
-      avatar: card.avatar,
-      headingLevel: card.headingLevel,
-      tags: card.tags,
-      url: card.url,
-      bg: card.bg,
-      tiny: card.tiny,
-      image: card.image,
-      withHover: card.withHover
-    })))));
-  }
-};
-EdsCardSection.style = EdsCardSectionStyle0;
-
-export { EdsCardSection as eds_card_section };

package/eds-card-tags.entry.esm.js

@@ -1,27 +0,0 @@
-import { r as registerInstance, h } from './index.esm2.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsCardTagsCss = ".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}";
-const EdsCardTagsStyle0 = edsCardTagsCss;
-const EdsCardTags = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.accent = false;
-    this.tags = [];
-  }
-  render() {
-    return h("div", {
-      key: 'a0184d0900e08d0ae48dd4d2164c9d7ca0ef8db1',
-      class: "flex flex-wrap gap-y-4"
-    }, this.tags.map((tag, index) => h("eds-tag", {
-      key: index,
-      intent: this.accent ? 'accent' : 'default',
-      label: tag
-    })));
-  }
-};
-EdsCardTags.style = EdsCardTagsStyle0;
-
-export { EdsCardTags as eds_card_tags };

package/eds-card-tool.entry.esm.js

@@ -1,105 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index.esm2.js';
-import { s as sendAnalytics } from './analytics-d99780e3.esm.js';
-import 'react';
-import 'react/jsx-runtime';
-import 'react-dom';
-
-const edsCardToolCss = ".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15 )}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}";
-const EdsCardToolStyle0 = edsCardToolCss;
-const EdsCardTool = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.cardTitle = undefined;
-    this.url = undefined;
-    this.description = undefined;
-    this.image = undefined;
-    this.avatar = undefined;
-    this.shortAbbreviation = undefined;
-    this.headingLevel = 'h5';
-    this.tags = '';
-    this.tiny = false;
-    this.bg = true;
-    this.withHover = true;
-    this.external = false;
-    this.hierarchy = true;
-  }
-  /**
-   * Parses the `tags` prop into an array of link objects.
-   * Returns an empty array if parsing fails or if `tags` is not a valid JSON string or object.
-   *
-   * @returns {any[]} Array of parsed link objects
-   */
-  get parsedTags() {
-    if (typeof this.tags === 'object') {
-      return this.tags;
-    } else if (typeof this.tags === 'string') {
-      try {
-        return JSON.parse(this.tags);
-      } catch (e) {
-        // eslint-disable-next-line
-        console.error('Error parsing links prop:', e);
-        return [];
-      }
-    }
-    return [];
-  }
-  componentWillLoad() {}
-  parseTags() {
-    return this.tags.split(',');
-  }
-  articleClasses() {
-    return [this.tiny ? 'min-h-120' : 'min-h-156', this.bg ? 'bg-inverse' : 'bg-default', this.withHover ? 'effect-shadow hover:shadow-hover cursor-pointer' : '', 'border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16'].join(' ');
-  }
-  handleClick() {
-    var _a;
-    //event.preventDefault();
-    sendAnalytics({
-      category: 'ui-component',
-      tag: this.el.tagName.toLowerCase(),
-      name: ((_a = this.cardTitle) === null || _a === void 0 ? void 0 : _a.toLowerCase()) || '',
-      action: 'click'
-    });
-  }
-  render() {
-    return h("article", {
-      key: 'bde34da77105309a05bf36cc1cf24888e62dc826',
-      class: `${this.el.tagName.toLowerCase()} ${this.articleClasses()}`,
-      onClick: () => this.handleClick()
-    }, h("eds-card-title", {
-      key: '521f11ef8f9f13cdc35b27e45e20d0bec81cc3f8',
-      "heading-level": this.headingLevel,
-      titleClass: this.image ? 'f-ui-01' : undefined,
-      "card-title": this.cardTitle,
-      url: this.url,
-      "external-link": this.external,
-      hierarchy: this.hierarchy
-    }), this.description && h("eds-card-desc", {
-      key: '615ccb630818a49e278f1308aa95caec3a02e3fe',
-      class: "mt-8",
-      "truncate-lines": "3",
-      description: this.description
-    }), this.image ? h("eds-img", {
-      src: this.image,
-      alt: "Sample Image",
-      width: 200,
-      height: 150
-    }) : this.avatar || this.shortAbbreviation ? h("eds-avatar", {
-      class: "order-first mb-12",
-      picture: this.avatar,
-      initials: this.shortAbbreviation
-    }) : null, h("div", {
-      key: '40cfa7d940136d4bce5de0c2b37fca91187110f8',
-      class: "flex flex-wrap gap-y-4"
-    }, this.parsedTags.map((tag, index) => h("eds-tag", {
-      key: index,
-      intent: tag.style,
-      label: tag.label
-    }))));
-  }
-  get el() {
-    return getElement(this);
-  }
-};
-EdsCardTool.style = EdsCardToolStyle0;
-
-export { EdsCardTool as eds_card_tool };