@scania/tegel
Version:
Tegel Design System
1 lines • 1.2 kB
JavaScript
import{r as o,h as r,a as d}from"./p-9xxNGlso.js";const s=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 s="";return null===this.modeVariant&&(s=d%2==0?"tds-block-even":"tds-block-odd"),r(o,{key:"01743312d4accf10f2d372e149880bb8b53a9a97",class:`tds-block ${s} ${null!==this.modeVariant?`tds-mode-variant-${this.modeVariant}`:""}`},r("slot",{key:"84c2a61a6f4fc4c118ce73c83d78ca18a1607d0c"}))}get host(){return d(this)}};s.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{s as tds_block}