@ebrains/components 0.9.1-beta → 0.9.2-beta

package/dist/components/index.esm.js

@@ -0,0 +1 @@
+

package/dist/{esm → components}/logo-space.entry.js

@@ -1,8 +1,7 @@
-import { r as registerInstance, h } from './index-8a71b9a7.js';
-import { v as vLogoMargins } from './logo-color-margins-ff8ce71b.js';
+import { r as registerInstance, h } from './index-9d277061.js';
+import { J as vLogoMargins } from './index-7281d120.js';
 
 const logoSpaceCss = "ol,ul,menu{list-style:none;margin:0;padding:0}.text-center{text-align:center}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[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-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.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)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}.w-\\[150px\\]{width:150px}.w-\\[300px\\]{width:300px}";
-const LogoSpaceStyle0 = logoSpaceCss;
 
 const LogoSpace = class {
     constructor(hostRef) {
@@ -12,6 +11,6 @@ const LogoSpace = class {
         return (h("div", { key: 'ef880ea5beba757cdd39f435eeb2fffc31840b44', class: "container" }, h("ul", { key: '53cab505e89057b97a9e6d431e25886c8790a363', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'c5454fac34e2799ce7a10d57e9d1a659522325ac', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'e8c8300bec00274891d0a5fca79955fa06efff67', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: '4b3c0262751f08fd7b23937908c429ea95f0d053', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '93acac909ef53d6e08dc09d0f9bacd676bb5e7d9', class: "text-center mt-16" }, h("p", { key: 'e8f03d15125aeb471a876cd58f12ae094c1539d3', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: 'fbb39b9b45de955c46329f3d96209074a1e513ff', data: '[\n                  { "Media": "Print", "Landscape": "0.75 cm", "Portrait": "1.75 cm" },\n                  { "Media": "Web", "Landscape": "29 px", "Portrait": "50 px" }\n                ]', config: '{\n                  "Media": { "format": "bold" }\n                }' }))), h("li", { key: '25b3994ab87f7c78b514b585aebf72893b4cc25f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }))));
     }
 };
-LogoSpace.style = LogoSpaceStyle0;
+LogoSpace.style = logoSpaceCss;
 
 export { LogoSpace as logo_space };

package/dist/components/{logo-variations-horizontal2.js → logo-variations-horizontal.entry.js}

@@ -1,37 +1,15 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$1 } from './eds-logo2.js';
+import { r as registerInstance, h } from './index-9d277061.js';
 
 const logoVariationsHorizontalCss = "ol,ul,menu{list-style:none;margin:0;padding:0}.coloured{background:linear-gradient(to left,\n      #9CE142 0%,\n      #00C959 50%,\n      #00A595 100%)}.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)}.text-center{text-align:center}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[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-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.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)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}";
-const LogoVariationsHorizontalStyle0 = logoVariationsHorizontalCss;
 
-const LogoVariationsHorizontal = /*@__PURE__*/ proxyCustomElement(class LogoVariationsHorizontal extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
+const LogoVariationsHorizontal = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
     }
     render() {
         return (h("div", { key: '02941660c566920227b36481dd7d211ad0ae35cc', class: "container" }, h("ul", { key: 'a1859aafecdba011251097f758b38171278cac22', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'c105a4f208a7b7f15c6e0b28aff947e14bd533b9', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '7b465faf996ae41431f505a81f86711988fcf680', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '6e4ecd4347777a1fed5502129abe7247e2963923', class: "coloured" }, h("eds-logo", { key: '8b129a330768f306d009bf93a4602d761559d0b8', type: "no-bg", href: "#" }))), h("li", { key: '451cadfdb5178acc0269988a06afb0e454a07833', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '7b9d5fc604ebea27478f9ea3f95bf353e3310132', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'd3bb58f4f9c5c5e2d74511d7aac5375d221119e2', class: "bg-default" }, h("eds-logo", { key: 'bff3e05b114130b767cfecd65de33ba6ebf63778', type: "black", href: "#" }))), h("li", { key: 'f7a627949d4c2e2a31f2e8c713a311c440c7d644', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '09f14d2777c7462c493953748b92cdadf971e67e', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: 'c7b79be6d031fb97e875525b848350a988879193' }, h("eds-logo", { key: '8a7fcf5800747bca95402df008423fd57ef2ebde', type: "color-white", href: "#" }))))));
     }
