@scania/tegel/dist/cjs/tds-header-launcher-grid-item.cjs.entry.js

Tegel Design System

'use strict';

var index = require('./index-DGsdvbvx.js');

const headerLauncherGridItemCss = () => `:host{display:block;width:96px;height:96px}:host ::slotted(a),:host ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);width:100%;height:100%;border:none;padding:0 12px;display:flex;text-align:center;justify-content:center;align-items:center;flex-direction:column;gap:8px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);background-color:var(--tds-header-app-launcher-menu-bg);color:var(--tds-header-app-launcher-grid-color);border-radius:4px;transition:background-color 150ms ease}:host ::slotted(a:hover),:host ::slotted(button:hover){background-color:var(--tds-header-app-launcher-grid-hover-background);cursor:pointer}:host ::slotted(a:focus-visible),:host ::slotted(button:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}`;

const TdsHeaderLauncherGridItem = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    render() {
        return (index.h(index.Host, { key: 'c7faa27ec16322e23b32c2f48d6452acba9f34df', role: "listitem" }, index.h("slot", { key: 'dc1fff1b9c536df2d88b5e92a83634d1e3bca384' })));
    }
};
TdsHeaderLauncherGridItem.style = headerLauncherGridItemCss();

exports.tds_header_launcher_grid_item = TdsHeaderLauncherGridItem;