@ebrains/components 0.2.0-alpha.0 → 0.3.0-alpha.0

package/dist/components/{p-bb60412b.entry.js → p-435a14c1.entry.js}

@@ -1 +1 @@
-import{r as e,h as r}from"./p-7a8b9de5.js";import{v as a}from"./p-9c5a453b.js";const t=class{constructor(r){e(this,r)}render(){return r("div",{key:"941aa1eb81d139e0e9676481b9138bb52f7e83df",class:"container my-20"},r("div",{key:"aebf776430ff757354b7ec6cb777c129d0052f22",class:"w-[300px]"},r("div",{key:"0ba420a45e374b736f360cbf165e1e7819a37184",class:"bg-dark"},r("div",{key:"abc0532214cde00c7488dbf658891e36b034a307",class:"logo-container",innerHTML:a}))))}};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-\\[300px\\]{width:300px}";export{t as logo_space}
+import{r as e,h as a}from"./p-7a8b9de5.js";import{v as r}from"./p-9c5a453b.js";const t=class{constructor(a){e(this,a)}render(){return a("div",{key:"004134f2770f755a3ae0d158b9ec6987a64dcc8b",class:"container my-20"},a("div",{key:"49b57e44a4a68b5d6393ee3284af58d56aa5c014",class:"w-[300px]"},a("div",{key:"4812ffe1b1df94ece0e2d391648aea812c7c9028",class:"bg-dark"},a("div",{key:"ce3bbecdba5bbabb14d1b0e197318cf4180f8699",class:"logo-container",innerHTML:r}))))}};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-\\[300px\\]{width:300px}";export{t as logo_space}

package/dist/components/p-52ac3456.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as r,g as i}from"./p-7a8b9de5.js";import{s}from"./p-373673ca.js";import{c as a}from"./p-112122d6.js";const o=class{constructor(r){t(this,r),this.tabChange=e(this,"tabChange",7),this.tabCva=a(["relative px-16 py-12","f-ui-03 whitespace-nowrap","effect-color","focus-visible:text-default hover:text-default","border-2","after:content-[''] after:absolute after:inset-0 after:rounded-t-lg after:border-3 after:border-accent after:opacity-0","outline-none focus:outline-none focus-visible:outline-none focus-visible:after:opacity-100"],{variants:{position:{left:"rounded-tl-lg border-r-0 pr-28 -mr-16 after:right-16",right:"rounded-tr-lg border-l-0 pl-28 -ml-16 after:left-16",center:"",first:"rounded-t-lg"},active:{false:"text-lighter bg-dark hover:bg-darker border-softest",true:["bg-default text-default z-99","rounded-t-lg","before:content-[''] before:absolute before:-bottom-2 z-1 before:inset-x-0 before:h-3 before:bg-default","border-[#d2d2d2]"]}}}),this.id=void 0,this.navAriaLabel="Tabs",this.tabs=void 0,this.parsedTabs=[],this.activeIndex=-1}componentWillLoad(){this.parseTabs(),this.setActiveIndex(),this.tabChange.emit({tabId:this.id,index:0})}parseTabs(){if(Array.isArray(this.tabs))this.parsedTabs=this.tabs;else if("string"==typeof this.tabs)try{this.parsedTabs=JSON.parse(this.tabs)}catch(t){this.parsedTabs=[]}else this.parsedTabs=[]}componentDidLoad(){this.scrollToActiveTab()}setActiveIndex(){this.activeIndex=this.parsedTabs.findIndex((t=>t.active))}scrollToActiveTab(){var t;const e=null===(t=this.tabContainer)||void 0===t?void 0:t.querySelector("[data-tab-active]");e&&setTimeout((()=>{e.scrollIntoView({inline:"center",block:"nearest"})}),316)}getTabOptions(t,e){const r=t?"center":-1===this.activeIndex&&0===e?"first":e<this.activeIndex?"left":"right";return Object.assign({class:this.tabCva({active:t,position:r}),style:{zIndex:`${t?this.parsedTabs.length+99:"left"===r?e:this.parsedTabs.length+1-e}`}},t?{"data-tab-active":"true"}:{})}handleTabClick(t,e){this.activeIndex=t,this.parsedTabs=this.parsedTabs.map(((e,r)=>Object.assign(Object.assign({},e),{active:r===t}))),this.tabChange.emit({tabId:this.id,index:t,name:e}),s({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:(null==e?void 0:e.toLowerCase())||"",action:"click"})}render(){return r("div",{key:"540bb667084b36ae2151ec39ef6b54a9ac6a4c4a",id:`${this.id}`,class:"after:border-softest before:bg-gradient-y relative overflow-x-hidden before:absolute before:inset-x-0 before:bottom-0 before:h-12 before:opacity-5 before:content-[''] after:absolute after:inset-x-0 after:bottom-0 after:border-b-2 after:content-['']"},r("div",{key:"f0266d39c943b82725ded757cce0b35fb85fa874",class:"scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28"},r("nav",{key:"fcedf94e6f6c14635291d9c8e6d672efc8055433",ref:t=>this.tabContainer=t,class:"inline-flex","aria-label":this.navAriaLabel},this.parsedTabs.map(((t,e)=>{const i=this.getTabOptions(t.active,e);return r("eds-tab",Object.assign({},i,{label:t.label||t.ariaLabel,url:t.url,active:e===this.activeIndex,onClick:()=>this.handleTabClick(e,t.label)}))})))))}get el(){return i(this)}static get watchers(){return{tabs:["parseTabs"]}}};o.style="";export{o as eds_tabs}

