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

package/dist/components/p-4a12a131.entry.js

@@ -0,0 +1 @@
+import{r as e,h as s}from"./p-7a8b9de5.js";const t=class{constructor(s){e(this,s),this.tag="section",this.sectionTitle="",this.headingLevel="h2"}render(){return s(this.tag,{key:"e7ef9e7a589d8cde8aa54d73dff8421d74a7d0ac"},s("eds-section-heading",{key:"379c6bc644612d3e0865ce2acd8eacb4d67c7769",headingLevel:this.headingLevel,sectionTitle:this.sectionTitle}),s("slot",{key:"5828a28c2c8ac65fbc56652f733f148a0d0198b7"}))}};t.style="";const i=class{constructor(s){e(this,s),this.sectionTitle=void 0,this.withContainer=!0,this.headingLevel="h2",this.tag="div",this.spacingLarge=!1}getHeadingClass(){return{h1:"f-heading-01",h2:"f-heading-02",h3:"f-heading-03",h4:"f-heading-04",h5:"f-heading-05",h6:"f-heading-06"}[this.headingLevel]}render(){return s(this.tag,{key:"c15f83f8aaa4fb01c884fb1390965fcf9dbd61fb",class:{"ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8 pb-20":!0,container:this.withContainer,"pt-48":this.spacingLarge,"pt-28":!this.spacingLarge}},s(this.headingLevel,{key:"e65e13820553eefa5aec8bc9740e5e9da828ac92",class:this.getHeadingClass()},this.sectionTitle))}};export{t as eds_section_core,i as eds_section_heading}

package/dist/components/p-505ddcda.entry.js

