@ebrains/components 1.0.0 → 1.2.0

package/dist/esm/eds-icon-plus.entry.js

@@ -7,7 +7,7 @@ const EdsIconPlus = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '7510fb2b948a83c216a375f2a84a16b10b38054e', class: this.class, innerHTML: plus });
+        return h("span", { key: '35d8e069fbb1bdb01ae6f068c28edd19d299c7c3', class: this.class, innerHTML: plus });
     }
 };
 

package/dist/esm/eds-icon-portal.entry.js

@@ -7,7 +7,7 @@ const EdsIconPortal = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'c9f384bf790dd2eef9b84e757403106209f05c04', class: this.class, innerHTML: portal });
+        return h("span", { key: '9383784da3e52d22395288f8eba5b6f4ee826aa5', class: this.class, innerHTML: portal });
     }
 };
 

package/dist/esm/eds-icon-private.entry.js

@@ -7,7 +7,7 @@ const EdsIconPrivate = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'd03d51d5aee837edab83aa71cf82fd415a8c71c3', class: this.class, innerHTML: privat });
+        return h("span", { key: '9466d1ce37e58f512579d63ec5049cc58e8b9836', class: this.class, innerHTML: privat });
     }
 };
 

package/dist/esm/eds-icon-public.entry.js

@@ -7,7 +7,7 @@ const EdsIconPublic = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '94970e6d7f414cde04a3dae305f3dda43f477e55', class: this.class, innerHTML: pub });
+        return h("span", { key: 'e4815b72c160ae98d66dbfa877f82f1d2f7c50b3', class: this.class, innerHTML: pub });
     }
 };
 

package/dist/esm/eds-icon-search.entry.js

@@ -7,7 +7,7 @@ const EdsIconSearch = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '2c35a35b31a988ffa690816a8699d2aac43dd916', class: this.class, innerHTML: search });
+        return h("span", { key: '6a35ea0c0de4916a867f760eb058a3cbb1bc218e', class: this.class, innerHTML: search });
     }
 };
 

package/dist/esm/eds-icon-star.entry.js

@@ -7,7 +7,7 @@ const EdsIconStar = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'dc06f1a54b9542cb2c0165fb3bdff960ecd81cc0', class: this.class, innerHTML: star });
+        return h("span", { key: 'f7ebc68658fcf8c0df627871481cce90cd7800fb', class: this.class, innerHTML: star });
     }
 };
 

package/dist/esm/eds-icon-success.entry.js

@@ -7,7 +7,7 @@ const EdsIconSuccess = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '8b5d4cfeedf6d7e9bea48d7ba892527d484c858d', class: this.class, innerHTML: success });
+        return h("span", { key: 'd78b06493302958306d408d823f4a7703d9b9adc', class: this.class, innerHTML: success });
     }
 };
 

package/dist/esm/eds-icon-thumbs-down.entry.js

@@ -7,7 +7,7 @@ const EdsIconThumbsDown = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'c60c3e5180cd900ce290448563fc476264ba1fe5', class: this.class, innerHTML: thumbsDown });
+        return h("span", { key: '84e6d8cff80004a650c6d0fc6b9702cf1ca85ba2', class: this.class, innerHTML: thumbsDown });
     }
 };
 

package/dist/esm/eds-icon-thumbs-up.entry.js

@@ -7,7 +7,7 @@ const EdsIconThumbsUp = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'eee2fdd0cdf1e9735e90f34c6bb090f3df67eb49', class: this.class, innerHTML: thumbsUp });
+        return h("span", { key: '5f5198ad92684dc173d603499b485e7d0ca8811b', class: this.class, innerHTML: thumbsUp });
     }
 };
 

package/dist/esm/eds-icon-tutorial.entry.js

@@ -7,7 +7,7 @@ const EdsIconTutorial = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '0e47e2af80487a28c96e8830dda102c23bff9e5c', class: this.class, innerHTML: tutorial });
+        return h("span", { key: '8be08569144889cca6f801cdd31e4cc31fdc11e5', class: this.class, innerHTML: tutorial });
     }
 };
 

package/dist/esm/eds-icon-twitter.entry.js

@@ -7,7 +7,7 @@ const EdsIconTwitter = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '1a7ad8d7cbef70822ebda2f152d8b537df1eaf27', class: this.class, innerHTML: twitter });
+        return h("span", { key: 'c2ee643b5da517a53bd97ec6263161927ad229a7', class: this.class, innerHTML: twitter });
     }
 };
 

package/dist/esm/eds-icon-unknown.entry.js

@@ -7,7 +7,7 @@ const EdsIconUnknown = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'a9145c4e133746c314a1ee34d36a5f19f3686565', class: this.class, innerHTML: unknown });
+        return h("span", { key: '449cd62f697607ebb17bed06835ee9529d7e8999', class: this.class, innerHTML: unknown });
     }
 };
 

package/dist/esm/eds-icon-updown.entry.js

@@ -7,7 +7,7 @@ const EdsIconUpdown = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: 'b97da1b406718c7611d1e17d7a9c6b4670600740', class: this.class, innerHTML: upDonw });
+        return h("span", { key: '5b0e914205c9f3fb5e216e0ccb16e350a4449c02', class: this.class, innerHTML: upDonw });
     }
 };
 

package/dist/esm/eds-icon-user.entry.js

@@ -7,7 +7,7 @@ const EdsIconUser = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '4322703c9e449819dc30946118893d365fa20124', class: this.class, innerHTML: user });
+        return h("span", { key: '297e73664320032b2f78dd3c43aa0852545c0723', class: this.class, innerHTML: user });
     }
 };
 

package/dist/esm/eds-icon-youtube.entry.js

@@ -7,7 +7,7 @@ const EdsIconYoutube = class {
         this.class = '';
     }
     render() {
-        return h("span", { key: '2236f8f5ede15d7eef54f2fd4fe6ca81c996166f', class: this.class, innerHTML: youtube });
+        return h("span", { key: '0a6abd6b62e24c07b4338f0f1f6febbec876791f', class: this.class, innerHTML: youtube });
     }
 };
 

package/dist/esm/eds-pie.entry.js