package/dist/components/p-57c964c5.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-7a8b9de5.js";const r=class{constructor(t){e(this,t),this.value=0}async updateValue(e){this.value=Math.min(100,Math.max(0,e))}render(){const e=this.value;return t("div",{key:"3131f56034a9fd72ca51e448bc2bcc6281669b25",class:"outer w-full bg-default rounded-lg h-24 border border-softer overflow-hidden"},t("div",{key:"f1665a254f8dbe1ccb9e512e5f2e7c1e5ab88c07",class:"inner h-full rounded-lg bg-accent transition-all duration-300 flex items-center justify-center text-default f-body-02",style:{width:`${e}%`}},e,"%"))}};r.style=".w-full{width:100%}.h-full{height:100%}.bg-default{background-color:var(--grey-200)}.rounded-lg{border-radius:16px}.h-24{height:1.5rem}.border{border-width:1px}.border-softer{border:2px solid rgba(0, 0, 0, .1 )}.overflow-hidden{overflow:hidden}.bg-accent{background-color:var(--green-500)}.bg-\\[\\#0034CB\\]{--tw-text-opacity:1;background-color:rgb(0 52 203 / var(--tw-text-opacity))}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.f-body-02{font-family:var(--f-body-02-fontFamily);font-weight:var(--f-body-02-fontWeight);font-size:var(--f-body-02-fontSize);line-height:var(--f-body-02-lineHeight);letter-spacing:var(--f-body-02-letterSpacing)}";export{r as eds_progress_bar}

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

@@ -0,0 +1 @@
+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-5afb626c.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-7a8b9de5.js";const r=class{constructor(t){e(this,t),this.applications=void 0}getParsedApplications(){let e=[];if("string"==typeof this.applications)try{e=JSON.parse(this.applications||"[]")}catch(t){e=[]}else Array.isArray(this.applications)&&(e=this.applications);return e}calculateProgress(e){return Math.ceil(e/9*100)}render(){const e=this.getParsedApplications();console.log("apps:",e);const r=e.map((e=>({Application:e.name,"Current TRL Stage":`TRL ${e.currentTrl}`,Progress:t("div",{class:"w-[200px]"},t("eds-progress-bar",{value:this.calculateProgress(e.currentTrl)}))})));return t("div",{key:"71e903734b5cd1ef74bf93e8fcdc57afacb51f07",class:"container mx-auto px-4 py-8"},t("eds-table",{key:"cb8e4324c9c8481dcc2daf74f06c6928257e6f8b",data:JSON.stringify(r),config:JSON.stringify({Application:{format:"code"},"Current TRL Stage":{format:"text"}}),"rows-per-page":"2","pagination-enabled":"true","search-enabled":"true","column-size":"default"}))}};export{r as eds_trl}

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

@@ -0,0 +1 @@
+import{r,h as n}from"./p-7a8b9de5.js";const i=class{constructor(n){r(this,n),this.cards=void 0,this.cols=4}get parsedCards(){if(Array.isArray(this.cards))return this.cards;if("object"==typeof this.cards)return this.cards;if("string"==typeof this.cards)try{return JSON.parse(this.cards)}catch(r){return console.error("Error parsing links prop:",r),[]}return[]}render(){return n("section",{key:"c02b0e71ae4658e2f568e9428a9c61455aeb8ccd",class:"w-full"},n("ul",{key:"7f5d952d5cc5044c2ec23ca6b6b627901c40ab81",class:"grid-layout gap-y-8 md:gap-y-12 lg:gap-y-16"},this.parsedCards.map((r=>n("li",{class:`grid-col-span-12 md:grid-col-span-${this.cols} flex flex-col`},n("eds-card-generic",{cardTitle:r.title,description:r.description,avatar:r.avatar,headingLevel:r.headingLevel,tags:r.tags,url:r.url,bg:r.bg,tiny:r.tiny,image:r.image,withHover:r.withHover}))))))}};i.style=".w-full{width:100%}.grid-layout{display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-col-span-12{--container-grid-columns:12;grid-column:span 12 / span 12}.gap-y-4{row-gap:0.25rem}.gap-y-8{row-gap:0.5rem}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}@media (min-width: 750px){.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:gap-y-12{row-gap:0.75rem}.md\\:pt-28{padding-top:1.75rem}}@media (min-width: 750px){.md\\:grid-col-span-4{--container-grid-columns:4;grid-column:span 4 / span 4}.md\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.md\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.md\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:grid-col-span-5{--container-grid-columns:5;grid-column:span 5 / span 5}.lg\\:grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.lg\\:grid-col-start-7{grid-column-start:7}.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-8-cols{width:calc(((8 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (8 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-8-cols>*{--container-grid-columns:8}.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * 100%) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.cols-container>.lg\\:w-10-cols{width:calc(((10 / var(--container-grid-columns, var(--grid-columns))) * (100% - var(--inner-gutter))) - (var(--inner-gutter) - (10 / var(--container-grid-columns, var(--grid-columns)) * var(--inner-gutter))))}.lg\\:w-10-cols>*{--container-grid-columns:10}}@media (min-width: 900px){.lg\\:order-last{order:9999}.lg\\:order-none{order:0}.lg\\:mt-0{margin-top:0rem}.lg\\:block{display:block}.lg\\:flex{display:flex}.lg\\:hidden{display:none}.lg\\:w-\\[150px\\]{width:150px}.lg\\:w-auto{width:auto}.lg\\:max-w-\\[720px\\]{max-width:720px}.lg\\:flex-row{flex-direction:row}.lg\\:flex-nowrap{flex-wrap:nowrap}.lg\\:gap-y-16{row-gap:1rem}.lg\\:px-28{padding-left:1.75rem;padding-right:1.75rem}.lg\\:\\!pl-12{padding-left:0.75rem !important}.lg\\:\\!pr-12{padding-right:0.75rem !important}}";export{i as eds_card_section}

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

@@ -0,0 +1 @@
+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}