@ebrains/components 3.0.0 → 3.2.0

package/dist/components/logo-wrong-usage.js

@@ -11,7 +11,7 @@ const LogoWrongUsage$1 = /*@__PURE__*/ proxyCustomElement(class LogoWrongUsage e
         this.__attachShadow();
     }
     render() {
-        return (h("div", { key: '1998b8e5086ba4cd17fdc27727349b9d638664b1', class: "container" }, h("ul", { key: '84771834b81ff0714a75e1e61b9a1162e3bc639d', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '4deb145d27c43db40acbd03ef90e1a66fad22f09', 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: '801e579cd87168a51d00c78f6808a1413d689564', class: "mx-auto no-other-bg-color logo", innerHTML: logoPositive }), h("p", { key: '591ecf90d303b7302f0431a3099f64f67ec96c1b', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: 'bedfff759e45149bd7df138736b2cc9f172ee41c', 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: '643ea5b43c95f107f8fc8b0c8ea8234d4e09ba9d', class: "mx-auto no-other-color logo non-brand-color", innerHTML: logoPositive }), h("p", { key: 'b9fd83f7586a7fa02d86651ba26acbda08e63394', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '986534ff326d2ef3dd80136d151c46c98ccc8921', 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: '146c299a032bf9907e2bbc8fe72eaeb738cf0458', class: "mx-auto distorted logo", innerHTML: logoPositive }), h("p", { key: '6ddc987cca3e13ce381572d3aa51a94c7cdbc2be', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '23a471ac8dbda371bf4ba704563305c7c03680b3', 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: 'c6732fff82bc642cd0885e721a8686041809ffb7', class: "mx-auto effects logo", innerHTML: logoPositive }), h("p", { key: '463d5c2c43d8c5ec1d4abce3419bc3c66bfa02b6', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: 'c67c213f34b69089e3cbc0df3e9188b44cc9d9cf', 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: '58170477b47eec084e009c953a7216c5ed94a3b9', class: "mx-auto rotated logo", innerHTML: logoPositive }), h("p", { key: '18e2732bb758ae840dcd15e1ef678496afa2cc3b', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: '6c829569009467ee5092a6a426d87e1c3399ca29', 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: '1d66177dd3a30386ee64bafea9026bf16cf80225', class: "mx-auto outlined logo", innerHTML: logoPositive }), h("p", { key: '4c8e35fa52ef575ab6535dc219710ea356a2e1a3', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '7dc465eaeb42991d4d3066ac0a35a0a5fee929f5', 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: '0f9de8fcd64ed34040f24bbfd38c640593a7a74b', class: "mx-auto" }, h("div", { key: '9f77a72a22b0dcbbdd112816f4a02b991df5d3b1', class: "bg-accent p-16" }, h("div", { key: '1356eccbf5510a3831e9cbd09b582c38fc68a479', class: "text-inverse", innerHTML: logoPositive })), h("p", { key: 'ce32a58d2bccf82202da47d8cc0ac01642e8436a', 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"))))));
+        return (h("div", { key: 'f2917e2a6ea6fb5e2eb31dd1bc915a20256ff676', class: "container" }, h("ul", { key: 'd80a9c848c64f2603fa0aef5dd6cde3e9947eb64', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'acbdc5eba5aa42a629e0af955b8b05b693c04280', 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: 'ee377c6fc03df3ea4d36de8f488ff0e3d01795f0', class: "mx-auto no-other-bg-color logo", innerHTML: logoPositive }), h("p", { key: 'ff57d7ac90e5dc0fd03aa3cce651f8a7b05f4215', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: '39ff08699d8640290f529f2bf3bee718770f452a', 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: '9f718c4ff9148444c2b039c4afba117fd84959bf', class: "mx-auto no-other-color logo non-brand-color", innerHTML: logoPositive }), h("p", { key: '263702a71e19f66e5e133d50ff5a05d78334aa22', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '18261985b96396ab2b6fc2a782acd101565756de', 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: 'f6cd02054601479517153821e15c51c07aac549d', class: "mx-auto distorted logo", innerHTML: logoPositive }), h("p", { key: 'cdfd4f9640d3f85a96f194b146a63ff39fb02be6', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '609660c30557cebaa4798f7f13706cf62c5985ce', 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: '80c7f31b812f42ae2de7ab04e8ab237bd09d5951', class: "mx-auto effects logo", innerHTML: logoPositive }), h("p", { key: 'a0ef2f9c5358be703f6e997bf7f2d865ac7e743b', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: '52d87ca2b6fc2bd650f5051dae0a98a54b9c8681', 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: '78af2276be724f7e989ad46698de80679759d614', class: "mx-auto rotated logo", innerHTML: logoPositive }), h("p", { key: '8fe1680390e358afd2febdac98a5b91f043e3ce3', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: 'dc503648d2ed6aa8b116cd5a3bdcfcf8fdabbe7c', 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: 'b33e68a6e1ea1a21cab8832b46fc8a6305151edf', class: "mx-auto outlined logo", innerHTML: logoPositive }), h("p", { key: '59f356aa9af489175849716b43903567acbb202d', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '9754f0dc1a175ede68a9caf494d2e603e06f9bf1', 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: '1636ab42d0f934b54e44b55c67f99c6f936b02d5', class: "mx-auto" }, h("div", { key: '710300090e0862499e6d712b1155275a1a58ea18', class: "bg-accent p-16" }, h("div", { key: '71792d037786e7cd5321e969fca8421422daa387', class: "text-inverse", innerHTML: logoPositive })), h("p", { key: '185980c11a566e4ad84dfbf5d0c063f1730b2f3b', 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"))))));
     }
     static get style() { return LogoWrongUsageStyle0; }
 }, [1, "logo-wrong-usage"]);

package/dist/components/p-05e96609.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e,H as n}from"./p-271c61ff.js";function i(t){return'<linearGradient id="__UID__Unbenannter_Verlauf_29" x1="-26.7" y1="64.8" x2="155" y2="-19.9" gradientUnits="userSpaceOnUse"> <stop offset="0" stop-color="#03a98f"/> <stop offset=".1" stop-color="#10a97b"/> <stop offset=".3" stop-color="#23aa5f"/> <stop offset="1" stop-color="#00ff9d"/> </linearGradient><linearGradient id="__UID__Unbenannter_Verlauf_291" x1="38.6" y1="205" x2="220.3" y2="120.2" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_292" x1="33" y1="193" x2="214.8" y2="108.3" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_293" x1="-3.5" y1="114.7" x2="178.3" y2="30" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_294" x1="4.5" y1="131.8" x2="186.2" y2="47.1" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_295" x1="28.6" y1="183.6" x2="210.4" y2="98.9" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_296" x1="3.8" y1="130.3" x2="185.5" y2="45.5" href="#__UID__Unbenannter_Verlauf_29"/><linearGradient id="__UID__Unbenannter_Verlauf_297" x1="18" y1="160.6" x2="199.7" y2="75.9" href="#__UID__Unbenannter_Verlauf_29"/>'.replace(/__UID__/g,t)}function l(t,e,n,i=16){return`<g transform="translate(${e},${n}) scale(${(i/201.1).toFixed(4)})">${'<path fill="url(#__UID__Unbenannter_Verlauf_29)" d="M67.3,19.9c11.2-2.3,22.5-1,32.1,1.5.8.2,1.2-.8.5-1.3-11.6-7.3-20.9-11.4-26.6-13.5l-18.3,4.9c-3.4.9-6.4,2.7-8.9,5.1l-29.6,29.6c-2.5,2.5-4.2,5.5-5.1,8.9l-.7,2.6c1.7-1.5,3.4-3.2,5.2-4.9,12.6-12,29.9-28.4,51.3-32.9Z"/><path fill="url(#__UID__Unbenannter_Verlauf_291)" d="M33.8,172.2l12.3,12.3c2.5,2.5,5.5,4.2,8.9,5.1l40.4,10.8c3.4.9,6.9.9,10.2,0l40.4-10.8c3.4-.9,6.4-2.7,8.9-5.1l2.8-2.8c-80-32.2-119-12.3-123.9-9.5Z"/><path fill="url(#__UID__Unbenannter_Verlauf_292)" d="M97.7,137.4c-25.1.2-51.1.4-78.8,19.8l10.5,10.5h.1c2-1.5,42.4-27.9,132.8,9.1h.2c0,.1,18.6-18.4,18.6-18.4-7.8-2.8-58.6-21-83.1-21h-.3Z"/><path fill="url(#__UID__Unbenannter_Verlauf_293)" d="M137.2,41h0c2.6,2.4,5.3,5,8,7.7,26.3,26.3,43.8,37.2,53.9,41.8l-9.5-35.5c-.9-3.4-2.7-6.4-5.1-8.9l-29.6-29.6c-2.5-2.5-5.5-4.2-8.9-5.1L105.7.7c-3.4-.9-6.9-.9-10.2,0l-12.1,3.2c12.4,5.6,31.5,16.5,53.7,37,0,0,.1.1.2.2Z"/><path fill="url(#__UID__Unbenannter_Verlauf_294)" d="M132.7,86.1c4.9,1.6,26.3,12,26.3,12,1.7.7,7.3,3.3,8.9,4.1.7.3,1.3-.6.8-1.1-1.5-1.4-5.8-5-10.9-8.6,0,0-21.8-15.4-27.2-18.5-7.8-4.3-47.4-26.7-81.3-10C25.8,75.6,8,89.7.6,96c-.8,3.2-.7,6.5.1,9.7l3.4,12.8c7.2-6.7,20.2-17.2,40.4-28.2,35.4-19.2,61.9-12.8,88.2-4.2Z"/><path fill="url(#__UID__Unbenannter_Verlauf_295)" d="M55.9,128c-3.1,1.7-17.5,10.3-17.5,10.3,0,0-4.9,3-.2,1.9,2-.5,7.8-3.1,9.7-3.6,0,0,19.1-7,49.8-5.4.1,0,.2,0,.4,0,27.6,0,84.2,21,86.6,21.9l1.1.5c1.8-2.2,3.2-4.7,3.9-7.5l2.7-10.2c-14.1-5.9-55.1-22.3-81-22.3s-55.3,14.3-55.5,14.4Z"/><path fill="url(#__UID__Unbenannter_Verlauf_296)" d="M131.7,44.5c-2-1.7-4.9-3.9-8.5-6.3-1.8-1.3-3.6-2.3-5.4-3.2-8.1-4.1-29.1-13.1-49.2-9-19.7,4.1-35.5,19.2-48.2,31.3-4.7,4.5-8.7,8.3-12.4,11.1l-4.6,17.2c9.4-7.4,24.4-18,43.2-27.2,36.9-18.1,79.2,5.4,87.3,10.3,12.1,7.3,47.9,34.4,64,46.8l2.6-9.8c.7-2.5.8-5,.5-7.5-10.4-3.8-29.7-14.5-60.2-45-3.1-3.1-6.1-5.9-9.1-8.6Z"/><path fill="url(#__UID__Unbenannter_Verlauf_297)" d="M47.5,95.8c-22.1,12-35.5,23.6-41.5,29.6l5.5,20.7c.3,1.2.8,2.4,1.4,3.5,9.5-9.3,38.6-26.3,39.8-27,1-.6,25.6-15.3,58.7-15.3s67.5,16,82.6,22.4l1.1-4.2c-9.9-6.7-37.4-24.5-64.4-33.5-24.9-8.3-50-14.3-83.2,3.8Z"/>'.replace(/__UID__/g,t)}</g>`}let r=0;const s=class{constructor(e){t(this,e),this.uid=`trl${++r}-`,this.level=void 0,this.assessed=void 0,this.methodology=void 0,this.theme="dark",this.variant="tone",this.size=void 0,this.label="EBRAINS TRL",this.href=void 0}esc(t){return String(t).replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}levelColor(){const t=Number(this.level);return t>=7?"#00FF9D":t>=4?"#00C87B":"#7A7B7A"}valueText(){return Number(this.level)>=4?"#07140D":"#ECECEC"}fullText(){const t=[`${this.label} ${this.level}`];return this.assessed&&t.push(`assessed ${this.assessed}`),this.methodology&&t.push(`methodology ${this.methodology}`),t.join(" · ")}build(){const t=s.CW,e=this.uid,n=`${e}clip`,r=this.levelColor(),a=28,h="font-family=\"'IBM Plex Mono',monospace\"",_=this.esc(String(this.level));if("full"===this.variant){const s=(this.assessed?` · assessed ${this.esc(this.assessed)}`:"")+(this.methodology?` · methodology ${this.esc(this.methodology)}`:""),f=Math.ceil(a+this.fullText().length*t+10);return{w:f,h:24,inner:`<defs><clipPath id="${n}"><rect width="${f}" height="24" rx="6"/></clipPath>${i(e)}</defs><g clip-path="url(#${n})"><rect width="${f}" height="24" fill="#07140D"/></g>${l(e,8,4,16)}<text x="30" y="15.5" ${h} font-size="11" letter-spacing=".2"><tspan fill="#ECECEC">${this.esc(this.label)} </tspan><tspan fill="${r}" font-weight="600">${_}</tspan><tspan fill="#7A7B7A">${this.esc(s)}</tspan></text>`}}if("pill"===this.variant){const n=Math.ceil(a+`TRL ${this.level}`.length*t+14),s=a+(n-a)/2-4;return{w:n,h:24,inner:`<defs>${i(e)}</defs><rect width="${n}" height="24" rx="12" fill="#07140D"/>${l(e,7,4,16)}<text x="${s}" y="16" ${h} font-size="11" font-weight="500" letter-spacing=".5" text-anchor="middle"><tspan fill="#ECECEC">TRL </tspan><tspan fill="${r}" font-weight="600">${_}</tspan></text>`}}if("outline"===this.variant){const n="light"!==this.theme,s=n?"#0c1c14":"#ffffff",f=n?"#34473d":"#07140D",c=n?"#ECECEC":"#07140D",o=n?"#5a6b62":"#9aa39d",$=n?r:Number(this.level)>=4?"#00966a":"#7A7B7A",d=Math.ceil(a+`${this.label} · ${this.level}`.length*t+12);return{w:d,h:24,inner:`<defs>${i(e)}</defs><rect x=".5" y=".5" width="${d-1}" height="23" rx="6" fill="${s}" stroke="${f}"/>${l(e,8,4,16)}<text x="30" y="16" ${h} font-size="11" letter-spacing=".3"><tspan fill="${c}">${this.esc(this.label)} </tspan><tspan fill="${o}">· </tspan><tspan fill="${$}" font-weight="600">${_}</tspan></text>`}}if("scale"===this.variant){const n="light"!==this.theme,s=n?"#07140D":"#ECECEC",a=n?"#ECECEC":"#07140D",f=n?"#2f4339":"#c4ccc7",c=n?"#5a6b62":"#9aa39d",o=Math.max(0,Math.min(9,Number(this.level)||0)),$=Math.ceil(30+this.label.length*t+12),d=9,p=6,u=8,x=9;let g="";for(let t=0;t<9;t++)g+=`<rect x="${$+t*d}" y="${x}" width="${p}" height="${u}" rx="1" fill="${t<o?r:f}"/>`;const U=$+9*d+5,b=Math.ceil(U+`${this.level}/9`.length*t+8);return{w:b,h:26,inner:`<defs>${i(e)}</defs><rect width="${b}" height="26" rx="6" fill="${s}"/>${l(e,8,5,16)}<text x="30" y="17" ${h} font-size="11" letter-spacing=".3" fill="${a}">${this.esc(this.label)}</text><g>${g}</g><text x="${U}" y="17" ${h} font-size="11" font-weight="500"><tspan fill="${r}">${_}</tspan><tspan fill="${c}">/9</tspan></text>`}}const f="light"!==this.theme,c=f?"#07140D":"#ECECEC",o=f?"#ECECEC":"#07140D",$=f?this.valueText():"#07140D",d=Math.ceil(a+this.label.length*t+12),p=Math.ceil(12+String(this.level).length*t+12),u=d+p;return{w:u,h:24,inner:`<defs><clipPath id="${n}"><rect width="${u}" height="24" rx="6"/></clipPath>${i(e)}</defs><g clip-path="url(#${n})"><rect width="${d}" height="24" fill="${c}"/><rect x="${d}" width="${p}" height="24" fill="${r}"/></g>${l(e,8,4,16)}<text x="${a+(d-a)/2}" y="16" ${h} font-size="11" letter-spacing=".4" fill="${o}" text-anchor="middle">${this.esc(this.label)}</text><text x="${d+p/2}" y="16" ${h} font-size="11" font-weight="600" fill="${$}" text-anchor="middle">${_}</text>`}}buildSvg(){const{w:t,h:e,inner:n}=this.build(),i=this.esc(this.fullText()),l=this.size?this.size/e:1;return`<svg xmlns="http://www.w3.org/2000/svg" width="${Math.round(t*l)}" height="${Math.round(e*l)}" viewBox="0 0 ${t} ${e}" role="img" aria-label="${i}"><title>${i}</title>${n}</svg>`}render(){const t=this.buildSvg();return e(n,{key:"8da5cadf8dc1cef28dd16902013905bfefdd67aa"},this.href?e("a",{class:"link",href:this.href,"aria-label":this.fullText(),innerHTML:t}):e("span",{class:"link",innerHTML:t}))}};s.CW=6.8,s.style=":host{display:inline-block;line-height:0;}.link{display:inline-block;line-height:0;text-decoration:none;color:inherit}.link svg{display:block}";export{s as eds_trl_badge}

package/dist/components/p-0d778d10.entry.js

@@ -0,0 +1 @@
+import{r as e,h as c}from"./p-271c61ff.js";const a=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],d=[{background:"#3FA9F5"},{background:"#C461FF"},{background:"#5D3DF9"},{background:"#FFA543"},{background:"#FF4D68"}],s=class{constructor(c){e(this,c)}render(){return c("div",{key:"a6d5c05544bb0af37aeec022d53c9ebd64e891cc",class:"container"},c("div",{key:"058290373f57f7f887f79a41d0441f0791037220",class:"mb-8"},c("eds-alert",{key:"f6168be82e7a540a1940314134c9eb57dbd1fae4",message:"Note that, each of the four colour tones cannot be mixed in the same composition.",intent:"error"})),c("div",{key:"c05365d2dcdce23a750c752cef81a7843fe9b54f",class:"flex"},c("div",{key:"16ca87385a2e3a8fc108df30d628f78534a1b057",class:"w-full"},c("ul",{key:"f8c62eec7f63fb153c1785ede3a2cf535dfad6e5",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map((e=>c("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},c("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),c("div",{key:"9c918b52798d9a50a4b4171dd3d2df0ff276a8fa",class:"w-full"},c("ul",{key:"f93524796d29dfc7d85da5a86a937519df10cdd3",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},d.map((e=>c("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},c("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))))}};export{s as incorrect_use_of_colors}

package/dist/components/{p-d2576747.entry.js → p-114f6d54.entry.js}

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

package/dist/components/p-1534204d.entry.js

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