-    static get style() { return LogoVariationsHorizontalStyle0; }
-}, [1, "logo-variations-horizontal"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["logo-variations-horizontal", "eds-logo"];
-    components.forEach(tagName => { switch (tagName) {
-        case "logo-variations-horizontal":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LogoVariationsHorizontal);
-            }
-            break;
-        case "eds-logo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
+};
+LogoVariationsHorizontal.style = logoVariationsHorizontalCss;
 
-export { LogoVariationsHorizontal as L, defineCustomElement as d };
+export { LogoVariationsHorizontal as logo_variations_horizontal };

package/dist/{esm → components}/logo-variations-tabs.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { r as registerInstance, h } from './index-9d277061.js';
 
 const LogoVariationsTabs = class {
     constructor(hostRef) {

package/dist/components/{logo-variations-vertical2.js → logo-variations-vertical.entry.js}

@@ -1,42 +1,17 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$1 } from './eds-logo2.js';
+import { r as registerInstance, h } from './index-9d277061.js';
 
 const logoVariationsVerticalCss = ".coloured{background:linear-gradient(to left,\n      #9CE142 0%,\n      #00C959 50%,\n      #00A595 100%)}ol,ul,menu{list-style:none;margin:0;padding:0}.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)}.text-center{text-align:center}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[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-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.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)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}";
-const LogoVariationsVerticalStyle0 = logoVariationsVerticalCss;
 
-const LogoVariationsVertical = /*@__PURE__*/ proxyCustomElement(class LogoVariationsVertical extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
+const LogoVariationsVertical = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.orientation = 'vertical';
         this.type = undefined;
     }
     render() {
         return (h("div", { key: 'e842e396933ee714f86a9443b55cd7045d12277e', class: "container" }, h("ul", { key: 'dfea7dc44294bfe2acbbfd580bff8908cbeb98bf', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'fe44c472c10b814ff815c2a8cd7101adb0890872', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '5ed6f1029df41907ca8b27a51612a1078f353ade', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'eae38dbd0f8d4b92f2768559dbe65d6c136ba746', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: '7a05dacc86c54c6ff51810b14c9dc99fad4e36b5', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: '4055ab71f60098acea7e27f2a8706c45aecb7097', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '340cfb0cbf6383d46eabd91b6fb591a003ec00f6', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: 'd4158d0b6413cae236c333fe0ffdd77dbda22c88', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: 'a411c3438499758b68cf949a83d9097da70a11f0', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: 'a7a97185be422337fb333709c61fe7c435bc82f3', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'cef2acc75d1749cd93699a99a2d80aeaa61ed632', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '43be8f5ca418a93b58c8f3a52d04a6e50b5bb03b', class: "mx-auto w-[300px]" }, h("eds-logo", { key: 'b5453b1009c0aa5c799c417e5c13b30cfc647840', orientation: "vertical", type: "color-white", href: "#" }))))));
     }
