@scania/tegel/dist/esm/tds-divider.entry.js

Tegel Design System

import { r as registerInstance, h, H as Host } from './index-51d04e39.js';

const dividerCss = ".divider{box-sizing:border-box;background-color:var(--tds-divider-background)}.divider *{box-sizing:border-box}.divider.discrete{background-color:var(--tds-divider-background-discrete)}.divider.subtle{background-color:var(--tds-divider-background-subtle)}.divider.soft{background-color:var(--tds-divider-background-soft)}.divider.defined{background-color:var(--tds-divider-background-defined)}.divider.dark-blue{background-color:var(--tds-divider-background-dark-blue)}.divider.horizontal{width:100%;height:1px}.divider.vertical{height:100%;width:1px}";
const TdsDividerStyle0 = dividerCss;

const Divider = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.orientation = 'horizontal';
        this.variant = 'subtle';
    }
    render() {
        return (h(Host, { key: 'fb332ff6d8b15e2451266bb9051113819ac770ab', role: "separator", "aria-orientation": this.orientation === 'vertical' ? 'vertical' : undefined }, h("div", { key: 'a0a6e9037f259f3d4ecff62744a8b31875241901', class: {
                'divider': true,
                'vertical': this.orientation === 'vertical',
                'horizontal': this.orientation === 'horizontal',
                'discrete': this.variant === 'discrete',
                'subtle': this.variant === 'subtle',
                'soft': this.variant === 'soft',
                'defined': this.variant === 'defined',
                'dark-blue': this.variant === 'dark-blue',
            } })));
    }
};
Divider.style = TdsDividerStyle0;

export { Divider as tds_divider };