UNPKG

@utrecht/web-component-library-stencil

Version:

Stencil component library bundle for the Municipality of Utrecht based on the NL Design System architecture

25 lines (19 loc) 3.3 kB
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); const index = require('./index-cdb0df7a.js'); const topTaskLinkCss = ".utrecht-toptask-link{--utrecht-icon-color:currentColor;--utrecht-icon-size:var(--utrecht-toptask-link-icon-size);background-color:var(--utrecht-toptask-link-background-color);color:var(--utrecht-toptask-link-color);display:flex;flex-direction:column;font-size:var(--utrecht-toptask-link-font-size);line-height:var(--utrecht-toptask-link-line-height);max-inline-size:var(--utrecht-toptask-link-max-inline-size);min-block-size:var(--utrecht-toptask-link-min-block-size);min-inline-size:var(--utrecht-toptask-link-min-inline-size);padding-block-end:var(--utrecht-toptask-link-padding-block-end);padding-block-start:var(--utrecht-toptask-link-padding-block-start);padding-inline-end:var(--utrecht-toptask-link-padding-inline-end);padding-inline-start:var(--utrecht-toptask-link-padding-inline-start);text-decoration:none}.utrecht-toptask-link--hover,.utrecht-toptask-link:hover{background-color:var(--utrecht-toptask-link-hover-background-color, var(--utrecht-toptask-link-background-color));color:var(--utrecht-toptask-link-hover-color, var(--utrecht-toptask-link-color));transform:var(--utrecht-toptask-link-hover-transform-scale, 1)}.utrecht-toptask-link--focus-visible,.utrecht-toptask-link:focus-visible{--_utrecht-focus-ring-box-shadow:0 0 0 var(--utrecht-focus-outline-width, 0)\n var(--utrecht-focus-inverse-outline-color, transparent);box-shadow:var(--_utrecht-focus-ring-box-shadow);outline-color:var(--utrecht-focus-outline-color, revert);outline-offset:var(--utrecht-focus-outline-offset, revert);outline-style:var(--utrecht-focus-outline-style, revert);outline-width:var(--utrecht-focus-outline-width, revert);z-index:1}.utrecht-toptask-link--focus,.utrecht-toptask-link:focus{background-color:var(--utrecht-toptask-link-focus-background-color, var(--utrecht-toptask-link-background-color));color:var(--utrecht-toptask-link-focus-color, var(--utrecht-toptask-link-color))}.utrecht-toptask-link__title{display:block}.utrecht-toptask-link__icon{display:block;padding-block-end:var(--utrecht-space-block-xs);padding-inline-end:var(--utrecht-space-inline-md)}:host{display:block}:host([hidden]){display:none !important}"; const UtrechtTopTaskLinkStyle0 = topTaskLinkCss; const TopTaskLink = class { constructor(hostRef) { index.registerInstance(this, hostRef); this.external = undefined; this.href = undefined; this.target = undefined; } render() { return (index.h("a", { key: '619957207adb698a69072f17ca15c0d68f91b5e7', class: "utrecht-toptask-link", href: this.href, rel: this.external ? 'external noopener noreferrer' : undefined, target: this.target }, index.h("span", { key: '0dc2d50eeb85cbce291df0242c5cd186561e2f0d', class: "utrecht-toptask-link__icon" }, index.h("slot", { key: '0a4622ddb6c0d3144ecac7064647226628dd6e3a', name: "icon" })), index.h("span", { key: '8d01a36aaaa6c9f30922c02f2664a0033c3f47e7', class: "utrecht-toptask-link__title" }, index.h("slot", { key: 'cdb677480512877fbd7430b09aea03057b060c98' })))); } }; TopTaskLink.style = UtrechtTopTaskLinkStyle0; exports.utrecht_top_task_link = TopTaskLink; //# sourceMappingURL=utrecht-top-task-link.cjs.entry.js.map