@ebrains/components 0.4.0-alpha.0 → 0.6.0-alpha.0

package/dist/components/p-5a43503a.entry.js

@@ -1 +0,0 @@
-import{r as e,h as l}from"./p-7a8b9de5.js";const a=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],c=[{background:"#141414"},{background:"#383838"},{background:"#CCCCCC"},{background:"#E6E6E6"},{background:"#FFFFFF"}],s=[{background:"#3FA9F5"},{background:"#0644F4"}],d=[{background:"#C461FF"},{background:"#5D3DF9"}],t=[{background:"#FFA543"},{background:"#FF4D68"}],f=class{constructor(l){e(this,l)}render(){return l("div",{key:"33f38f14e5b6e7271ae26608fb1a1ed0c7930c7c",class:"container"},l("p",{key:"4857375e983add7d8e5e0a0d9896641774be018e",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"1c6bd69472074babf8f830fdba9be31e73afcd88",label:"primary",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",l("eds-link",{key:"ae3429fadbea001f01731d3c15f28865d668a50a",label:"support",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),l("div",{key:"d8c6b9ab88abbf6194a4fb26120244982b59c2c4",class:"flex"},l("div",{key:"fc7f854940caabb9e032999f51732b64555e96e7",class:"w-full"},l("ul",{key:"99c6a2e47c683ac38f2a14feec80177c0cf1c174",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),l("div",{key:"91048e89cff083356c589c0f1bfecdd482e0c797",class:"w-full"},l("ul",{key:"6ee69388227089a5224a6d249c8e1eea4efde128",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},c.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))),l("p",{key:"c0a8e42942f2655648aa2ec3ce74bbf8d043ba63",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"3f272298bcd7d0e6ad791edc408ef636349fbf7d",label:"purple",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",l("eds-link",{key:"9a0b28f388483944aa4b053b9f8e807c1383431e",label:"support",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),l("div",{key:"27ab1cdb936918fafe122c5a569c83322043bb79",class:"flex"},l("div",{key:"037b9916ff3a3e8c2e9db64b650d44a57aedbcf9",class:"w-full"},l("ul",{key:"60f4f6290b31a29852fb934c678edcaa61c8e930",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},d.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[225px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),l("div",{key:"36397292a31417703736b3be5b77e17241675dd9",class:"w-full"},l("ul",{key:"20a9e6bb396c184c2718a18554eb1b4828817379",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},c.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))),l("p",{key:"0b89819b9fce1dff39b06b70873d651b7a1c84ac",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"9b3e7d46ac8116ff5f47f895bb06e89cd49c4e03",label:"blue",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",l("eds-link",{key:"94c3384e546bcae55d5634064a37436b4cdaab0f",label:"support",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),l("div",{key:"7e3fe503559fa6865b824fd7f93dfdf8ed368f34",class:"flex"},l("div",{key:"4ed98a3b92ba8b73e3cd67dec625b4b8dfb34ee1",class:"w-full"},l("ul",{key:"0ccfd018568eb834ae05771976122736f5944205",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},s.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[225px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),l("div",{key:"d2cef9f5bd8ce7fb103e22a8964cee88853c1162",class:"w-full"},l("ul",{key:"24301ce590bd1530316f351202bd76fafaa7dda5",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},c.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))),l("p",{key:"748852527301ab6465b593f5f271dc6dcef9d198",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"f035467c04170412a1b06f05b8675b6be57e8aa2",label:"redish",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",l("eds-link",{key:"6e4eb577c6582a160b8282b54a6edfc58f20926b",label:"support",size:"small",intent:"blueish",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),l("div",{key:"9209fd1ab3092cd21dd81a3328171c8de4fb8bca",class:"flex"},l("div",{key:"dc71b931a70fbd31a4f72814b23a1d97933bc721",class:"w-full"},l("ul",{key:"d3f6f25439b6fbc8e8c08b39bf46de9ce52482fa",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},t.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[225px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),l("div",{key:"78d64d48a72836043c53e485269402bf566a5d98",class:"w-full"},l("ul",{key:"6eb824d03f4d0e2d3966963c899473e242b31dc6",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},c.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))))}};export{f as correct_use_of_colors}

package/dist/components/p-5aad9d3f.entry.js

@@ -1 +0,0 @@
-import{r as s,h as e}from"./p-7a8b9de5.js";import{c as r}from"./p-4587d0ef.js";const o=class{constructor(e){s(this,e),this.class=""}render(){return e("span",{key:"bc01e9e10033245e02403b6b919911018eef9919",class:this.class,innerHTML:r})}};export{o as eds_icon_chevron_down}

package/dist/components/p-5fc68438.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-7a8b9de5.js";import{c as e}from"./p-1ded61bd.js";const a=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"d0723afa766fc6dac454ec84602bd50ba4e49950",class:this.class,innerHTML:e})}};export{a as eds_icon_chevron_up}

package/dist/components/p-610db2b2.entry.js

@@ -1 +0,0 @@
-import{r as i,h as t,g as e}from"./p-7a8b9de5.js";import{s as r}from"./p-b86a4985.js";import"./p-112122d6.js";const o=class{constructor(t){i(this,t),this.cardTitle=void 0,this.url=void 0,this.description=void 0,this.image=void 0,this.avatar=void 0,this.shortAbbreviation=void 0,this.headingLevel="h5",this.tags="",this.tiny=!1,this.bg=!0,this.withHover=!0,this.external=!1,this.hierarchy=!0}get parsedTags(){if("object"==typeof this.tags)return this.tags;if("string"==typeof this.tags)try{return JSON.parse(this.tags)}catch(i){return console.error("Error parsing links prop:",i),[]}return[]}componentWillLoad(){}parseTags(){return this.tags.split(",")}articleClasses(){return[this.tiny?"min-h-120":"min-h-156",this.bg?"bg-inverse":"bg-default",this.withHover?"effect-shadow hover:shadow-hover cursor-pointer":"","border-softer effect-focus-within relative flex grow flex-col rounded-lg border-2 p-16"].join(" ")}handleClick(){var i;r({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(null===(i=this.cardTitle)||void 0===i?void 0:i.toLowerCase())||"",action:"click"})}render(){return t("article",{key:"b46c0464688e45ab29f5b58b6cd2e22ed28e1034",class:`${this.el.tagName.toLowerCase()} ${this.articleClasses()}`,onClick:()=>this.handleClick()},t("eds-card-title",{key:"a4da791280db14754b445b1a52e33cc9a25f765e","heading-level":this.headingLevel,titleClass:this.image?"f-ui-01":void 0,"card-title":this.cardTitle,url:this.url,"external-link":this.external,hierarchy:this.hierarchy}),this.description&&t("eds-card-desc",{key:"86f7c6c80b83f244ba7d07d820d5793e1dda2933",class:"mt-8","truncate-lines":"3",description:this.description}),this.image?t("eds-img",{src:this.image,alt:"Sample Image",width:200,height:150}):this.avatar||this.shortAbbreviation?t("eds-avatar",{class:"order-first mb-12",picture:this.avatar,initials:this.shortAbbreviation}):null,t("div",{key:"46307b57160f908aa7066b2a636c4db38e0e7a8e",class:"flex flex-wrap gap-y-4"},this.parsedTags.map(((i,e)=>t("eds-tag",{key:e,intent:i.style,label:i.label})))))}get el(){return e(this)}};o.style=".h-auto{height:auto}.h-full{height:100%}.\\!min-h-20{min-height:1.25rem !important}.min-h-120{min-height:120px}.min-h-156{min-height:156px}.bg-default{background-color:var(--grey-200)}.bg-inverse{background-color:var(--white)}.effect-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.hover\\:shadow-hover:hover{--tw-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);--tw-shadow-colored:0px 0px 16px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.cursor-pointer{cursor:pointer}.border-soft{border-color:rgba(0, 0, 0, .15 )}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.effect-focus-within{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.effect-focus-within:focus-within{outline-style:solid}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grow{flex-grow:1}.flex-col{flex-direction:column}.rounded-lg{border-radius:16px}.border-2{border-width:2px}.p-12{padding:0.75rem}.p-16{padding:1rem}.mt-6{margin-top:0.375rem}.mt-8{margin-top:0.5rem}.gap-y-4{row-gap:0.25rem}.order-first{order:-9999}.mb-10{margin-bottom:0.625rem}.mb-12{margin-bottom:0.75rem}";export{o as eds_card_tool}

package/dist/components/p-6378fb3e.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-7a8b9de5.js";const r=class{constructor(a){e(this,a)}render(){return a("div",{key:"577cade970766dbbbd654258efe78920d8c0dbaf"},a("div",{key:"1c577dafe342384bffce716b4bcb9494685f2283",class:"container my-16"},a("h3",{key:"b9f78264dbbe144cc9c7823c48874b3618af3919",class:"f-heading03"},"Coloured Background"),a("div",{key:"c07b24eb1a3338d33a3b95c0228a1a7f297a0976",class:"coloured lg:w-[500px] md:w-[300px]"},a("eds-logo",{key:"ed173d7c59ae22ad55814cf64222a5ce52d108d4",type:"no-bg",href:"#"}))),a("div",{key:"7d939b469a8ce14f609e529121a830d9a47af857",class:"container my-16"},a("h3",{key:"f110490f66e3d27f204e289a5eb85461c13594fa",class:"f-heading03"},"Black and White Background"),a("div",{key:"d05bd8166d2a60aac723436b96e2451ae4459c04",class:"bg-default lg:w-[500px] md:w-[300px]"},a("eds-logo",{key:"ce24bb6db3038d781a4d1917012c0d4ed7f23b1a",type:"black",href:"#"}))),a("div",{key:"32fbbb1568604bdfd04c6ca6c14a558a3c490ed8",class:"container my-16"},a("h3",{key:"ef03e68319669f548c7826d6387072af8d3f5a66",class:"f-heading03"},"Dark Background "),a("div",{key:"a6b082f14400be771f43074c1f7f0bc348e77673",class:"lg:w-[500px] md:w-[300px]"},a("eds-logo",{key:"569f77f1b43b4a65a39720017b34273d6f3d7baa",type:"color-white",href:"#"}))))}};r.style=".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}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.w-\\[150px\\]{width:150px}.w-\\[500px\\]{width:500px}@media (min-width: 750px){.md\\:w-\\[300px\\]{width:300px}.md\\:w-\\[500px\\]{width:500px}}@media (min-width: 900px){.lg\\:w-\\[300px\\]{width:300px}.lg\\:w-\\[500px\\]{width:500px}}.coloured{background:linear-gradient(to left, \n  #9CE142 0%, \n  #00C959 50%, \n  #00A595 100%)}";const t=class{constructor(a){e(this,a),this.orientation="vertical",this.type=void 0}render(){return a("div",{key:"70bc4a46031bb4456ba28bef27efbbfe5e7cf6f2"},a("div",{key:"84ab774067350c75982d41b6d97500e19d3fe5e5",class:"container my-16"},a("h3",{key:"c080f9b4cfa18a3a48fb703f749c62531a322267",class:"f-heading03"},"Coloured Background"),a("div",{key:"a9a871769d76e97c879f49437187ca553a633dd2",class:"coloured w-[200px]"},a("eds-logo",{key:"668f2607e0394ab1b25ddfbef4cd3e3880e1b4f9",orientation:"vertical",type:"no-bg",href:"#"}))),a("div",{key:"d1674061f47b242930599337d605b51831214d7a",class:"container my-16"},a("h3",{key:"8b1470587ad99fdf379c0c4b4646098d14f087e8",class:"f-heading03"},"Black and White Background"),a("div",{key:"bbb9997369a93ce84450a7d289948049fcfa5bf6",class:"bg-default w-[200px]"},a("eds-logo",{key:"4f3dc6ad9f9db6f605d54df3c8adecea051cf34e",orientation:"vertical",type:"black",href:"#"}))),a("div",{key:"0f54fde04fbef65477809b45371ac15914b1433b",class:"container my-16"},a("h3",{key:"5c46f1d7b09bf3e113e2733531611943ad21be4e",class:"f-heading03"},"Dark Background "),a("div",{key:"88609875109aae85cb5333426a3bc270314d9fb5",class:"w-[200px]"},a("eds-logo",{key:"0eeeba0006e25a8a4f0c4fb5c0d38b089e0a22f4",orientation:"vertical",type:"color-white",href:"#"}))))}};t.style=".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}.bg-accent{background-color:var(--green-500)}.bg-dark{background-color:var(--grey-300)}.bg-strongest{background-color:var(--black)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.p-8{padding:0.5rem}.p-16{padding:1rem}.my-16{margin-top:1rem;margin-bottom:1rem}.my-20{margin-top:1.25rem;margin-bottom:1.25rem}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.w-\\[150px\\]{width:150px}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:500px}.coloured{background:linear-gradient(to left, \n  #9CE142 0%, \n  #00C959 50%, \n  #00A595 100%)}";export{r as logo_variations_horizontal,t as logo_variations_vertical}

package/dist/components/p-673dce11.entry.js

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

package/dist/components/p-7802e966.entry.js

@@ -1 +0,0 @@
-import{r as e,h as a}from"./p-7a8b9de5.js";const c=class{constructor(a){e(this,a)}render(){return a("div",{key:"5f72b8386e92973faca8b22ebadcffa5b8ca8744",class:"w-full"},a("ul",{key:"619cc2546059aaac566dc89f56b098f72f7c2bde",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"b90587543210e02a577854ce061472ef8f3bdc7a",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"d98ea95c641209ba592aae8c695e278549840420",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"6dd84540a213d98fa09480eac823fe030dfb2404",class:"spacing-sample m-32 bg-darker"},a("span",{key:"ad0493ba8d97cdcc15535505db4d726d6f69bd38",class:"text-white"},"Margin: 2rem / m-32")))),a("li",{key:"a0914d288cdb4b9caef6956af0069cd0937ee019",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"95adc2b10d3962378de300e00b749b691fda88af",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"8bad94397c9fe8112b49933a508958000f9cd99d",class:"spacing-sample ml-64 bg-darker"},a("span",{key:"04229385104243a5ce9a194c4f8056f7341a6736",class:"text-white"},"Margin Left: 4rem / ml-64")))),a("li",{key:"f34e1fd5ccafc528ed9359766deaa5c615a2e14b",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"38e12800b2c8502ea2f9e912af929f71d3ec9699",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"f4e93d89576ab3de7f44ce3a85d9838f21bfa7f6",class:"spacing-sample mt-32 bg-darker"},a("span",{key:"e85e2e1c7c4c7e765dfafd25dc9f2c33b6bd5069",class:"text-white"},"Margin Top: 2rem / mt-32")))),a("li",{key:"b42299c17c024a5906bd09c80a2f309b461b6fde",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"f54a9e32893ac6f1b0384e79e2959d1e65a251e2",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"4209fa0c979a1d55d42d7b892bc94cc0f3788e88",class:"spacing-sample p-32 bg-darker"},a("span",{key:"1d9249c56d3a42500dfb8cc1d3eae1f89e79cdcd",class:"text-white"},"Padding: 2rem / p-32")))),a("li",{key:"ad6f2e33e15c4c21bdfed8478b3d2faa905490fa",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"9950970e66b8a382e7b0158b54e980a5e5f45774",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"40e96cd046eaddf3a23387995affbfc399d171ae",class:"spacing-sample pt-32 bg-darker"},a("span",{key:"2d120273f7a6d4429061d0ade2164ada9a14b506",class:"text-white"},"Padding Top: 2rem / pt-32")))),a("li",{key:"8c3327edc63f8959c0cb01cce0a8407bf3a605af",class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},a("div",{key:"c0be38039770c54577f073e1a707110cd0807ab5",class:"container p-8 item-center border-2 border-soft"},a("div",{key:"d8085da375e734ed11fe580f1a9004f6fddef679",class:"spacing-sample pl-32 bg-darker"},a("span",{key:"029857c00659221390438d8477734d0f130d1b97",class:"text-white"},"Padding Left: 2rem / pl-32"))))))}};export{c as token_spacing}

package/dist/components/p-832dc95a.entry.js

@@ -1 +0,0 @@
-import{r as a,h as e}from"./p-7a8b9de5.js";const s=class{constructor(e){a(this,e),this.accent=!1,this.tags=[]}render(){return e("div",{key:"60a129de62d45736eba0884cc24c9738f3a0f55c",class:"flex flex-wrap gap-y-4"},this.tags.map(((a,s)=>e("eds-tag",{key:s,intent:this.accent?"accent":"default",label:a}))))}};s.style=".flex{display:flex}.flex-wrap{flex-wrap:wrap}.gap-y-4{row-gap:0.25rem}";export{s as eds_card_tags}

package/dist/components/p-846fc91c.entry.js

@@ -1 +0,0 @@
-import{r as s,h as r}from"./p-7a8b9de5.js";import{s as a}from"./p-2066b033.js";const t=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"6795d973d3a1fff27c2fd6181235d0284abaf3b7",class:this.class,innerHTML:a})}};export{t as eds_icon_search}