@@ -0,0 +1,102 @@
+import { r as registerInstance, h, H as Host } from './index-fdb33359.js';
+
+const edsPieCss = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-full{border-radius:9999px}.overflow-hidden{overflow:hidden}.bg-inverse{background-color:var(--white)}.bg-current{background-color:currentColor}.bg-dark{background-color:var(--grey-300)}.bg-darker{background-color:var(--grey-400)}.bg-default{background-color:var(--grey-200)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.inset-0{inset:0rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.f-ui-01{font-family:var(--f-ui-01-fontFamily);font-weight:var(--f-ui-01-fontWeight);font-size:var(--f-ui-01-fontSize);line-height:var(--f-ui-01-lineHeight);letter-spacing:var(--f-ui-01-letterSpacing)}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}.text-default{color:var(--black)}.w-8{width:0.5rem}.h-8{height:0.5rem}.mr-4{margin-right:0.25rem}:host{display:block}.wrapper{display:flex;align-items:center;justify-content:center;height:100%}.pie-chart{overflow:visible}.slice-label{font-size:var(--font-size-chart-label);font-weight:var(--font-weight-chart-label);fill:var(--color-text);pointer-events:none}.legend{list-style:none;margin:0;padding:0 0 0 1rem}.legend-item{display:flex;align-items:center;margin-bottom:0.5rem;outline:none}.legend-item:focus{outline:2px dashed var(--color-primary)}.legend-swatch{width:1rem;height:1rem;border-radius:50%;margin-right:0.5rem}.legend-label{font-size:var(--font-size-base);color:var(--color-text)}";
+const EdsPieStyle0 = edsPieCss;
+
+const EdsPie = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.size = 200;
+        this.slices = [];
+        this.thickness = 1;
+        this.display = 'value';
+        this.legend = true;
+        this.colorScheme = 'semantic';
+    }
+    parseSlices() {
+        if (typeof this.slices === 'string') {
+            try {
+                return JSON.parse(this.slices);
+            }
+            catch (_a) {
+                // eslint-disable-next-line
+                console.warn('eds-pie: invalid slices JSON');
+            }
+        }
+        return Array.isArray(this.slices) ? this.slices : [];
+    }
+    polarToCartesian(cx, cy, r, angle) {
+        const rad = (angle - 90) * (Math.PI / 180);
+        return { x: cx + r * Math.cos(rad), y: cy + r * Math.sin(rad) };
+    }
+    describeArc(x, y, r, startAngle, endAngle) {
+        const start = this.polarToCartesian(x, y, r, endAngle);
+        const end = this.polarToCartesian(x, y, r, startAngle);
+        const largeArcFlag = endAngle - startAngle <= 180 ? '0' : '1';
+        return [`M ${start.x} ${start.y}`, `A ${r} ${r} 0 ${largeArcFlag} 0 ${end.x} ${end.y}`, `L ${x} ${y}`, 'Z'].join(' ');
+    }
+    render() {
+        const raw = this.parseSlices();
+        if (raw.length > EdsPie.MAX_SLICES) {
+            // eslint-disable-next-line
+            console.warn(`eds-pie: too many slices (${raw.length}), results may overlap.`);
+        }
+        const total = raw.reduce((sum, s) => sum + s.value, 0) || 1;
+        const palette = [...EdsPie.PALETTES[this.colorScheme]];
+        const sorted = [...raw].sort((a, b) => b.value - a.value);
+        let cumulative = 0;
+        const processed = sorted.map((s) => {
+            const angle = (s.value / total) * 360;
+            const start = cumulative, end = cumulative + angle;
+            cumulative = end;
+            const color = s.color || palette.shift() || 'var(--color-chart-neutral-1)';
+            return Object.assign(Object.assign({}, s), { start, end, color });
+        });
+        const diameter = this.size;
+        const radius = diameter / 2;
+        // clamp into [0.5, 1]
+        const tClamped = Math.min(Math.max(this.thickness, 0.5), 1);
+        const innerRadius = radius * (1 - tClamped);
+        const outerRadius = radius;
+        // **replace** the previous labelRadius line with this:
+        const labelRadius = (radius + innerRadius) / 2;
+        // Build ARIA description
+        const ariaLabel = processed
+            .map((s) => `${s.label}: ${this.display === 'percent' ? `${Math.round((s.value / total) * 100)}%` : s.value}`)
+            .join(', ');
+        return (h(Host, null, h("div", { class: "wrapper" }, h("svg", { width: diameter, height: diameter, role: "img", "aria-label": `Pie chart: ${ariaLabel}`, class: "pie-chart" }, h("title", null, "Pie chart"), h("g", null, processed.map((s) => (h("path", { key: s.id, d: this.describeArc(radius, radius, outerRadius, s.start, s.end), fill: s.color }))), innerRadius > 0 && h("circle", { cx: radius, cy: radius, r: innerRadius, fill: "var(--white)" }), processed.map((s) => {
+            const midAngle = s.start + (s.end - s.start) / 2;
+            const { x, y } = this.polarToCartesian(radius, radius, labelRadius, midAngle);
+            const text = this.display === 'percent' ? `${Math.round((s.value / total) * 100)}%` : String(s.value);
+            return (h("text", { key: s.id, x: x, y: y, class: "f-ui-02", "text-anchor": "middle", "alignment-baseline": "middle" }, text));
+        }))), this.legend && (h("ul", { class: "legend", role: "list" }, processed.map((s) => (h("li", { key: s.id, role: "listitem", tabindex: "0", class: "legend-item" }, h("span", { class: "legend-swatch", style: { backgroundColor: s.color } }), h("span", { class: "legend-label" }, s.label)))))))));
+    }
+};
+EdsPie.MAX_SLICES = 9;
+EdsPie.PALETTES = {
+    semantic: [
+        'var(--color-chart-accent)',
+        'var(--color-chart-strong)',
+        'var(--color-chart-accent-dark)',
+        'var(--color-chart-lighter)',
+        'var(--color-chart-accent-light)',
+        'var(--color-chart-lightest)',
+        'var(--color-chart-accent-lighter)',
+        'var(--color-chart-darker)',
+        'var(--color-chart-accent-lightest)'
+    ],
+    mono: [
+        'var(--grey-700)',
+        'var(--grey-500)',
+        'var(--grey-300)',
+        'var(--grey-100)',
+        'var(--grey-800)',
+        'var(--grey-600)',
+        'var(--grey-400)',
+        'var(--grey-200)',
+        'var(--grey-900)'
+    ]
+};
+EdsPie.style = EdsPieStyle0;
+
+export { EdsPie as eds_pie };

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

@@ -44,7 +44,7 @@ const EdsProgressBar = class {
         ]
             .filter(Boolean)
             .join(' ');