@@ -0,0 +1 @@
+import{r as e,h as t}from"./p-7a8b9de5.js";import{g as n}from"./p-eb0b93d5.js";import{c as i}from"./p-112122d6.js";const r=class{constructor(t){e(this,t),this.firstName="User",this.lastName="Avatar",this.picture=void 0,this.initials=void 0,this.color=void 0,this.rounded=!1,this.initialsStrong=!1}get computedInitials(){return this.initials?(this.initials.match(/.{1,3}/g)||[])[0]||"":this.firstName&&this.lastName?`${this.firstName.charAt(0)}${this.lastName.charAt(0)}`.toUpperCase():void 0}get containerClasses(){return["border-inside","aspect-1x1","flex","items-center","justify-center","overflow-hidden",this.picture?"":"px-4",this.rounded?"rounded-pill border-inside-pill w-32":"w-[54px] rounded-sm",this.color?"border-inside-inverse":"","grey"===this.color?"bg-dark":this.color&&!this.picture?n({color:this.color,direction:"top",pseudo:!1}):this.picture?"":"bg-strongest text-accent"].join(" ")}render(){return t("div",{key:"47ee5ffd12c0f90c536dea77b3ffa9120d67f37f",class:this.containerClasses},this.picture?t("eds-img",{src:this.picture,width:54,height:54,sizes:"120px",alt:`${this.firstName} ${this.lastName}`,lazyload:!0,withBg:!0}):t("abbr",{title:this.computedInitials||`${this.firstName} ${this.lastName}`,class:"!no-underline f-ui-01"},this.computedInitials))}};r.style=".border-inside {\n    position: relative;\n\n    &::after {\n        pointer-events: none;\n    }\n\n    &::after {\n        position: absolute;\n    }\n\n    &::after {\n        inset: 0rem;\n    }\n\n    &::after {\n        z-index: 1;\n    }\n\n    &::after {\n        border-radius: 8px;\n    }\n\n    &::after {\n        border-width: 1px;\n    }\n\n    &::after {\n        border-width: 2px;\n    }\n\n    &::after {\n        border: 2px solid rgba(0, 0, 0, .1);\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.border-inside-pill {\n    &::after {\n        border-radius: 100px;\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.border-inside-inverse {\n    &::after {\n        border: 2px solid rgba(255, 255, 255, 0.3);\n    }\n\n    &::after {\n        content: '';\n    }\n}\n\n.aspect-1x1 {\n    aspect-ratio: 1/1;\n}\n\n.flex {\n    display: flex;\n}\n\n.inline-flex {\n    display: inline-flex;\n}\n\n.items-center {\n    align-items: center;\n}\n\n.justify-center {\n    justify-content: center;\n}\n\n.overflow-hidden {\n    overflow: hidden;\n}\n\n.px-4 {\n    padding-left: 0.25rem;\n    padding-right: 0.25rem;\n}\n\n.rounded-pill {\n    border-radius: 100px;\n}\n\n.rounded-sm {\n    border-radius: 8px;\n}\n\n.rounded-xs {\n    border-radius: 4px;\n}\n\n\n.bg-dark {\n    background-color: var(--grey-300);\n}\n\n.bg-darker {\n    background-color: var(--grey-400);\n}\n\n.bg-stronger {\n    background-color: var(--grey-900);\n}\n\n.bg-strongest {\n    background-color: var(--black);\n}\n\n.text-accent {\n    color: var(--green-500);\n}\n\n.text-default {\n    color: var(--black);\n}\n\n.\\!no-underline {\n    text-decoration-line: none !important;\n}\n\n.f-ui-01 {\n    font-family: var(--f-ui-01-fontFamily);\n    font-weight: var(--f-ui-01-fontWeight);\n    font-size: var(--f-ui-01-fontSize);\n    line-height: var(--f-ui-01-lineHeight);\n    letter-spacing: var(--f-ui-01-letterSpacing);\n}\n\n.w-32 {\n    width: 2rem;\n}\n\n.w-44 {\n    width: 2.75rem;\n}\n\n.w-\\[54px\\] {\n    width: 54px;\n}";const a=class{constructor(t){e(this,t),this.description=void 0,this.descClass="f-ui-03-light",this.truncate=!0,this.truncateLines="3"}getTruncateClass(){return this.truncate&&this.truncateLines?`line-clamp-${this.truncateLines}`:""}render(){return t("p",{key:"71495cbd6ef4e7d66c4c22a37f8120624ecf57fb",class:`text-light ${this.descClass}`},t("span",{key:"8708178f7b48cc1f31aac749f50fe92b72c39ab8",class:this.getTruncateClass()},this.description))}};a.style=".f-ui-02-light{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.text-light{color:var(--grey-700)}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}";const o=class{constructor(t){e(this,t),this.url=void 0,this.titleClass=void 0,this.headingLevel="h3",this.externalLink=!1,this.cardTitle=void 0,this.hierarchy=!0}getTitleClass(){return`f-heading-${(this.hierarchy?{h1:"05",h2:"05",h3:"05",h4:"05",h5:"05",h6:"06"}:{h1:"01",h2:"02",h3:"03",h4:"04",h5:"05",h6:"06"})[this.headingLevel]}`}render(){return t(this.headingLevel,{key:"bb97dc6dd53adda14ef251b2ec32952791438986",class:this.getTitleClass()},t("a",{key:"37b6ac0668257d27fb3f03a6225a2d48e1fd1f79",class:"break-words after:absolute after:inset-0 after:z-10 after:content-[''] focus:outline-none",href:this.url,target:this.externalLink?"_blank":void 0,rel:this.externalLink?"noopener noreferrer":void 0},this.cardTitle))}};o.style="a{all:unset;display:inline;color:inherit;text-decoration:none;cursor:pointer}h1,h2,h3,h4,h5,h6{margin:0}.f-heading-01{font-family:var(--f-heading-01-fontFamily);font-weight:var(--f-heading-01-fontWeight);font-size:var(--f-heading-01-fontSize);line-height:var(--f-heading-01-lineHeight);letter-spacing:var(--f-heading-01-letterSpacing)}.f-heading-02{font-family:var(--f-heading-02-fontFamily);font-weight:var(--f-heading-02-fontWeight);font-size:var(--f-heading-02-fontSize);line-height:var(--f-heading-02-lineHeight);letter-spacing:var(--f-heading-02-letterSpacing)}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.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)}.f-heading-06{font-family:var(--f-heading-06-fontFamily);font-weight:var(--f-heading-06-fontWeight);font-size:var(--f-heading-06-fontSize);line-height:var(--f-heading-06-lineHeight);letter-spacing:var(--f-heading-06-letterSpacing)}.break-words{overflow-wrap:break-word}.after\\:absolute::after{position:absolute}.after\\:inset-0::after{inset:0rem}.after\\:z-10::after{z-index:10}.after\\:content-\\[\\'\\'\\]::after{--tw-content:'';content:var(--tw-content)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}";const s=i(["f-ui-05 py-1 px-4 border-2 rounded-pill"],{variants:{intent:{default:"border-default",strong:"text-inverse bg-strongest border-default",accent:"text-[#0034CB] border-[#0034CB]",weak:"text-light bg-strongest-soft border-transparent",inverse:"border-inverse text-inverse","inverse-strong":"bg-inverse border-inverse text-lighter"}},defaultVariants:{intent:"default"}}),d=class{constructor(t){e(this,t),this.label=void 0,this.ariaLabel="",this.intent="default"}render(){var e;const n=s({intent:this.intent}),i=(null===(e=this.ariaLabel)||void 0===e?void 0:e.length)?this.ariaLabel:this.label;return t("span",{key:"6a517f42aeb641c95d96ecd6c3090a317a3195c6",class:n,"aria-label":i},this.label)}};d.style=".f-ui-05{font-family:var(--f-ui-05-fontFamily);font-weight:var(--f-ui-05-fontWeight);font-size:var(--f-ui-05-fontSize);line-height:var(--f-ui-05-lineHeight);letter-spacing:var(--f-ui-05-letterSpacing)}.py-1{padding-top:0.0625rem;padding-bottom:0.0625rem}.px-4{padding-left:0.25rem;padding-right:0.25rem}.border-2{border-width:2px}.rounded-pill{border-radius:100px}.border-default{border:2px solid var(--black)}.text-inverse{color:var(--white)}.bg-strongest{background-color:var(--black)}.text-\\[\\#0034CB\\]{--tw-text-opacity:1;color:rgb(0 52 203 / var(--tw-text-opacity))}.border-\\[\\#0034CB\\]{--tw-border-opacity:1;border:2px solid rgb(0 52 203 / var(--tw-border-opacity))}.text-light{color:var(--grey-700)}.bg-strongest-soft{background-color:rgba(0, 0, 0, .05)}.border-transparent{border-color:var(--transparent)}.border-inverse{border-color:var(--white)}.bg-inverse{background-color:var(--white)}.text-lighter{color:var(--grey-600)}";export{r as eds_avatar,a as eds_card_desc,o as eds_card_title,d as eds_tag}