-    static get style() { return LogoVariationsVerticalStyle0; }
-}, [1, "logo-variations-vertical", {
-        "orientation": [1],
-        "type": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["logo-variations-vertical", "eds-logo"];
-    components.forEach(tagName => { switch (tagName) {
-        case "logo-variations-vertical":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, LogoVariationsVertical);
-            }
-            break;
-        case "eds-logo":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
+};
+LogoVariationsVertical.style = logoVariationsVerticalCss;
 
-export { LogoVariationsVertical as L, defineCustomElement as d };
+export { LogoVariationsVertical as logo_variations_vertical };

package/dist/{esm → components}/logo-wrong-usage.entry.js

@@ -1,8 +1,7 @@
-import { r as registerInstance, h } from './index-8a71b9a7.js';
-import { h as hLogoColor } from './logo-color-7f1fd803.js';
+import { r as registerInstance, h } from './index-9d277061.js';
+import { K as hLogoColor } from './index-7281d120.js';
 
 const logoWrongUsageCss = "ol,ul,menu{list-style:none;margin:0;padding:0}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-center{text-align:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.logo{width:100%;height:auto}.bg-dark{background-color:#333}.bg-light{background-color:#f3f3f3}.bg-white{background-color:white}.non-brand-color{fill:purple;}.distorted{transform:scaleX(0.5)}.effects{filter:drop-shadow(4px 4px 10px rgba(0, 0, 0, 0.5))}.rotated{transform:rotate(15deg)}.no-other-bg-color{background-color:var(--purple-200)}.no-other-color{color:var(--red-700)}.outlined{stroke:red;stroke-width:2px;fill:none;}.custom-font{font-family:'Comic Sans MS', cursive;font-size:20px;color:#333;}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*=\"grid-line-x\"][class*=\"grid-line-x\"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[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-6[class*=\"grid-line-x\"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-x\"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*=\"grid-line-y\"][class*=\"grid-line-y\"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.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)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}";
-const LogoWrongUsageStyle0 = logoWrongUsageCss;
 
 const LogoWrongUsage = class {
     constructor(hostRef) {
@@ -12,6 +11,6 @@ const LogoWrongUsage = class {
         return (h("div", { key: '3abc03c4b2592a3138a60c80c390ff12ac79c92e', class: "container" }, h("ul", { key: 'be3a492fe05ef05b96bfc66833f7ac30d596cf7c', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '60f3aa76849d2793907b27ad6ed0584f27896dc1', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '7c0c0f86de1354651d42f11c865ea4e68d7fd5f6', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: '6c1e0b7bc964a2b062ddd539f740622ed5cf9ef8', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: '4dbf231814d5994d3075ca55b8a18006eb3b487e', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'ee1964d4fe1390daa4c3446370d6efd183ec80e2', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: '509d867602f88bfd2ce5030e78005eb96993e22b', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '40b486fdcf816d6cc3943b3444014a145798889f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'cc64549a8aaf14eac2ed57543ca7bbca39fd7686', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: 'e8fdc70352a2084d5bc7255059addb232f055f63', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '375278f35b81a58f00f0a5702d156774b8d5f5a0', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '4c4d4f2e3a8b4111b2f444a744f366c276f1869f', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: 'c3bf1ab4f4244a345ab5babbce4f4de78b696ac6', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: '5fe3b28dba45127dc391d8101402834f09a61976', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'e4e36e3539813527c339e0e46a66661d8d9fd412', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: '6d48a5cc5a0917047ba8377da80a24f42d3d16d1', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: '9e55f909b1fc0fcbc9b3a1e6d57257f4972f7632', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'c1867f7232957dc5022936f2174039e4d02e6ad7', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: 'd0769904f374ae87e5e283135854dbfb7b448663', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '0955a1f0e63fdc260e990ce995f8d1e1546bfdf4', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '4f9ad9e2a5d3ba7125284b1657db0cad282480ce', class: "mx-auto" }, h("div", { key: 'd1a2ef07750991919768bd699a8e8c2cd2801254', class: "bg-accent p-16" }, h("div", { key: '291732a9a1463be409989c10def40eafb4e89ee2', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: 'b9946ad16af5c474a06179be04966dfaba6c81c3', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
     }
 };
-LogoWrongUsage.style = LogoWrongUsageStyle0;
+LogoWrongUsage.style = logoWrongUsageCss;
 
 export { LogoWrongUsage as logo_wrong_usage };

package/dist/components/shadow-css-423dab2c.js

@@ -0,0 +1,332 @@
+// src/utils/regular-expression.ts
+var escapeRegExpSpecialCharacters = (text) => {
+  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+};
+
+// src/utils/shadow-css.ts
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ *
+ * This file is a port of shadowCSS from `webcomponents.js` to TypeScript.
+ * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
+ * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
+ */
+var safeSelector = (selector) => {
+  const placeholders = [];
+  let index = 0;
+  selector = selector.replace(/(\[[^\]]*\])/g, (_, keep) => {
+    const replaceBy = `__ph-${index}__`;
+    placeholders.push(keep);
+    index++;
+    return replaceBy;
+  });
+  const content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, (_, pseudo, exp) => {
+    const replaceBy = `__ph-${index}__`;
+    placeholders.push(exp);
+    index++;
+    return pseudo + replaceBy;
+  });
+  const ss = {
+    content,
+    placeholders
+  };
+  return ss;
+};
+var restoreSafeSelector = (placeholders, content) => {
+  return content.replace(/__ph-(\d+)__/g, (_, index) => placeholders[+index]);
+};
+var _polyfillHost = "-shadowcsshost";
+var _polyfillSlotted = "-shadowcssslotted";
+var _polyfillHostContext = "-shadowcsscontext";
+var _parenSuffix = ")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)";
+var _cssColonHostRe = new RegExp("(" + _polyfillHost + _parenSuffix, "gim");
+var _cssColonHostContextRe = new RegExp("(" + _polyfillHostContext + _parenSuffix, "gim");
+var _cssColonSlottedRe = new RegExp("(" + _polyfillSlotted + _parenSuffix, "gim");
+var _polyfillHostNoCombinator = _polyfillHost + "-no-combinator";
+var _polyfillHostNoCombinatorRe = /-shadowcsshost-no-combinator([^\s]*)/;
+var _shadowDOMSelectorsRe = [/::shadow/g, /::content/g];
+var _selectorReSuffix = "([>\\s~+[.,{:][\\s\\S]*)?$";
+var _polyfillHostRe = /-shadowcsshost/gim;
+var createSupportsRuleRe = (selector) => new RegExp(`((?<!(^@supports(.*)))|(?<={.*))(${selector}\\b)`, "gim");
+var _colonSlottedRe = createSupportsRuleRe("::slotted");
+var _colonHostRe = createSupportsRuleRe(":host");
+var _colonHostContextRe = createSupportsRuleRe(":host-context");
+var _commentRe = /\/\*\s*[\s\S]*?\*\//g;
+var stripComments = (input) => {
+  return input.replace(_commentRe, "");
+};
+var _commentWithHashRe = /\/\*\s*#\s*source(Mapping)?URL=[\s\S]+?\*\//g;
+var extractCommentsWithHash = (input) => {
+  return input.match(_commentWithHashRe) || [];
+};
+var _ruleRe = /(\s*)([^;\{\}]+?)(\s*)((?:{%BLOCK%}?\s*;?)|(?:\s*;))/g;
+var _curlyRe = /([{}])/g;
+var _selectorPartsRe = /(^.*?[^\\])??((:+)(.*)|$)/;
+var OPEN_CURLY = "{";
+var CLOSE_CURLY = "}";
+var BLOCK_PLACEHOLDER = "%BLOCK%";
+var processRules = (input, ruleCallback) => {
+  const inputWithEscapedBlocks = escapeBlocks(input);
+  let nextBlockIndex = 0;
+  return inputWithEscapedBlocks.escapedString.replace(_ruleRe, (...m) => {
+    const selector = m[2];
+    let content = "";
+    let suffix = m[4];
+    let contentPrefix = "";
+    if (suffix && suffix.startsWith("{" + BLOCK_PLACEHOLDER)) {
+      content = inputWithEscapedBlocks.blocks[nextBlockIndex++];
+      suffix = suffix.substring(BLOCK_PLACEHOLDER.length + 1);
+      contentPrefix = "{";
+    }
+    const cssRule = {
+      selector,
+      content
+    };
+    const rule = ruleCallback(cssRule);
+    return `${m[1]}${rule.selector}${m[3]}${contentPrefix}${rule.content}${suffix}`;
+  });
+};
+var escapeBlocks = (input) => {
+  const inputParts = input.split(_curlyRe);
+  const resultParts = [];
+  const escapedBlocks = [];
+  let bracketCount = 0;
+  let currentBlockParts = [];
+  for (let partIndex = 0; partIndex < inputParts.length; partIndex++) {
+    const part = inputParts[partIndex];
+    if (part === CLOSE_CURLY) {
+      bracketCount--;
+    }
+    if (bracketCount > 0) {
+      currentBlockParts.push(part);
+    } else {
+      if (currentBlockParts.length > 0) {
+        escapedBlocks.push(currentBlockParts.join(""));
+        resultParts.push(BLOCK_PLACEHOLDER);
+        currentBlockParts = [];
+      }
+      resultParts.push(part);
+    }
+    if (part === OPEN_CURLY) {
+      bracketCount++;
+    }
+  }
+  if (currentBlockParts.length > 0) {
+    escapedBlocks.push(currentBlockParts.join(""));
+    resultParts.push(BLOCK_PLACEHOLDER);
+  }
+  const strEscapedBlocks = {
+    escapedString: resultParts.join(""),
+    blocks: escapedBlocks
+  };
+  return strEscapedBlocks;
+};
+var insertPolyfillHostInCssText = (cssText) => {
+  cssText = cssText.replace(_colonHostContextRe, `$1${_polyfillHostContext}`).replace(_colonHostRe, `$1${_polyfillHost}`).replace(_colonSlottedRe, `$1${_polyfillSlotted}`);
+  return cssText;
+};
+var convertColonRule = (cssText, regExp, partReplacer) => {
+  return cssText.replace(regExp, (...m) => {
+    if (m[2]) {
+      const parts = m[2].split(",");
+      const r = [];
+      for (let i = 0; i < parts.length; i++) {
+        const p = parts[i].trim();
+        if (!p) break;
+        r.push(partReplacer(_polyfillHostNoCombinator, p, m[3]));
+      }
+      return r.join(",");
+    } else {
+      return _polyfillHostNoCombinator + m[3];
+    }
+  });
+};
+var colonHostPartReplacer = (host, part, suffix) => {
+  return host + part.replace(_polyfillHost, "") + suffix;
+};
+var convertColonHost = (cssText) => {
+  return convertColonRule(cssText, _cssColonHostRe, colonHostPartReplacer);
+};
+var colonHostContextPartReplacer = (host, part, suffix) => {
+  if (part.indexOf(_polyfillHost) > -1) {
+    return colonHostPartReplacer(host, part, suffix);
+  } else {
+    return host + part + suffix + ", " + part + " " + host + suffix;
+  }
+};
+var convertColonSlotted = (cssText, slotScopeId) => {
+  const slotClass = "." + slotScopeId + " > ";
+  const selectors = [];
+  cssText = cssText.replace(_cssColonSlottedRe, (...m) => {
+    if (m[2]) {
+      const compound = m[2].trim();
+      const suffix = m[3];
+      const slottedSelector = slotClass + compound + suffix;
+      let prefixSelector = "";
+      for (let i = m[4] - 1; i >= 0; i--) {
+        const char = m[5][i];
+        if (char === "}" || char === ",") {
+          break;
+        }
+        prefixSelector = char + prefixSelector;
+      }
+      const orgSelector = (prefixSelector + slottedSelector).trim();
+      const addedSelector = `${prefixSelector.trimEnd()}${slottedSelector.trim()}`.trim();
+      if (orgSelector !== addedSelector) {
+        const updatedSelector = `${addedSelector}, ${orgSelector}`;
+        selectors.push({
+          orgSelector,
+          updatedSelector
+        });
+      }
+      return slottedSelector;
+    } else {
+      return _polyfillHostNoCombinator + m[3];
+    }
+  });
+  return {
+    selectors,
+    cssText
+  };
+};
+var convertColonHostContext = (cssText) => {
+  return convertColonRule(cssText, _cssColonHostContextRe, colonHostContextPartReplacer);
+};
+var convertShadowDOMSelectors = (cssText) => {
+  return _shadowDOMSelectorsRe.reduce((result, pattern) => result.replace(pattern, " "), cssText);
+};
+var makeScopeMatcher = (scopeSelector2) => {
+  const lre = /\[/g;
+  const rre = /\]/g;
+  scopeSelector2 = scopeSelector2.replace(lre, "\\[").replace(rre, "\\]");
+  return new RegExp("^(" + scopeSelector2 + ")" + _selectorReSuffix, "m");
+};
+var selectorNeedsScoping = (selector, scopeSelector2) => {
+  const re = makeScopeMatcher(scopeSelector2);
+  return !re.test(selector);
+};
+var injectScopingSelector = (selector, scopingSelector) => {
+  return selector.replace(_selectorPartsRe, (_, before = "", _colonGroup, colon = "", after = "") => {
+    return before + scopingSelector + colon + after;
+  });
+};
+var applySimpleSelectorScope = (selector, scopeSelector2, hostSelector) => {
+  _polyfillHostRe.lastIndex = 0;
+  if (_polyfillHostRe.test(selector)) {
+    const replaceBy = `.${hostSelector}`;
+    return selector.replace(_polyfillHostNoCombinatorRe, (_, selector2) => injectScopingSelector(selector2, replaceBy)).replace(_polyfillHostRe, replaceBy + " ");
+  }
+  return scopeSelector2 + " " + selector;
+};
+var applyStrictSelectorScope = (selector, scopeSelector2, hostSelector) => {
+  const isRe = /\[is=([^\]]*)\]/g;
+  scopeSelector2 = scopeSelector2.replace(isRe, (_, ...parts) => parts[0]);
+  const className = "." + scopeSelector2;
+  const _scopeSelectorPart = (p) => {
+    let scopedP = p.trim();
+    if (!scopedP) {
+      return "";
+    }
+    if (p.indexOf(_polyfillHostNoCombinator) > -1) {
+      scopedP = applySimpleSelectorScope(p, scopeSelector2, hostSelector);
+    } else {
+      const t = p.replace(_polyfillHostRe, "");
+      if (t.length > 0) {
+        scopedP = injectScopingSelector(t, className);
+      }
+    }
+    return scopedP;
+  };
+  const safeContent = safeSelector(selector);
+  selector = safeContent.content;
+  let scopedSelector = "";
+  let startIndex = 0;
+  let res;
+  const sep = /( |>|\+|~(?!=))\s*/g;
+  const hasHost = selector.indexOf(_polyfillHostNoCombinator) > -1;
+  let shouldScope = !hasHost;
+  while ((res = sep.exec(selector)) !== null) {
+    const separator = res[1];
+    const part2 = selector.slice(startIndex, res.index).trim();
+    shouldScope = shouldScope || part2.indexOf(_polyfillHostNoCombinator) > -1;
+    const scopedPart = shouldScope ? _scopeSelectorPart(part2) : part2;
+    scopedSelector += `${scopedPart} ${separator} `;
+    startIndex = sep.lastIndex;
+  }
+  const part = selector.substring(startIndex);
+  shouldScope = shouldScope || part.indexOf(_polyfillHostNoCombinator) > -1;
+  scopedSelector += shouldScope ? _scopeSelectorPart(part) : part;
+  return restoreSafeSelector(safeContent.placeholders, scopedSelector);
+};
+var scopeSelector = (selector, scopeSelectorText, hostSelector, slotSelector) => {
+  return selector.split(",").map((shallowPart) => {
+    if (slotSelector && shallowPart.indexOf("." + slotSelector) > -1) {
+      return shallowPart.trim();
+    }
+    if (selectorNeedsScoping(shallowPart, scopeSelectorText)) {
+      return applyStrictSelectorScope(shallowPart, scopeSelectorText, hostSelector).trim();
+    } else {
+      return shallowPart.trim();
+    }
+  }).join(", ");
+};
+var scopeSelectors = (cssText, scopeSelectorText, hostSelector, slotSelector) => {
+  return processRules(cssText, (rule) => {
+    let selector = rule.selector;
+    let content = rule.content;
+    if (rule.selector[0] !== "@") {
+      selector = scopeSelector(rule.selector, scopeSelectorText, hostSelector, slotSelector);
+    } else if (rule.selector.startsWith("@media") || rule.selector.startsWith("@supports") || rule.selector.startsWith("@page") || rule.selector.startsWith("@document")) {
+      content = scopeSelectors(rule.content, scopeSelectorText, hostSelector, slotSelector);
+    }
+    const cssRule = {
+      selector: selector.replace(/\s{2,}/g, " ").trim(),
+      content
+    };
+    return cssRule;
+  });
+};
+var scopeCssText = (cssText, scopeId, hostScopeId, slotScopeId) => {
+  cssText = insertPolyfillHostInCssText(cssText);
+  cssText = convertColonHost(cssText);
+  cssText = convertColonHostContext(cssText);
+  const slotted = convertColonSlotted(cssText, slotScopeId);
+  cssText = slotted.cssText;
+  cssText = convertShadowDOMSelectors(cssText);
+  if (scopeId) {
+    cssText = scopeSelectors(cssText, scopeId, hostScopeId, slotScopeId);
+  }
+  cssText = replaceShadowCssHost(cssText, hostScopeId);
+  cssText = cssText.replace(/>\s*\*\s+([^{, ]+)/gm, " $1 ");
+  return {
+    cssText: cssText.trim(),
+    // We need to replace the shadow CSS host string in each of these selectors since we created
+    // them prior to the replacement happening in the components CSS text.
+    slottedSelectors: slotted.selectors.map((ref) => ({
+      orgSelector: replaceShadowCssHost(ref.orgSelector, hostScopeId),
+      updatedSelector: replaceShadowCssHost(ref.updatedSelector, hostScopeId)
+    }))
+  };
+};
+var replaceShadowCssHost = (cssText, hostScopeId) => {
+  return cssText.replace(/-shadowcsshost-no-combinator/g, `.${hostScopeId}`);
+};
+var scopeCss = (cssText, scopeId) => {
+  const hostScopeId = scopeId + "-h";
+  const slotScopeId = scopeId + "-s";
+  const commentsWithHash = extractCommentsWithHash(cssText);
+  cssText = stripComments(cssText);
+  const scoped = scopeCssText(cssText, scopeId, hostScopeId, slotScopeId);
+  cssText = [scoped.cssText, ...commentsWithHash].join("\n");
+  scoped.slottedSelectors.forEach((slottedSelector) => {
+    const regex = new RegExp(escapeRegExpSpecialCharacters(slottedSelector.orgSelector), "g");
+    cssText = cssText.replace(regex, slottedSelector.updatedSelector);
+  });
+  return cssText;
+};
+
+export { scopeCss };

package/dist/{collection/eds-docs-ui/svg-repository/svg-repository.js → components/svg-repository.entry.js}

@@ -1,9 +1,12 @@
-import { h } from "@stencil/core";
-import * as svgs from "../../../../../../../packages/svgs/src/index";
-/**
- * @internal
- */
-export class SvgRepository {
+import { r as registerInstance, h, g as getElement } from './index-9d277061.js';
+import { L as svgs } from './index-7281d120.js';
+
+const svgRepositoryCss = ":host,.full-width{display:block;width:100%}";
+
+const SvgRepository = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
     // Convert SVG data to a format usable by `eds-table`
     getSvgData() {
         return Object.entries(svgs)
@@ -27,17 +30,8 @@ export class SvgRepository {
         };
         return (h("div", { key: 'f9b58e4ab1104753ef5e26fa70af162d9e5ddb1c', class: "full-width" }, h("eds-table", { key: 'fe21b6043cc0fc6f96cb8359f3e7ace75d3f4639', "table-data": JSON.stringify(svgData), config: JSON.stringify(tableConfig), "rows-per-page": 10, "search-enabled": true, "pagination-enabled": true })));
     }
-    static get is() { return "svg-repository"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["svg-repository.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["svg-repository.css"]
-        };
-    }
-    static get elementRef() { return "hostEl"; }
-}
+    get hostEl() { return getElement(this); }
+};
+SvgRepository.style = svgRepositoryCss;
+
+export { SvgRepository as svg_repository };

package/dist/components/{token-list2.js → token-list.entry.js}

@@ -1,6 +1,4 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './eds-code-block2.js';
-import { d as defineCustomElement$1 } from './eds-icon-wrapper2.js';
+import { r as registerInstance, h } from './index-9d277061.js';
 
 const colors = {
   tokens: {
@@ -175,10 +173,9 @@ const colors = {
   }
 };
 
-const TokenList = /*@__PURE__*/ proxyCustomElement(class TokenList extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
+const TokenList = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
         this.show = undefined;
     }
     getTextColor(value) {
@@ -247,31 +244,6 @@ const TokenList = /*@__PURE__*/ proxyCustomElement(class TokenList extends HTMLE
         // Only render sections that exist in `colors`
         sectionContent ? this.renderSection(sectionName, sectionContent) : null)));
     }
-}, [0, "token-list", {
-        "show": [1]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["token-list", "eds-code-block", "eds-icon-wrapper"];
-    components.forEach(tagName => { switch (tagName) {
-        case "token-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TokenList);
-            }
-            break;
-        case "eds-code-block":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "eds-icon-wrapper":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
+};
 
-export { TokenList as T, defineCustomElement as d };
+export { TokenList as token_list };

package/dist/{collection/eds-docs-ui/design-tokens/token-radii/token-radii.js → components/token-radii.entry.js}

@@ -1,11 +1,21 @@
-import { h } from "@stencil/core";
-import radii from "../../../../../../../../packages/assets/tokens/radii"; // Adjust the path as needed
-/**
- * @internal
- */
-export class TokenRadii {
+import { r as registerInstance, h } from './index-9d277061.js';
+
+const radii = {
+  xxs: '2px',
+  xs: '4px',
+  sm: '8px',
+  md: '12px',
+  lg: '16px',
+  pill: '100px'
+};
+
+const TokenRadii = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
     render() {
         return (h("section", { key: '912af038957cf8b00443e72529d4929b7a508a0a', class: "w-full mt-28" }, h("ul", { key: 'ffffacd1e6006a05a27d5e1248ce626c36abc73e', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, Object.entries(radii).map(([key, value]) => (h("li", { class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16" }, h("div", { class: `w-full p-16 block lg:flex items-center justify-center text-center border-3 border-soft rounded-${key}` }, h("eds-code-block", { language: "Utility Class", code: `rounded-${key}`, class: "mx-auto min-w-[200px] sm:mb-4 sm:max-w-[200px] mr-auto" }), h("eds-code-block", { code: `border-radius:${value}`, language: "css", class: "mx-auto min-w-[200px] sm:max-w-[200px] ml-auto" }))))))));
     }
-    static get is() { return "token-radii"; }
-}
+};
+
+export { TokenRadii as token_radii };

package/dist/{esm → components}/token-ratios.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-8a71b9a7.js';
+import { r as registerInstance, h } from './index-9d277061.js';
 
 const ratios = {
   '1x1': '1/1',