-        return (h("div", { key: '8760afff9f85f05fec52b0a7fb668661e49dc06f', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, h("div", { key: '06165b69fe7e170f4f61d9f95b5a44342d4ee67a', class: fillClasses, style: { width: `${progressValue}%` } }), h("div", { key: '0c48e65c5a6cb0b4dff7a7e3e248052cdc29957d', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, h("span", { key: 'fc6f7396cf741ba18d1b5d065bdd1b7bfff12abe', class: "text-default f-body-02" }, progressValue, "%"))));
+        return (h("div", { key: '3360c1a9e61c83fee5312d007f6d2965a8983eba', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, h("div", { key: '7210dc5931f08626b286c30ae790a3a864533632', class: fillClasses, style: { width: `${progressValue}%` } }), h("div", { key: '7586cd593b4e851f4605ad33b96781841ee0b1aa', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, h("span", { key: '21fa3de543e5e717ed4fd76c689aa47c3fa6a853', class: "text-default f-body-02" }, progressValue, "%"))));
     }
 };
 EdsProgressBar.style = EdsProgressBarStyle0;

package/dist/esm/eds-rating.entry.js

@@ -45,7 +45,7 @@ const EdsRating = class {
         this.rating.emit(rating);
     }
     render() {
-        return (h("div", { key: '685ac01e4db577b07d00030b0c25e10b9b0defa8', role: "radiogroup", class: "stars flex space-x-1 my-8" }, Array.from({ length: this.ratingCount }, (_, index) => {
+        return (h("div", { key: '6686575f0b8b9017bf19b105208f6adbfd46dabd', role: "radiogroup", class: "stars flex space-x-1 my-8" }, Array.from({ length: this.ratingCount }, (_, index) => {
             const starRating = index + 1;
             const isSelected = starRating <= this.selectedRating;
             // Use the mapping text if available; otherwise, fall back to a generic label.

package/dist/esm/eds-section-core_2.entry.js

@@ -12,7 +12,7 @@ const EdsSectionCore = class {
     }
     render() {
         const TagType = this.tag; // Set dynamic tag type (div or section)
-        return (h(TagType, { key: 'ff0b28dffb8aca2ad0ac1ee3eea7ebda75078f96' }, h("eds-section-heading", { key: '23e9bb2b084c6b8a534dd310fbe10e0de0211187', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), h("slot", { key: '9cae6378bdb5304191d393967025570f94fdcdb2' })));
+        return (h(TagType, { key: '43f8d599041ae0c9761988fdec4872ec4a8ca037' }, h("eds-section-heading", { key: 'd120ddd851a0485e2edb43e2a6f508a661f35c07', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), h("slot", { key: '9818b82a3eebcb741f5bccc9781e4212f2c5fa3d' })));
     }
 };
 EdsSectionCore.style = EdsSectionCoreStyle0;
@@ -42,12 +42,12 @@ const EdsSectionHeading = class {
     render() {
         const TagType = this.tag; // Dynamically set tag type for the container
         const HeadingTag = this.headingLevel; // Dynamically set heading level
-        return (h(TagType, { key: 'bb32f87fd944ebf08ebcde3980c18cd4bed18783', class: {
+        return (h(TagType, { key: '740ed8b3208e07091a1f4c79888e172dec33773a', class: {
                 'ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8': true,
                 container: this.withContainer,
                 'pt-48': this.spacingLarge,
                 'pt-28': !this.spacingLarge
-            } }, h(HeadingTag, { key: '0cd8ea8aada58e30675579c82ba130b40257c7c6', class: this.getHeadingClass() }, this.sectionTitle)));
+            } }, h(HeadingTag, { key: '4d4ceef35b7cb06bfbff2fdae47e66dd7ac10c49', class: this.getHeadingClass() }, this.sectionTitle)));
     }
 };
 

package/dist/esm/eds-spinner.entry.js

@@ -42,7 +42,7 @@ const EdsSpinner = class {
                 alignItems: 'center',
                 justifyContent: 'center'
             };
-        return (h(Host, { key: '214876a56949c147e74c1a7072406234c2fb1a02' }, h("div", { key: 'b75b639fa38aafaf13e1eb727e28c5e67f3edafe', class: "spinner-overlay", style: overlayStyle }, h("span", { key: '87ba2ef7e1e9601ac0ae8132e9c891b4149a20b5', class: "spinner", style: spinnerStyle }))));
+        return (h(Host, { key: 'f687ccbbb05840b7699202f3758ec4a8d0de1bc4' }, h("div", { key: '4bb5c697f1ccd90d2d65d519fcfb3ec809b106ac', class: "spinner-overlay", style: overlayStyle }, h("span", { key: 'a07722d9ee9c94d03d9766a4b297a498998c00be', class: "spinner", style: spinnerStyle }))));
     }
 };
 EdsSpinner.style = EdsSpinnerStyle0;

package/dist/esm/eds-switch.entry.js

@@ -29,11 +29,11 @@ const EdsSwitch = class {
     render() {
         // Compute an accessible name based on state.
         const accessibleLabel = this.labelOn || this.labelOff ? (this.checked ? this.labelOn : this.labelOff) : 'Toggle switch';
-        return (h("div", { key: '442876be1bad7ea8c9e383bc68b192a2744c38f9', class: "switch-container" }, this.labelOff && h("span", { key: 'e4a7b01c0188d26e5b6524741b1c8ef66e357e35', class: "switch-label switch-label--off mr-8" }, this.labelOff), h("button", { key: 'f56b3762622671acf793568a96567193c38999c7', type: "button", role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": accessibleLabel, class: {
+        return (h("div", { key: '385c1463b11e83ff5b982218e0f28c54299210fd', class: "switch-container" }, this.labelOff && h("span", { key: 'f7e825a34487a1cec466b5172d77c2802029607c', class: "switch-label switch-label--off mr-8" }, this.labelOff), h("button", { key: 'fd1e8ffab675ee79edc6b99de4dfff42545d91af', type: "button", role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": accessibleLabel, class: {
                 switch: true,
                 'switch--checked': this.checked,
                 'switch--disabled': this.disabled
-            }, onClick: this.toggleSwitch, disabled: this.disabled }, h("span", { key: 'b76e89a1e37130542dd86ce3aed8c5690aeeda63', class: "switch-handle" })), this.labelOn && h("span", { key: '4e5d4f8a2f19bb612a17fa73e441e7e718b71508', class: "switch-label switch-label--on ml-8" }, this.labelOn)));
+            }, onClick: this.toggleSwitch, disabled: this.disabled }, h("span", { key: '0d185957ffe2577ffc8798c298820c84c838a2a4', class: "switch-handle" })), this.labelOn && h("span", { key: 'f12b752ff94a363bb9593bd00cf43e7110e4399e', class: "switch-label switch-label--on ml-8" }, this.labelOn)));
     }
     get el() { return getElement(this); }
 };

package/dist/esm/eds-tooltip.entry.js

@@ -0,0 +1,28 @@
+import { r as registerInstance, h, g as getElement } from './index-fdb33359.js';
+import { s as sendAnalytics } from './analytics-d99780e3.js';
+
+const edsTooltipCss = ".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-xs{border-radius:4px}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.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)}.pointer-events-none{pointer-events:none}.left-1\\/2{left:50%}.z-10{z-index:10}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.p-6{padding:0.375rem}.bottom-full{bottom:100%}.mb-2{margin-bottom:0.125rem}.opacity-0{opacity:0}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-150{transition-duration:150ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.group:hover .group-hover\\:opacity-100{opacity:1}";
+const EdsTooltipStyle0 = edsTooltipCss;
+
+const EdsTooltip = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.content = undefined;
+    }
+    /** fire analytics on every hover */
+    handleHover() {
+        sendAnalytics({
+            category: 'ui-component',
+            tag: this.el.tagName.toLowerCase(),
+            name: this.content.toLowerCase(),
+            action: 'hover'
+        });
+    }
+    render() {
+        return (h("div", { key: 'cf17cd61cd5888d6ea12bf6be0fb8c841072b4d6', class: "relative inline-block group" }, h("slot", { key: '7a41d90940fff4e8b887ec4a3240371466f219a5' }), h("div", { key: 'ccf06592f4c977030b0cf54cce48d13889c059f3', class: "absolute bottom-full left-1/2 \n            transform -translate-x-1/2 mb-2\n            rounded-xs bg-strongest text-inverse \n            f-ui-03-light pointer-events-none \n            z-10 whitespace-nowrap p-6 opacity-0 transition-opacity duration-150 ease-in-out\n            group-hover:opacity-100", role: "tooltip" }, this.content)));
+    }
+    get el() { return getElement(this); }
+};
+EdsTooltip.style = EdsTooltipStyle0;
+
+export { EdsTooltip as eds_tooltip };

package/dist/esm/index-fdb33359.js

@@ -52,10 +52,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'eds-avatar_34':
+                case 'eds-avatar_28':
                     return import(
                       /* webpackMode: "lazy" */
-                      './eds-avatar_34.entry.js').then(processMod, consoleError);
+                      './eds-avatar_28.entry.js').then(processMod, consoleError);
                 case 'components-section':
                     return import(
                       /* webpackMode: "lazy" */
@@ -76,6 +76,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './eds-app-root.entry.js').then(processMod, consoleError);
+                case 'eds-breadcrumb':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './eds-breadcrumb.entry.js').then(processMod, consoleError);
                 case 'eds-card-project':
                     return import(
                       /* webpackMode: "lazy" */
@@ -104,6 +108,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './eds-frame.entry.js').then(processMod, consoleError);
+                case 'eds-gauge':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './eds-gauge.entry.js').then(processMod, consoleError);
                 case 'eds-icon-arrow-diagonal':
                     return import(
                       /* webpackMode: "lazy" */
@@ -248,6 +256,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './eds-icon-youtube.entry.js').then(processMod, consoleError);
+                case 'eds-pie':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './eds-pie.entry.js').then(processMod, consoleError);
                 case 'eds-switch':
                     return import(
                       /* webpackMode: "lazy" */
@@ -260,6 +272,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './eds-toast-manager.entry.js').then(processMod, consoleError);
+                case 'eds-tooltip':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './eds-tooltip.entry.js').then(processMod, consoleError);
                 case 'eds-trl':
                     return import(
                       /* webpackMode: "lazy" */
@@ -288,6 +304,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './token-ratios.entry.js').then(processMod, consoleError);
+                case 'token-spacing':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './token-spacing.entry.js').then(processMod, consoleError);
                 case 'token-typography':
                     return import(
                       /* webpackMode: "lazy" */
@@ -332,6 +352,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './eds-alert.entry.js').then(processMod, consoleError);
+                case 'eds-card-generic':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './eds-card-generic.entry.js').then(processMod, consoleError);
                 case 'eds-section-core_2':
                     return import(
                       /* webpackMode: "lazy" */
@@ -340,10 +364,10 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
                     return import(
                       /* webpackMode: "lazy" */
                       './eds-spinner.entry.js').then(processMod, consoleError);
-                case 'eds-pagination_2':
+                case 'eds-card-desc_2':
                     return import(
                       /* webpackMode: "lazy" */
-                      './eds-pagination_2.entry.js').then(processMod, consoleError);
+                      './eds-card-desc_2.entry.js').then(processMod, consoleError);
                 case 'eds-code-block':
                     return import(
                       /* webpackMode: "lazy" */

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"eds-avatar_34\",[[1,\"eds-form\",{\"name\":[1],\"setFormUrl\":[4,\"set-form-url\"],\"formBtn\":[4,\"form-btn\"],\"formBtnLabel\":[1,\"form-btn-label\"],\"errorMessage\":[1,\"error-message\"],\"fields\":[1],\"initData\":[16],\"values\":[32],\"isSubmitting\":[32],\"hasError\":[32],\"errors\":[32],\"parsedFields\":[32],\"getData\":[64]},null,{\"fields\":[\"parseFields\"]}],[1,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleheadermenu\",\"handleToggleMenu\"]]],[1,\"eds-user\",{\"user\":[1025]}],[1,\"eds-header\",{\"homeUrl\":[513,\"home-url\"],\"links\":[1],\"headerVariant\":[513,\"header-variant\"],\"menuEnabled\":[4,\"menu-enabled\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32],\"isAuthenticated\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]]],[1,\"eds-steps-v2\",{\"steps\":[1],\"type\":[1],\"imageSrc\":[1,\"image-src\"],\"bg\":[4],\"message\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}],[1,\"eds-modal\",{\"heading\":[1,\"title\"],\"truncate\":[2],\"position\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[0,\"eds-modal-open\",\"handleGlobalOpen\"],[0,\"eds-modal-close\",\"handleGlobalClose\"],[8,\"keydown\",\"handleKeyDown\"]]],[1,\"eds-gauge\",{\"size\":[2],\"valueMin\":[2,\"value-min\"],\"valueMax\":[2,\"value-max\"],\"value\":[2],\"thickness\":[2],\"variant\":[1]}],[1,\"eds-pie\",{\"size\":[2],\"slices\":[1],\"thickness\":[2],\"display\":[1],\"legend\":[4],\"colorScheme\":[1,\"color-scheme\"]}],[1,\"eds-tabs\",{\"identifier\":[1,\"id\"],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}],[1,\"eds-tooltip\",{\"content\":[1]},[[1,\"mouseenter\",\"handleHover\"]]],[0,\"token-spacing\"],[1,\"eds-footer\",{\"social\":[4],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"cookiesPreferences\":[1,\"cookies-preferences\"],\"enableCookiesSettings\":[4,\"enable-cookies-settings\"],\"backToTopAriaLabel\":[1,\"back-to-top-aria-label\"],\"showMatomoNotice\":[32]}],[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"rounded\":[4],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"isOpen\":[32],\"focusIndex\":[32]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"]]],[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-card-generic\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[1],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"hierarchy\":[4],\"parsedImage\":[32]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-social-networks\",{\"heading\":[1,\"title\"]}],[1,\"eds-block-break\",{\"inverse\":[4]}],[1,\"eds-card-desc\",{\"description\":[1],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}],[1,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"onChange\":[16],\"onInput\":[16],\"type\":[1],\"required\":[4],\"label\":[1],\"hint\":[1],\"icon\":[1],\"link\":[16],\"message\":[1],\"error\":[4],\"checked\":[4],\"errorMessage\":[1,\"error-message\"],\"value\":[8],\"maxLength\":[2,\"max-length\"],\"options\":[1],\"exposeValueEvents\":[4,\"expose-value-events\"]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1]}],[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}],[0,\"eds-input\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"checked\":[4],\"type\":[1],\"required\":[4],\"value\":[8],\"icon\":[1],\"maxLength\":[2,\"max-length\"],\"options\":[16],\"extraClass\":[1,\"extra-class\"],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[0,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"decorate\":[1],\"label\":[1],\"getInputElement\":[64]}],[0,\"eds-input-select\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"required\":[4],\"options\":[16],\"value\":[8]}],[0,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"sliderVal\":[32],\"getInputElement\":[64]},null,{\"value\":[\"onValueChange\"]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1],\"size\":[1]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}],[1,\"eds-img\",{\"src\":[1],\"alt\":[1],\"width\":[2],\"height\":[2],\"srcset\":[1],\"sizes\":[1],\"formats\":[16],\"lazyload\":[4],\"withBg\":[4,\"with-bg\"],\"loaded\":[32],\"showBg\":[32]}],[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"],\"extraClass\":[1,\"extra-class\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-button\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"elementType\":[1,\"element-type\"],\"intent\":[1],\"loading\":[4],\"disabled\":[4],\"pill\":[4],\"icon\":[1],\"size\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"extraClass\":[1,\"extra-class\"],\"triggerClick\":[16]},[[0,\"parentContext\",\"handleParentContext\"]]],[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-trl\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"logo-space\",[[1,\"logo-space\"]]],[\"svg-repository\",[[1,\"svg-repository\"]]],[\"docs-palettes\",[[0,\"docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"components-section\",[[0,\"components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-section\",[[1,\"eds-card-section\",{\"cards\":[1],\"occupyCols\":[2,\"occupy-cols\"]}]]],[\"eds-timeline\",[[1,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"docs-tokens\",[[0,\"docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-tool\",[[1,\"eds-card-tool\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"external\":[4],\"hierarchy\":[4]}]]],[\"eds-cookies-preference\",[[0,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"eds-app-root\",[[1,\"eds-app-root\",{\"isAuthenticated\":[32]}]]],[\"eds-card-project\",[[0,\"eds-card-project\",{\"image\":[8],\"editorialTitle\":[1,\"editorial-title\"],\"headingLevel\":[1,\"heading-level\"],\"categoryTitle\":[1,\"category-title\"],\"color\":[1],\"bgOnHover\":[4,\"bg-on-hover\"],\"vertical\":[4],\"titleProject\":[1,\"title-project\"],\"url\":[1],\"parsedImage\":[32]}]]],[\"eds-feedback\",[[1,\"eds-feedback\",{\"headingLevel\":[1,\"heading-level\"],\"type\":[1],\"count\":[2],\"label\":[1],\"description\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]},[[16,\"rating\",\"ratingUpdated\"]]]]],[\"eds-toast-manager\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"incorrect-use-of-colors\",[[0,\"incorrect-use-of-colors\"]]],[\"logo-variations-tabs\",[[0,\"logo-variations-tabs\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"correct-use-of-colors\",[[0,\"correct-use-of-colors\"]]],[\"eds-frame\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"frameSrc\":[1,\"frame-src\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"url\":[1],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"token-ratios\",[[0,\"token-ratios\"]]],[\"token-typography\",[[0,\"token-typography\"]]],[\"eds-card-tags\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-icon-arrow-diagonal\",[[0,\"eds-icon-arrow-diagonal\",{\"class\":[1]}]]],[\"eds-icon-arrow-right\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-bookmark\",[[0,\"eds-icon-bookmark\",{\"class\":[1]}]]],[\"eds-icon-chevron-down\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-close\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-eu\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-external\",[[0,\"eds-icon-external\",{\"class\":[1]}]]],[\"eds-icon-facebook\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-minus\",[[0,\"eds-icon-minus\",{\"class\":[1]}]]],[\"eds-icon-more\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-paper\",[[0,\"eds-icon-paper\",{\"class\":[1]}]]],[\"eds-icon-plus\",[[0,\"eds-icon-plus\",{\"class\":[1]}]]],[\"eds-icon-portal\",[[0,\"eds-icon-portal\",{\"class\":[1]}]]],[\"eds-icon-private\",[[0,\"eds-icon-private\",{\"class\":[1]}]]],[\"eds-icon-public\",[[0,\"eds-icon-public\",{\"class\":[1]}]]],[\"eds-icon-search\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-star\",[[0,\"eds-icon-star\",{\"class\":[1]}]]],[\"eds-icon-success\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-thumbs-down\",[[0,\"eds-icon-thumbs-down\",{\"class\":[1]}]]],[\"eds-icon-thumbs-up\",[[0,\"eds-icon-thumbs-up\",{\"class\":[1]}]]],[\"eds-icon-tutorial\",[[0,\"eds-icon-tutorial\",{\"class\":[1]}]]],[\"eds-icon-twitter\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-unknown\",[[0,\"eds-icon-unknown\",{\"class\":[1]}]]],[\"eds-icon-updown\",[[0,\"eds-icon-updown\",{\"class\":[1]}]]],[\"eds-icon-user\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-icon-youtube\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-switch\",[[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"]}]]],[\"logo-wrong-usage\",[[1,\"logo-wrong-usage\"]]],[\"eds-accordion\",[[1,\"eds-accordion\",{\"heading\":[1,\"title\"],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32],\"headerHeight\":[32]}]]],[\"eds-matomo-notice\",[[1,\"eds-matomo-notice\",{\"heading\":[1,\"title\"],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]]]],[\"eds-rating\",[[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[32]}]]],[\"eds-spinner\",[[1,\"eds-spinner\",{\"size\":[1],\"thickness\":[1],\"borderColor\":[1,\"border-color\"],\"bottomColor\":[1,\"bottom-color\"],\"background\":[1],\"fullscreen\":[4]}]]],[\"eds-splash-screen\",[[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"eds-toast\",[[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}]]],[\"eds-progress-bar\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"rounded\":[4],\"updateValue\":[64]}]]],[\"logo-variations-horizontal_2\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-alert\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"brd\":[1],\"withBtn\":[32]}]]],[\"eds-code-block\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]],[\"token-list_3\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-section-core_2\",[[1,\"eds-section-core\",{\"tag\":[1],\"sectionTitle\":[1,\"section-title\"],\"headingLevel\":[1,\"heading-level\"]}],[0,\"eds-section-heading\",{\"sectionTitle\":[1,\"section-title\"],\"withContainer\":[4,\"with-container\"],\"headingLevel\":[1,\"heading-level\"],\"tag\":[1],\"spacingLarge\":[4,\"spacing-large\"]}]]],[\"color-primary-palette_6\",[[0,\"gradient-secondary-palette\"],[0,\"color-primary-palette\"],[0,\"color-secondary-palette\",{\"show\":[1]}],[0,\"color-support-palette\"],[0,\"gradient-primary-palette\"],[0,\"gradient-support-palette\"]]],[\"eds-pagination_2\",[[1,\"eds-table\",{\"data\":[1,\"table-data\"],\"endpoint\":[1],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"tbData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32],\"containerWidth\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}]]]]"), options);
+  return bootstrapLazy(JSON.parse("[[\"eds-avatar_28\",[[1,\"eds-form\",{\"name\":[1],\"setFormUrl\":[4,\"set-form-url\"],\"formBtn\":[4,\"form-btn\"],\"formBtnLabel\":[1,\"form-btn-label\"],\"errorMessage\":[1,\"error-message\"],\"fields\":[1],\"initData\":[16],\"values\":[32],\"isSubmitting\":[32],\"hasError\":[32],\"errors\":[32],\"parsedFields\":[32],\"setData\":[64],\"getData\":[64]},null,{\"fields\":[\"parseFields\"]}],[1,\"eds-fullscreen-menu\",{\"links\":[1],\"menuLinks\":[1,\"menu-links\"],\"homeUrl\":[1,\"home-url\"],\"inverseHeader\":[4,\"inverse-header\"],\"isMenuOpen\":[32]},[[16,\"toggleheadermenu\",\"handleToggleMenu\"]]],[1,\"eds-user\",{\"user\":[1025]}],[1,\"eds-header\",{\"homeUrl\":[513,\"home-url\"],\"links\":[1],\"headerVariant\":[513,\"header-variant\"],\"menuEnabled\":[4,\"menu-enabled\"],\"isMenuOpen\":[32],\"isUserMenuOpen\":[32],\"isAuthenticated\":[32]},[[16,\"authStatusChanged\",\"onAuthStatusChanged\"]]],[1,\"eds-steps-v2\",{\"steps\":[1],\"type\":[1],\"imageSrc\":[1,\"image-src\"],\"imageWidth\":[2,\"image-width\"],\"bg\":[4],\"message\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-modal\",{\"heading\":[1,\"title\"],\"truncate\":[2],\"position\":[1],\"inverseHeader\":[4,\"inverse-header\"],\"isOpen\":[32],\"open\":[64],\"close\":[64],\"toggle\":[64]},[[0,\"eds-modal-open\",\"handleGlobalOpen\"],[0,\"eds-modal-close\",\"handleGlobalClose\"],[8,\"keydown\",\"handleKeyDown\"]]],[1,\"eds-tabs\",{\"identifier\":[1,\"id\"],\"navAriaLabel\":[1,\"nav-aria-label\"],\"tabs\":[1],\"parsedTabs\":[32],\"activeIndex\":[32]},null,{\"tabs\":[\"parseTabs\"]}],[1,\"eds-footer\",{\"social\":[4],\"enableScrollTop\":[4,\"enable-scroll-top\"],\"fundedBy\":[1,\"funded-by\"],\"rightsReserved\":[1,\"rights-reserved\"],\"cookiesPreferences\":[1,\"cookies-preferences\"],\"enableCookiesSettings\":[4,\"enable-cookies-settings\"],\"backToTopAriaLabel\":[1,\"back-to-top-aria-label\"],\"showMatomoNotice\":[32]}],[1,\"eds-dropdown\",{\"icon\":[1],\"label\":[1],\"rounded\":[4],\"ariaLabel\":[1,\"aria-label\"],\"asNav\":[4,\"as-nav\"],\"dropdownPos\":[1,\"dropdown-pos\"],\"dropdownOffset\":[4,\"dropdown-offset\"],\"intent\":[1],\"isOpen\":[32],\"focusIndex\":[32]},[[8,\"click\",\"handleWindowClick\"],[8,\"keydown\",\"handleKeyDown\"]]],[1,\"eds-steps\",{\"steps\":[1],\"type\":[1],\"activeStep\":[32]},null,{\"activeStep\":[\"activeStepChanged\"]}],[1,\"eds-social-networks\",{\"heading\":[1,\"title\"]}],[1,\"eds-table\",{\"data\":[1,\"table-data\"],\"endpoint\":[1],\"config\":[1],\"rowsPerPage\":[2,\"rows-per-page\"],\"paginationEnabled\":[4,\"pagination-enabled\"],\"searchEnabled\":[4,\"search-enabled\"],\"hostWidth\":[1,\"host-width\"],\"columnSize\":[1,\"column-size\"],\"actions\":[1],\"actionTemplate\":[16],\"parsedActions\":[32],\"dataColumns\":[32],\"tbData\":[32],\"columns\":[32],\"currentPage\":[32],\"parsedConfig\":[32],\"totalRows\":[32],\"searchQuery\":[32],\"containerWidth\":[32]},null,{\"data\":[\"handleDataChange\",\"parseData\"],\"config\":[\"handleConfigChange\"],\"actions\":[\"handleActionsChange\"]}],[1,\"eds-pagination\",{\"currentPage\":[2,\"current-page\"],\"lastPage\":[2,\"last-page\"],\"perPage\":[2,\"per-page\"],\"total\":[2],\"url\":[1],\"mode\":[1],\"prevLabel\":[1,\"prev-label\"],\"nextLabel\":[1,\"next-label\"],\"prevUrl\":[1,\"prev-url\"],\"nextUrl\":[1,\"next-url\"],\"links\":[32]},null,{\"currentPage\":[\"onPageOrLastPageChange\"],\"lastPage\":[\"onPageOrLastPageChange\"]}],[1,\"eds-block-break\",{\"inverse\":[4]}],[1,\"eds-input-field\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"required\":[4],\"label\":[1],\"hint\":[1],\"icon\":[1],\"link\":[16],\"message\":[1],\"error\":[4],\"checked\":[4],\"errorMessage\":[1,\"error-message\"],\"value\":[8],\"maxLength\":[2,\"max-length\"],\"options\":[1],\"type\":[1],\"onChangeNative\":[16],\"onInput\":[16],\"exposeValueEvents\":[4,\"expose-value-events\"]}],[1,\"eds-avatar\",{\"firstName\":[1,\"first-name\"],\"lastName\":[1,\"last-name\"],\"picture\":[1],\"initials\":[1],\"color\":[1]}],[0,\"eds-input\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"checked\":[4],\"type\":[1],\"required\":[4],\"value\":[8],\"icon\":[1],\"maxLength\":[2,\"max-length\"],\"options\":[16],\"extraClass\":[1,\"extra-class\"],\"innerVal\":[32],\"maxLengthReached\":[32]},null,{\"value\":[\"onValueChanged\"]}],[0,\"eds-input-footer\",{\"name\":[1],\"errorMessage\":[1,\"error-message\"],\"message\":[1],\"error\":[4],\"link\":[16]}],[0,\"eds-input-search\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"placeholder\":[1],\"value\":[1],\"disabled\":[4],\"required\":[4],\"decorate\":[1],\"label\":[1],\"getInputElement\":[64]}],[0,\"eds-input-select\",{\"inputId\":[1,\"input-id\"],\"name\":[1],\"placeholder\":[1],\"disabled\":[4],\"hasMessage\":[4,\"has-message\"],\"error\":[4],\"required\":[4],\"options\":[16],\"value\":[8]}],[0,\"eds-input-label\",{\"label\":[1],\"name\":[1],\"required\":[4],\"disabled\":[4]}],[0,\"eds-input-range\",{\"name\":[1],\"inputId\":[1,\"input-id\"],\"disabled\":[4],\"required\":[4],\"min\":[2],\"max\":[2],\"step\":[2],\"value\":[2],\"sliderVal\":[32],\"getInputElement\":[64]},null,{\"value\":[\"onValueChange\"]}],[1,\"eds-tag\",{\"label\":[1],\"intent\":[1],\"size\":[1]}],[1,\"eds-logo\",{\"href\":[1],\"orientation\":[1],\"type\":[1],\"label\":[1]}],[1,\"eds-img\",{\"src\":[1],\"alt\":[1],\"width\":[2],\"height\":[2],\"srcset\":[1],\"sizes\":[1],\"formats\":[16],\"lazyload\":[4],\"withBg\":[4,\"with-bg\"],\"loaded\":[32],\"showBg\":[32]}],[1,\"eds-link\",{\"label\":[1],\"intent\":[1],\"icon\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"size\":[1],\"external\":[4],\"current\":[4],\"download\":[4],\"url\":[1],\"ariaLabel\":[1,\"aria-label\"],\"disabled\":[4],\"hideLabelOnSmallScreen\":[4,\"hide-label-on-small-screen\"],\"extraClass\":[1,\"extra-class\"]},[[0,\"parentContext\",\"handleParentContext\"]]],[1,\"eds-button\",{\"label\":[1],\"ariaLabel\":[1,\"aria-label\"],\"elementType\":[1,\"element-type\"],\"intent\":[1],\"loading\":[4],\"disabled\":[4],\"pill\":[4],\"icon\":[1],\"size\":[1],\"iconPos\":[1,\"icon-pos\"],\"iconSmall\":[4,\"icon-small\"],\"extraClass\":[1,\"extra-class\"],\"triggerClick\":[16]},[[0,\"parentContext\",\"handleParentContext\"]]],[0,\"eds-icon-wrapper\",{\"icon\":[1],\"class\":[1],\"IconComponent\":[32]},null,{\"icon\":[\"iconChanged\"]}]]],[\"eds-trl\",[[0,\"eds-trl\",{\"applications\":[1]}]]],[\"logo-space\",[[1,\"logo-space\"]]],[\"svg-repository\",[[1,\"svg-repository\"]]],[\"docs-palettes\",[[0,\"docs-palettes\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"components-section\",[[0,\"components-section\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-section\",[[1,\"eds-card-section\",{\"cards\":[1],\"occupyCols\":[2,\"occupy-cols\"]}]]],[\"eds-timeline\",[[1,\"eds-timeline\",{\"events\":[1],\"selectedEvent\":[32],\"parsedEvents\":[32]},null,{\"events\":[\"parseEvents\"]}]]],[\"docs-tokens\",[[0,\"docs-tokens\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"eds-card-tool\",[[1,\"eds-card-tool\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[8],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"external\":[4],\"hierarchy\":[4]}]]],[\"eds-cookies-preference\",[[0,\"eds-cookies-preference\",{\"buttonText\":[1,\"button-text\"],\"intent\":[1],\"showMatomoNotice\":[32],\"noticeKey\":[32]}]]],[\"eds-app-root\",[[1,\"eds-app-root\",{\"isAuthenticated\":[32]}]]],[\"eds-card-project\",[[0,\"eds-card-project\",{\"image\":[8],\"editorialTitle\":[1,\"editorial-title\"],\"headingLevel\":[1,\"heading-level\"],\"categoryTitle\":[1,\"category-title\"],\"color\":[1],\"bgOnHover\":[4,\"bg-on-hover\"],\"vertical\":[4],\"titleProject\":[1,\"title-project\"],\"url\":[1],\"parsedImage\":[32]}]]],[\"eds-feedback\",[[1,\"eds-feedback\",{\"headingLevel\":[1,\"heading-level\"],\"type\":[1],\"count\":[2],\"label\":[1],\"description\":[1],\"textMapping\":[1,\"text-mapping\"],\"selectedRating\":[32]},[[16,\"rating\",\"ratingUpdated\"]]]]],[\"eds-toast-manager\",[[1,\"eds-toast-manager\",{\"toasts\":[32]}]]],[\"incorrect-use-of-colors\",[[0,\"incorrect-use-of-colors\"]]],[\"logo-variations-tabs\",[[0,\"logo-variations-tabs\",{\"tabIndex\":[2,\"tab-index\"]}]]],[\"correct-use-of-colors\",[[0,\"correct-use-of-colors\"]]],[\"eds-breadcrumb\",[[1,\"eds-breadcrumb\",{\"items\":[1],\"intent\":[1],\"parsedItems\":[32],\"isSmallScreen\":[32],\"maxVisibleItems\":[32]},null,{\"items\":[\"parseItems\"]}]]],[\"eds-frame\",[[1,\"eds-frame\",{\"frameLabel\":[1,\"frame-label\"],\"frameSrc\":[1,\"frame-src\"],\"urlLabel\":[1,\"url-label\"],\"errorMessage\":[1,\"error-message\"],\"url\":[1],\"intent\":[1],\"size\":[1],\"iframeError\":[32]}]]],[\"token-ratios\",[[0,\"token-ratios\"]]],[\"token-typography\",[[0,\"token-typography\"]]],[\"eds-card-tags\",[[1,\"eds-card-tags\",{\"accent\":[4],\"tags\":[16]}]]],[\"eds-gauge\",[[1,\"eds-gauge\",{\"size\":[2],\"valueMin\":[2,\"value-min\"],\"valueMax\":[2,\"value-max\"],\"value\":[2],\"thickness\":[2],\"variant\":[1]}]]],[\"eds-icon-arrow-diagonal\",[[0,\"eds-icon-arrow-diagonal\",{\"class\":[1]}]]],[\"eds-icon-arrow-right\",[[0,\"eds-icon-arrow-right\",{\"class\":[1]}]]],[\"eds-icon-bluesky\",[[0,\"eds-icon-bluesky\",{\"class\":[1]}]]],[\"eds-icon-bookmark\",[[0,\"eds-icon-bookmark\",{\"class\":[1]}]]],[\"eds-icon-chevron-down\",[[0,\"eds-icon-chevron-down\",{\"class\":[1]}]]],[\"eds-icon-chevron-left\",[[0,\"eds-icon-chevron-left\",{\"class\":[1]}]]],[\"eds-icon-chevron-right\",[[0,\"eds-icon-chevron-right\",{\"class\":[1]}]]],[\"eds-icon-chevron-up\",[[0,\"eds-icon-chevron-up\",{\"class\":[1]}]]],[\"eds-icon-close\",[[0,\"eds-icon-close\",{\"class\":[1]}]]],[\"eds-icon-copy\",[[0,\"eds-icon-copy\",{\"class\":[1]}]]],[\"eds-icon-eu\",[[0,\"eds-icon-eu\",{\"class\":[1]}]]],[\"eds-icon-external\",[[0,\"eds-icon-external\",{\"class\":[1]}]]],[\"eds-icon-facebook\",[[0,\"eds-icon-facebook\",{\"class\":[1]}]]],[\"eds-icon-gitlab\",[[0,\"eds-icon-gitlab\",{\"class\":[1]}]]],[\"eds-icon-linkedin\",[[0,\"eds-icon-linkedin\",{\"class\":[1]}]]],[\"eds-icon-loader\",[[0,\"eds-icon-loader\",{\"class\":[1]}]]],[\"eds-icon-mastodon\",[[0,\"eds-icon-mastodon\",{\"class\":[1]}]]],[\"eds-icon-menu\",[[0,\"eds-icon-menu\",{\"class\":[1]}]]],[\"eds-icon-minus\",[[0,\"eds-icon-minus\",{\"class\":[1]}]]],[\"eds-icon-more\",[[0,\"eds-icon-more\",{\"class\":[1]}]]],[\"eds-icon-paper\",[[0,\"eds-icon-paper\",{\"class\":[1]}]]],[\"eds-icon-plus\",[[0,\"eds-icon-plus\",{\"class\":[1]}]]],[\"eds-icon-portal\",[[0,\"eds-icon-portal\",{\"class\":[1]}]]],[\"eds-icon-private\",[[0,\"eds-icon-private\",{\"class\":[1]}]]],[\"eds-icon-public\",[[0,\"eds-icon-public\",{\"class\":[1]}]]],[\"eds-icon-search\",[[0,\"eds-icon-search\",{\"class\":[1]}]]],[\"eds-icon-star\",[[0,\"eds-icon-star\",{\"class\":[1]}]]],[\"eds-icon-success\",[[0,\"eds-icon-success\",{\"class\":[1]}]]],[\"eds-icon-thumbs-down\",[[0,\"eds-icon-thumbs-down\",{\"class\":[1]}]]],[\"eds-icon-thumbs-up\",[[0,\"eds-icon-thumbs-up\",{\"class\":[1]}]]],[\"eds-icon-tutorial\",[[0,\"eds-icon-tutorial\",{\"class\":[1]}]]],[\"eds-icon-twitter\",[[0,\"eds-icon-twitter\",{\"class\":[1]}]]],[\"eds-icon-unknown\",[[0,\"eds-icon-unknown\",{\"class\":[1]}]]],[\"eds-icon-updown\",[[0,\"eds-icon-updown\",{\"class\":[1]}]]],[\"eds-icon-user\",[[0,\"eds-icon-user\",{\"class\":[1]}]]],[\"eds-icon-youtube\",[[0,\"eds-icon-youtube\",{\"class\":[1]}]]],[\"eds-pie\",[[1,\"eds-pie\",{\"size\":[2],\"slices\":[1],\"thickness\":[2],\"display\":[1],\"legend\":[4],\"colorScheme\":[1,\"color-scheme\"]}]]],[\"eds-switch\",[[1,\"eds-switch\",{\"checked\":[1540],\"disabled\":[4],\"labelOn\":[1,\"label-on\"],\"labelOff\":[1,\"label-off\"]}]]],[\"eds-tooltip\",[[1,\"eds-tooltip\",{\"content\":[1]},[[1,\"mouseenter\",\"handleHover\"]]]]],[\"logo-wrong-usage\",[[1,\"logo-wrong-usage\"]]],[\"token-spacing\",[[0,\"token-spacing\"]]],[\"eds-accordion\",[[1,\"eds-accordion\",{\"heading\":[1,\"title\"],\"description\":[1],\"switchBg\":[4,\"switch-bg\"],\"expanded\":[4],\"clampText\":[4,\"clamp-text\"],\"isExpanded\":[32],\"panelHeight\":[32],\"shortContent\":[32],\"headerHeight\":[32]}]]],[\"eds-matomo-notice\",[[1,\"eds-matomo-notice\",{\"heading\":[1,\"title\"],\"description\":[1],\"optOutMessage\":[1,\"opt-out-message\"],\"forceShow\":[4,\"force-show\"],\"showNotice\":[32]},[[16,\"cookies\",\"toggleCookiesConsent\"]]]]],[\"eds-rating\",[[1,\"eds-rating\",{\"ratingType\":[1,\"rating-type\"],\"ratingCount\":[2,\"rating-count\"],\"selectedRating\":[32]}]]],[\"eds-spinner\",[[1,\"eds-spinner\",{\"size\":[1],\"thickness\":[1],\"borderColor\":[1,\"border-color\"],\"bottomColor\":[1,\"bottom-color\"],\"background\":[1],\"fullscreen\":[4]}]]],[\"eds-splash-screen\",[[1,\"eds-splash-screen\",{\"inverse\":[4],\"initPromise\":[16],\"isVisible\":[32]},[[8,\"hideSplash\",\"handleHideSplash\"]],{\"initPromise\":[\"watchInitPromise\"]}]]],[\"eds-toast\",[[1,\"eds-toast\",{\"message\":[1],\"intent\":[1],\"duration\":[2],\"visible\":[32]}]]],[\"eds-progress-bar\",[[1,\"eds-progress-bar\",{\"value\":[1026],\"rounded\":[4],\"updateValue\":[64]}]]],[\"eds-card-generic\",[[1,\"eds-card-generic\",{\"cardTitle\":[1,\"card-title\"],\"url\":[1],\"description\":[1],\"image\":[8],\"avatar\":[1],\"shortAbbreviation\":[1,\"short-abbreviation\"],\"headingLevel\":[1,\"heading-level\"],\"tags\":[1],\"tiny\":[4],\"bg\":[4],\"withHover\":[4,\"with-hover\"],\"hierarchy\":[4],\"parsedImage\":[32]},[[0,\"parentContext\",\"handleParentContext\"]]]]],[\"logo-variations-horizontal_2\",[[1,\"logo-variations-horizontal\"],[1,\"logo-variations-vertical\",{\"orientation\":[1],\"type\":[1]}]]],[\"eds-alert\",[[1,\"eds-alert\",{\"message\":[1],\"pressableLabel\":[1,\"pressable-label\"],\"pressableUrl\":[1,\"pressable-url\"],\"direction\":[1],\"intent\":[1],\"brd\":[1],\"withBtn\":[32]}]]],[\"token-list_3\",[[0,\"token-list\",{\"show\":[1]}],[0,\"token-radii\"],[0,\"token-shadows\"]]],[\"eds-section-core_2\",[[1,\"eds-section-core\",{\"tag\":[1],\"sectionTitle\":[1,\"section-title\"],\"headingLevel\":[1,\"heading-level\"]}],[0,\"eds-section-heading\",{\"sectionTitle\":[1,\"section-title\"],\"withContainer\":[4,\"with-container\"],\"headingLevel\":[1,\"heading-level\"],\"tag\":[1],\"spacingLarge\":[4,\"spacing-large\"]}]]],[\"eds-code-block\",[[1,\"eds-code-block\",{\"code\":[1],\"language\":[1],\"copied\":[32]}]]],[\"color-primary-palette_6\",[[0,\"gradient-secondary-palette\"],[0,\"color-primary-palette\"],[0,\"color-secondary-palette\",{\"show\":[1]}],[0,\"color-support-palette\"],[0,\"gradient-primary-palette\"],[0,\"gradient-support-palette\"]]],[\"eds-card-desc_2\",[[1,\"eds-card-desc\",{\"description\":[1],\"truncate\":[4],\"truncateLines\":[1,\"truncate-lines\"]}],[1,\"eds-card-title\",{\"url\":[1],\"titleClass\":[1,\"title-class\"],\"headingLevel\":[1,\"heading-level\"],\"externalLink\":[4,\"external-link\"],\"cardTitle\":[1,\"card-title\"],\"hierarchy\":[4]}]]]]"), options);
 };
 
 export { defineCustomElements };

