@scania/tegel
Version:
Tegel Design System
1 lines • 1.2 kB
JavaScript
import{r as o,h as r,g as d}from"./p-2049fab2.js";const t=class{constructor(r){o(this,r),this.modeVariant=null,this.componentTag="div"}getNestingLevel(){let o=0,r=this.host.parentElement;for(;r;)"tds-block"===r.tagName.toLowerCase()&&o++,r=r.parentElement;return o}render(){const o=this.componentTag,d=this.getNestingLevel();let t="";return null===this.modeVariant&&(t=d%2==0?"tds-block-even":"tds-block-odd"),r(o,{key:"34385f3ac01d173e6bb568432418304186d261c7",class:`tds-block ${t} ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}`},r("slot",{key:"569b04916fb165fb460711ec659ed2dc3e9ebd12"}))}get host(){return d(this)}};t.style=".tds-block{box-sizing:border-box;color:var(--tds-block-color);background-color:var(--tds-block-background);border-radius:4px;padding:16px;font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls)}.tds-block *{box-sizing:border-box}.tds-mode-variant-primary{background-color:var(--tds-block-background-primary)}.tds-mode-variant-secondary{background-color:var(--tds-block-background-secondary)}.tds-block-even{background-color:var(--tds-block-background-even)}.tds-block-odd{background-color:var(--tds-block-background-odd)}";export{t as tds_block}