package/dist/components/{p-52ac3456.entry.js → p-59405ecf.entry.js}

@@ -1 +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}
+import{r as t,c as e,h as r,g as i}from"./p-7a8b9de5.js";import{s}from"./p-89227919.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:"f5c9e076fc1fb95b57e0148d85865ce62c14fbe7",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:"7d382167fb62999e39b784ce8bfba24267c87a64",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:"99bbfabd817bada1984ddf87a274bf9304a1e6a0",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-5980a142.entry.js

@@ -0,0 +1 @@
+import{r as e,h as l}from"./p-7a8b9de5.js";const c=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],a=[{background:"#141414"},{background:"#383838"},{background:"#CCCCCC"},{background:"#E6E6E6"},{background:"#FFFFFF"}],s=[{background:"#3FA9F5"},{background:"#0644F4"}],d=[{background:"#C461FF"},{background:"#5D3DF9"}],f=[{background:"#FFA543"},{background:"#FF4D68"}],t=class{constructor(l){e(this,l)}render(){return l("div",{key:"58274bc750821893f1ff6db6af0c92557e2037dc",class:"container"},l("p",{key:"f16ae70777dc595edb9f8ef20df33721816a472a",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"c98c49daddf43987002dd69ab1c00dffbae5e69a",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:"e466f6f7e05f68896114551f59673c707d5fd30f",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:"32dfc27beebbbab3949c7695293800a2ff552ceb",class:"flex"},l("div",{key:"e01d74cf63c84f66d868e180589b45cbc59ebff7",class:"w-full"},l("ul",{key:"162e9c5ed57689a94c5c59e2664bba2adfcd60fc",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-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),l("div",{key:"bb71abb645789030487eccdd0abaf9b223c12ec8",class:"w-full"},l("ul",{key:"f85702460f89881d6b8642decad848affdc7002f",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-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))),l("p",{key:"7b5b8b9c0013a91c97f24c239bde32a727695707",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"81dc2c31eb283a2f64a1fd32329b35b1d04afc12",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:"d90877918d973595a7b8bdacd6bb80f1f04cab5b",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:"81cf06bb6932b2120b210e7d1ee9d556cedc949b",class:"flex"},l("div",{key:"2cc1571fe83620fcfa8f961af93b7b0e8e970eb2",class:"w-full"},l("ul",{key:"b6b1f7f874dbd8784a0253187438c2eb6282a815",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:"49a874de125699d800aee6256bb5b3bf9a0bf907",class:"w-full"},l("ul",{key:"10d41b5ab948c87c8db43fbddefbe3453c5384a9",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-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))),l("p",{key:"bc7c40435b87cd31b5bbb2315b3f50fa88b5bafb",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"d5a9f4c30d9108bd8c8207ee0130a15b9c7ff53f",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:"35c2440f2c606cd4e8e69b33850ca908f6f36a4a",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:"cf9dde65d107b20c67e0036e891ad37c1d685477",class:"flex"},l("div",{key:"807350f20ee902df273ce35c217bcaa134502d13",class:"w-full"},l("ul",{key:"8198d1e59cb9477978a0b78714e7884a75ce52c0",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:"ed4f89cd3d5544a199d0a516e23ee877c16dad6a",class:"w-full"},l("ul",{key:"47f8617629f34252b2d533f5932dd14b9117f601",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-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))),l("p",{key:"7b99385726cda59f07b66ff99e050588d5778421",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"f3719f08484d40ceb9ece89474f473cf9e44ee53",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:"f1ee0fbf78a5da5f6a7a0836f63cc3312f68a547",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:"833dcd6ad96a0c36a127c5384d0858b879bf0b05",class:"flex"},l("div",{key:"cf1297f1dfed3e70c184cdb3f4e116292ce1e57f",class:"w-full"},l("ul",{key:"9d8d9e0f78348cee56f6c91b3289a90f25c088e4",class:"gap-y-8 md:gap-y-12 lg:gap-y-16"},f.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:"836dfd427a087ee512970bf52ee0612a24cfaa72",class:"w-full"},l("ul",{key:"08e2b7603c2c093b2bd8931d1993aca89801ad1d",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-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))))}};export{t as correct_use_of_colors}

package/dist/components/p-599c7b97.entry.js

@@ -0,0 +1 @@
+import{r as s,h as r}from"./p-7a8b9de5.js";import{t}from"./p-373119b3.js";const c=class{constructor(r){s(this,r),this.class=""}render(){return r("span",{key:"a06ab2e79a1ec7603244ec09649ccc2c9ea1950c",class:this.class,innerHTML:t})}};export{c as eds_icon_twitter}

package/dist/components/{p-22762818.entry.js → p-65703520.entry.js}

@@ -1 +1 @@
-import{r as e,h as t,g as i}from"./p-7a8b9de5.js";const s=class{constructor(t){e(this,t),this.prevLabel=void 0,this.nextLabel=void 0,this.prevUrl=void 0,this.nextUrl=void 0,this.linkSize="small",this.linkIntent="tertiary"}componentDidLoad(){this.el.querySelectorAll("eds-link").forEach((e=>{this.emitContext(e)}))}emitContext(e){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(t)}render(){return t("ul",{key:"1ab60197bbc9ee86d77134138744dce39df2aaa7",class:"flex lg:flex grow items-center justify-center gap-x-8"},this.prevLabel&&t("eds-link",{key:"b29fd121d33c1e919d24a5d460d8d6864f1ff9db",label:this.prevLabel,url:this.prevUrl||void 0,disabled:!this.prevUrl,"aria-label":this.prevLabel,size:this.linkSize,intent:this.linkIntent,class:"mr-auto !p-8 lg:!pr-12"},t("eds-icon-wrapper",{key:"64620ccfaf2e006a6414bcd7e874a352b9d2d56b",icon:"chevron-left"}),this.prevLabel),this.nextLabel&&t("eds-link",{key:"ae6425f0f01c8f5bcbdae27d9bea9dc3a5b09d3b",label:this.nextLabel,url:this.nextUrl||void 0,disabled:!this.nextUrl,"aria-label":this.nextLabel,size:this.linkSize,intent:this.linkIntent,class:"ml-auto !p-8 lg:!pl-12"},this.nextLabel,t("eds-icon-wrapper",{key:"d286fc26f17ee6cf6828990e98df7865fbbfd352",icon:"chevron-right",class:"w-20 h-20"})))}get el(){return i(this)}};export{s as eds_navigator}
+import{r as e,h as t,g as i}from"./p-7a8b9de5.js";const s=class{constructor(t){e(this,t),this.prevLabel=void 0,this.nextLabel=void 0,this.prevUrl=void 0,this.nextUrl=void 0,this.linkSize="small",this.linkIntent="tertiary"}componentDidLoad(){this.el.querySelectorAll("eds-link").forEach((e=>{this.emitContext(e)}))}emitContext(e){const t=new CustomEvent("parentContext",{detail:{componentName:this.el.tagName.toLowerCase(),identifier:null}});e.dispatchEvent(t)}render(){return t("ul",{key:"712287e683436cc98c2d6ef195501add1929522e",class:"flex lg:flex grow items-center justify-center gap-x-8"},this.prevLabel&&t("eds-link",{key:"4fda36ce37897284d7062f88133f147831d96a6f",label:this.prevLabel,url:this.prevUrl||void 0,disabled:!this.prevUrl,"aria-label":this.prevLabel,size:this.linkSize,intent:this.linkIntent,class:"mr-auto !p-8 lg:!pr-12"},t("eds-icon-wrapper",{key:"9bfa6bbbdc68641f65bec49f207d96f075b9a5b0",icon:"chevron-left"}),this.prevLabel),this.nextLabel&&t("eds-link",{key:"6ee8ebee011a2c30a74645b072c7c37929d0a55f",label:this.nextLabel,url:this.nextUrl||void 0,disabled:!this.nextUrl,"aria-label":this.nextLabel,size:this.linkSize,intent:this.linkIntent,class:"ml-auto !p-8 lg:!pl-12"},this.nextLabel,t("eds-icon-wrapper",{key:"44ebd4dcce0e367df7d9035bb445e49fde35e913",icon:"chevron-right",class:"w-20 h-20"})))}get el(){return i(this)}};export{s as eds_navigator}