package/dist/esm/token-spacing.entry.js

@@ -0,0 +1,12 @@
+import { r as registerInstance, h } from './index-fdb33359.js';
+
+const TokenSpacing = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h("div", { key: 'ad89d21ec01f11c77d85853f7c0dbefd8ea9f07f', class: "w-full" }, h("ul", { key: '6108fb2870c358de8e5c48e6d14f6c1e76af856f', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'cd0d1986b416f12164b8d0458262987a445662ca', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'f2cfd77fcba601b89605dabf109f599816bb118e', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '69e4cb5660f5c51d2b9c1ba30a38f3b7decacc58', class: "spacing-sample m-16 bg-strong" }, h("span", { key: '70a07326b0a95655db3aad083637499f5ed4aa73', class: "f-body-01 text-inverse" }, "Margin: 1rem / m-16")))), h("li", { key: '97b8c127e9bbe9af4ec8f6876ebae3f87a52d130', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '58537d6aa824b489ae9c5150400af21f11f1f447', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '3f2913d232cb9de1b678b7f7903bef0642ef42df', class: "spacing-sample ml-64 bg-strong" }, h("span", { key: 'fe56d1a501dc219a1bac474b674586609499f3de', class: "f-body-01 text-inverse" }, "Margin Left: 4rem / ml-64")))), h("li", { key: 'e2dee648fd4bce503414d76f3afe64655285523c', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'e788fa22248ac92fb8bc89566c5b8a77cf14578f', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '9629958b453aa831a1d871bb4e846d0926d9e57c', class: "spacing-sample mt-32 bg-strong" }, h("span", { key: '0efde7eaed0fe3e14f476617e7e9bf2e20131f2c', class: "f-body-01 text-inverse" }, "Margin Top: 2rem / mt-32")))), h("li", { key: '6dabfeb0086c784c50843abd12d5a505a56e0933', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '164e7eec6ed3aad2847c4ede97f4bbfed34138d1', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: '9be99b05ba29204f6163df2c1522e7aa6211bd3d', class: "spacing-sample p-32 bg-strong" }, h("span", { key: 'ae0a7ea74e31ea324015b844848c3d5a68930e8d', class: "f-body-01 text-inverse" }, "Padding: 2rem / p-32")))), h("li", { key: '3804dbfb6a64a1dfd478bd0132ff83f51bcff33e', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: '75c96b0762c3fac8b4de897ab8147b2c5614a360', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'd00487531406fa89112bee34e05306c59dc4f497', class: "spacing-sample pt-32 bg-strong" }, h("span", { key: '8a750b7ac07739a71949b236421427b8bb05b067', class: "f-body-01 text-inverse" }, "Padding Top: 2rem / pt-32")))), h("li", { key: '5e5fe43383f13b4377aca7cfb07c97b6ac1dd79b', class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { key: 'ed2ac88c543eba8c580d029ccacb1a8b26c1cae7', class: "container p-8 item-center border-2 border-soft" }, h("div", { key: 'cf9a94b61e598c0ee6da9e771717574b48264333', class: "spacing-sample pl-32 bg-strong" }, h("span", { key: 'a2d3fce66240c6b0d49d1a655c0b5a84be9c630d', class: "f-body-01 text-inverse" }, "Padding Left: 2rem / pl-32")))))));
+    }
+};
+
+export { TokenSpacing as token_spacing };