@utrecht/web-component-library-stencil 4.2.1 → 5.0.0

package/dist/collection/components/contact-card-template.css

@@ -1,313 +0,0 @@
-/**
- * @license EUPL-1.2
- * Copyright (c) 2020-2024 Frameless B.V.
- * Copyright (c) 2021-2024 Gemeente Utrecht
- */
-/**
-* @license EUPL-1.2
-* Copyright (c) 2020-2024 Frameless B.V.
-* Copyright (c) 2021-2024 Gemeente Utrecht
-*/
-/* stylelint-disable scss/no-global-function-names */
-/**
-* @license EUPL-1.2
-* Copyright (c) 2020-2024 Frameless B.V.
-* Copyright (c) 2021-2024 Gemeente Utrecht
-*/
-/* stylelint-disable-next-line block-no-empty */
-/* Override the browser focus ring with our own focus ring.
- * Use `:where()` so the CSS selector specificity is `0,0,0`.
- */
-/* Override the browser focus ring with our own focus ring.
- * Use `:where()` so the CSS selector specificity is `0,0,0`.
- */
-/**
-* @license EUPL-1.2
-* Copyright (c) 2020-2024 Frameless B.V.
-* Copyright (c) 2021-2024 Gemeente Utrecht
-*/
-/* stylelint-disable scss/no-global-function-names */
-/**
-* @license EUPL-1.2
-* Copyright (c) 2020-2024 Frameless B.V.
-* Copyright (c) 2021-2024 Gemeente Utrecht
-*/
-/* stylelint-disable scss/no-global-function-names */
-/*
-
-# CSS implementation
-
-## `text-decoration-skip`
-
-`text-decoration-skip` can be helpful to avoid making some texts unreadable.
-For example by obscuring Arabic diacritics.
-
-However, the combination of a greater thickness and skipping this thick underline
-leads to a very unappealing rendering of the underline. To avoid this,
-`text-decoration-skip` is disabled for interactive states.
-
-For design token configurations that have identical thickness for normal and interactive
-states, this will lead to the (undesirable) effect that the focus/hover effect is switching
-from an interrupted to an uninterrupted underline (for some texts).
-
-Apart from making `skip-ink` configurable for normal/focus/hover, there is no good solution yet.
-
----
-
-Disabling `text-decoration-skip` for interactive states obscures some texts, and we assume for now
-that moving the pointer away from a link or having focus elsewhere first is simple enough to
-not make this too inconvenient.
-
----
-
-Some folks implement the underline of links using `border-bottom` or even using a finely crafted
-`linear-gradient()` with a solid color at the bottom and transparent behind the text. These approaches
-would unfortunately not be able to provide the improved readability of `text-decoration-skip`.
-
-## `text-decoration-thickness`
-
-Varying `text-decoration-thickness` can be used to distinguish interactive states.
-
----
-
-`text-decoration-thickness` appears to have rendering differences between Chrome and Safari.
-In Safari the line becomes thicker with extra pixels added to the bottom, while in Chrome
-the underline offset also seems to increase along with the thickness, which effectively means
-the underline is closer to the next line than in Safari.
-
----
-
-It might be nice to use font-relative units for `text-decoration-thickness`, and that is why we
-use the `max()` function to ensure the underline remains visible for every font size.
-
-## `transition`
-
-`text-decoration-thickness` could be a candidate for animating between interactive states,
-however browsers don't seem to have implemented great looking supixel tweening yet.
-
-`text-decoration-skip` also makes the transition more challenging to implement.
-
-*/
-/**
- * Simulate forced-colors mode.
- */
-/* stylelint-disable-next-line block-no-empty */
-/* stylelint-disable-next-line block-no-empty */
-/* stylelint-disable-next-line block-no-empty */
-/* stylelint-disable-next-line block-no-empty */
-/**
- * Link for elements such as `<img>` or `<article>`, that are not inline elements or plain text.
- * 
- * Changing `display: inline` to `inline-block` ensures the focus outline is rendered around the entire box.
- */
-.utrecht-link {
-  --utrecht-icon-size: var(--utrecht-link-icon-size, 1em);
-  color: var(--_utrecht-link-state-color, var(--utrecht-link-color, var(--_utrecht-link-forced-colors-color)));
-}
-
-.utrecht-link:any-link {
-  /* Only underline `<a href="...">...</a>`, which matches `a:any-link`.
-   * Do not underline `<a name="">Anchor</a>`.
-   */
-  --_utrecht-link-forced-colors-color: linktext;
-  text-decoration-color: var(--_utrecht-link-state-text-decoration-color, var(--utrecht-link-text-decoration-color, currentColor));
-  text-decoration-line: var(--_utrecht-link-state-text-decoration, var(--utrecht-link-text-decoration, underline));
-  text-decoration-skip-ink: all;
-  text-decoration-thickness: max(var(--_utrecht-link-state-text-decoration-thickness, var(--utrecht-link-text-decoration-thickness)), 1px);
-  text-underline-offset: var(--utrecht-link-text-underline-offset);
-}
-
-.utrecht-link--visited {
-  --_utrecht-link-forced-colors-color: visitedtext;
-  --_utrecht-link-state-color: var(--utrecht-link-visited-color);
-}
-
-/* `:hover` should only apply to links with `href`, not on disabled links */
-.utrecht-link--html-a:any-link:hover,
-.utrecht-link--hover {
-  --_utrecht-link-forced-colors-color: linktext;
-  --_utrecht-link-state-color: var(--utrecht-link-hover-color);
-  --_utrecht-link-state-text-decoration: var(--utrecht-link-hover-text-decoration);
-  --_utrecht-link-state-text-decoration-thickness: var(--utrecht-link-hover-text-decoration-thickness);
-  text-decoration-skip: none;
-  text-decoration-skip-ink: none;
-}
-
-.utrecht-link--focus {
-  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
-  background-color: var(--utrecht-link-focus-background-color, transparent);
-  text-decoration-skip: none;
-  text-decoration-skip-ink: none;
-}
-
-.utrecht-link--focus-visible {
-  /*
-   * WCAG SC 2.4.12: Focus Not Obscured
-   * Use `z-index` to ensure the focus ring is stacked above adjecent elements with a `background`
-   */
-  /* - The browser default focus ring should apply when these CSS custom properties are not set.
-   * - Make the `box-shadow` value available, so components that have their own `box-shadow`
-   *   can combine it with the focus ring box shadow.
-   */
-  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
-    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;
-  /*
-   * The following tokens are deprecated, but we keep them for backwards compatibility for now:
-   * 
-   * `--utrecht-link-focus-text-decoration`
-   * `--utrecht-link-focus-text-decoration-thickness`
-   */
-  --_utrecht-link-state-text-decoration: var(
-    --utrecht-link-focus-visible-text-decoration,
-    var(--utrecht-link-focus-text-decoration)
-  );
-  --_utrecht-link-state-text-decoration-thickness: var(
-    --utrecht-link-focus-visible-text-decoration-thickness,
-    var(--utrecht-link-focus-text-decoration-thickness)
-  );
-  z-index: var(--utrecht-stack-focus-z-index, 1);
-}
-
-/* The `:focus-visible` styling for the focus should apply disabled links too, in case of `tabindex="0"` */
-.utrecht-link--html-span:focus-visible,
-.utrecht-link--html-a:focus-visible {
-  /*
-   * WCAG SC 2.4.12: Focus Not Obscured
-   * Use `z-index` to ensure the focus ring is stacked above adjecent elements with a `background`
-   */
-  /* - The browser default focus ring should apply when these CSS custom properties are not set.
-   * - Make the `box-shadow` value available, so components that have their own `box-shadow`
-   *   can combine it with the focus ring box shadow.
-   */
-  --_utrecht-focus-ring-box-shadow: 0 0 0 var(--utrecht-focus-outline-width, 0)
-    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;
-  /*
-   * The following tokens are deprecated, but we keep them for backwards compatibility for now:
-   * 
-   * `--utrecht-link-focus-text-decoration`
-   * `--utrecht-link-focus-text-decoration-thickness`
-   */
-  --_utrecht-link-state-text-decoration: var(
-    --utrecht-link-focus-visible-text-decoration,
-    var(--utrecht-link-focus-text-decoration)
-  );
-  --_utrecht-link-state-text-decoration-thickness: var(
-    --utrecht-link-focus-visible-text-decoration-thickness,
-    var(--utrecht-link-focus-text-decoration-thickness)
-  );
-  z-index: var(--utrecht-stack-focus-z-index, 1);
-}
-
-/* `:focus` should only apply to links with `href`, not on disabled links */
-.utrecht-link--html-span:focus,
-.utrecht-link--html-a:any-link:focus {
-  --_utrecht-link-state-color: var(--utrecht-link-focus-color);
-  background-color: var(--utrecht-link-focus-background-color, transparent);
-  text-decoration-skip: none;
-  text-decoration-skip-ink: none;
-}
-
-.utrecht-link--html-span:active,
-.utrecht-link--html-a:any-link:active,
-.utrecht-link--active {
-  --_utrecht-link-forced-colors-color: activetext;
-  --_utrecht-link-state-color: var(--utrecht-link-active-color);
-}
-
-.utrecht-link--telephone {
-  white-space: nowrap;
-}
-
-.utrecht-link--current {
-  cursor: var(--utrecht-action-inert-cursor, normal);
-  font-weight: var(--utrecht-link-current-font-weight);
-}
-
-.utrecht-link--box-content:any-link {
-  color: unset;
-  display: inline-block;
-  text-decoration-line: unset;
-  text-decoration-skip-ink: unset;
-  text-decoration-thickness: unset;
-  text-underline-offset: unset;
-}
-
-.utrecht-link--placeholder {
-  --_utrecht-link-forced-colors-color: GrayText;
-  --_utrecht-link-state-color: var(--utrecht-link-placeholder-color);
-  cursor: var(--utrecht-action-disabled-cursor, not-allowed);
-  font-weight: var(--utrecht-link-placeholder-font-weight);
-  text-decoration-line: none;
-}
-
-/**
- * Simulate forced-colors mode.
- */
-.utrecht-link--forced-colors {
-  /* Some others choose `transparent` to trigger `currentColor` for `inverse-outline-color`,
-   * however this doesn't guarantee significant contrast between `outline-color` and `inverse-outline-color`.
-   * That's why we use `Highlight` vs `HighlightText`.
-   */
-  --utrecht-focus-outline-color: Highlight;
-  --utrecht-focus-inverse-outline-color: HighlightText;
-  --utrecht-link-color: linktext;
-  --utrecht-link-hover-color: linktext;
-  --utrecht-link-focus-color: linktext;
-  --utrecht-link-active-color: activetext;
-  --utrecht-link-visited-color: visitedtext;
-  --utrecht-link-placeholder-color: GrayText;
-}
-
-/**
-* @license EUPL-1.2
-* Copyright (c) 2020-2024 Frameless B.V.
-* Copyright (c) 2021-2024 Gemeente Utrecht
-*/
-.utrecht-contact-card {
-  --utrecht-document-color: currentColor;
-  --utrecht-heading-color: currentColor;
-  --utrecht-link-color: currentColor;
-  --utrecht-link-focus-color: currentColor;
-  --utrecht-link-hover-color: currentColor;
-  --utrecht-link-active-color: currentColor;
-  --utrecht-link-visited-color: currentColor;
-  --utrecht-heading-2-text-transform: none;
-  --utrecht-heading-2-font-size: var(--utrecht-typography-scale-md-font-size);
-  --utrecht-contact-card-background-color: hsl(207 60% 91%);
-  --utrecht-contact-card-background-color-2: hsl(207 60% 96%);
-  background-color: hsl(207, 60%, 91%);
-  background-image: linear-gradient(45deg, var(--utrecht-contact-card-background-color), var(--utrecht-contact-card-background-color) 50%, var(--utrecht-contact-card-background-color-2) 50%, var(--utrecht-contact-card-background-color-2));
-  background-position-x: 66%;
-  background-size: 200%;
-  color: var(--utrecht-color-black);
-  padding-block-end: var(--utrecht-space-block-xl);
-  padding-block-start: var(--utrecht-space-block-xl);
-  padding-inline-end: var(--utrecht-space-inline-xl);
-  padding-inline-start: var(--utrecht-space-inline-xl);
-}
-
-.utrecht-contact-card__content {
-  display: flex;
-  flex-direction: row;
-}
-
-.utrecht-contact-card__section {
-  inline-size: 100%;
-  margin-block-start: var(--utrecht-space-row-lg);
-}
-
-.utrecht-contact-card__telephone {
-  --utrecht-paragraph-font-size: var(--utrecht-typography-scale-2xl-font-size);
-}

package/dist/collection/components/contact-card-template.js

@@ -1,19 +0,0 @@
-import { h } from "@stencil/core";
-export class ContactCardTemplate {
-    render() {
-        return (h("div", { key: 'ddba69b87f6e4b1c1f09d07d127d2a9be21d1093', class: "utrecht-contact-card" }, h("utrecht-heading-2", { key: '88174a2d59052ceb1de4a3f5e3fd35ffa1f8bcfd' }, "Hulp en contact"), h("div", { key: '003884e6c5ae69eb527eb4ea22c32d455528793f', class: "utrecht-contact-card__content" }, h("div", { key: 'f03e083317fd5868bc4ce2185ef4b5ac5c5e3dfa', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: 'c953b684d30b00ef4539ce2ceef4d03e1855c789' }, "Telefoon"), h("utrecht-paragraph", { key: '5d26aa2f124cf30d9fc3ea2b416eb80e8a94ceb3', class: "utrecht-contact-card__telephone" }, h("a", { key: '58b021c1064f5648a5a385e7af13bd1debdfacc1', href: "tel:14-030", class: "utrecht-link utrecht-link--html-a utrecht-link--telephone", title: "Telefoonnummer van gemeente Utrecht" }, "14 030")), h("utrecht-paragraph", { key: '02ab1e5f5ca2c2e16e3f2c4c4aa5f2527f9e1821' }, "Maandag t/m vrijdag 8.30 \u2013 17.30 uur")), h("div", { key: '3512df567a94b6a7e2f3fcf99d35faa79fb3adb7', class: "utrecht-contact-card__section" }, h("utrecht-heading-3", { key: 'f1e2a2cb6a6d492cbb4d0122c24b14253ab00b99' }, "E-mail"), h("utrecht-paragraph", { key: '89c825f5b80531a8d1405d54f9b680f6b3a393c3' }, h("a", { key: '880c9f5136506317ec575975eb1573c433497dc9', class: "utrecht-link utrecht-link--html-a utrecht-link--html-a", href: "https://www.utrecht.nl/reactieformulier", title: "Algemeen reactieformulier van de gemeente Utrecht" }, "reactieformulier"))))));
-    }
-    static get is() { return "utrecht-contact-card-template"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["contact-card-template.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["contact-card-template.css"]
-        };
-    }
-}
-//# sourceMappingURL=contact-card-template.js.map

package/dist/collection/components/contact-card-template.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"contact-card-template.js","sourceRoot":"","sources":["../../src/components/contact-card-template.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAO7C,MAAM,OAAO,mBAAmB;IAC9B,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,sBAAsB;YAC/B,8FAAsD;YACtD,4DAAK,KAAK,EAAC,+BAA+B;gBACxC,4DAAK,KAAK,EAAC,+BAA+B;oBACxC,uFAA+C;oBAC/C,0EAAmB,KAAK,EAAC,iCAAiC;wBACxD,0DACE,IAAI,EAAC,YAAY,EACjB,KAAK,EAAC,2DAA2D,EACjE,KAAK,EAAC,qCAAqC,aAGzC,CACc;oBACpB,wHAA2E,CACvE;gBACN,4DAAK,KAAK,EAAC,+BAA+B;oBACxC,qFAA6C;oBAC7C;wBACE,0DACE,KAAK,EAAC,wDAAwD,EAC9D,IAAI,EAAC,yCAAyC,EAC9C,KAAK,EAAC,mDAAmD,uBAGvD,CACc,CAChB,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-contact-card-template',\n  styleUrl: 'contact-card-template.scss',\n  shadow: true,\n})\nexport class ContactCardTemplate {\n  render() {\n    return (\n      <div class=\"utrecht-contact-card\">\n        <utrecht-heading-2>Hulp en contact</utrecht-heading-2>\n        <div class=\"utrecht-contact-card__content\">\n          <div class=\"utrecht-contact-card__section\">\n            <utrecht-heading-3>Telefoon</utrecht-heading-3>\n            <utrecht-paragraph class=\"utrecht-contact-card__telephone\">\n              <a\n                href=\"tel:14-030\"\n                class=\"utrecht-link utrecht-link--html-a utrecht-link--telephone\"\n                title=\"Telefoonnummer van gemeente Utrecht\"\n              >\n                14 030\n              </a>\n            </utrecht-paragraph>\n            <utrecht-paragraph>Maandag t/m vrijdag 8.30 – 17.30 uur</utrecht-paragraph>\n          </div>\n          <div class=\"utrecht-contact-card__section\">\n            <utrecht-heading-3>E-mail</utrecht-heading-3>\n            <utrecht-paragraph>\n              <a\n                class=\"utrecht-link utrecht-link--html-a utrecht-link--html-a\"\n                href=\"https://www.utrecht.nl/reactieformulier\"\n                title=\"Algemeen reactieformulier van de gemeente Utrecht\"\n              >\n                reactieformulier\n              </a>\n            </utrecht-paragraph>\n          </div>\n        </div>\n      </div>\n    );\n  }\n}\n"]}

package/dist/components/p-074337c4.js

@@ -1,37 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
-import { c as clsx } from './p-e91d8a25.js';
-
-const paragraphCss = ".utrecht-paragraph{color:var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit));font-family:var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));font-size:var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));font-weight:var(--utrecht-paragraph-font-weight, inherit);line-height:var(--utrecht-paragraph-line-height, var(--utrecht-document-line-height, inherit));margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-paragraph-margin-block-start, 0))}.utrecht-paragraph--lead{color:var(--utrecht-paragraph-lead-color, var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit)));font-size:var(--utrecht-paragraph-lead-font-size, var(--utrecht-paragraph-font-size, inherit));font-weight:var(--utrecht-paragraph-lead-font-weight, var(--utrecht-paragraph-font-weight, inherit));line-height:var(--utrecht-paragraph-lead-line-height, var(--utrecht-paragraph-line-height, inherit))}.utrecht-paragraph--small{color:var(--utrecht-paragraph-small-color, var(--utrecht-paragraph-color, var(--utrecht-document-color, inherit)));font-size:var(--utrecht-paragraph-small-font-size, var(--utrecht-paragraph-font-size, inherit));font-weight:var(--utrecht-paragraph-small-font-weight, var(--utrecht-paragraph-font-weight, inherit));line-height:var(--utrecht-paragraph-small-line-height, var(--utrecht-paragraph-line-height, inherit))}.utrecht-paragraph__small{font-size:inherit}.utrecht-paragraph__b{font-weight:inherit}.utrecht-paragraph--distanced{--utrecht-space-around:1}:host{display:block}:host([hidden]){display:none !important}";
-const UtrechtParagraphStyle0 = paragraphCss;
-
-const Paragraph = /*@__PURE__*/ proxyCustomElement(class Paragraph extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.lead = undefined;
-    }
-    render() {
-        return (h("div", { key: '644244805a01be6cda2c1bbd39f2a3d21208e79d', class: clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead') }, h("slot", { key: '173c9bd061e53892aa312982cca9ade5c17ab329' })));
-    }
-    static get style() { return UtrechtParagraphStyle0; }
-}, [1, "utrecht-paragraph", {
-        "lead": [4]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["utrecht-paragraph"];
-    components.forEach(tagName => { switch (tagName) {
-        case "utrecht-paragraph":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Paragraph);
-            }
-            break;
-    } });
-}
-
-export { Paragraph as P, defineCustomElement as d };
-
-//# sourceMappingURL=p-074337c4.js.map

package/dist/components/p-074337c4.js.map

@@ -1 +0,0 @@
-{"file":"p-074337c4.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,urDAAurD,CAAC;AAC7sD,+BAAe,YAAY;;MCOd,SAAS;;;;;;;IAMpB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,IAAI,IAAI,yBAAyB,CAAC,IAC3E,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/paragraph.scss?tag=utrecht-paragraph&encapsulation=shadow","src/components/paragraph.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/paragraph-css/src\" as *;\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'utrecht-paragraph',\n  styleUrl: 'paragraph.scss',\n  shadow: true,\n})\nexport class Paragraph {\n  /**\n   * Lead paragraph\n   */\n  @Prop() lead: boolean;\n\n  render() {\n    return (\n      <div class={clsx('utrecht-paragraph', this.lead && 'utrecht-paragraph--lead')}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-2d036b48.js

@@ -1,33 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-2f0ff193.js';
-
-const heading3Css = ":host{display:contents}:host([hidden]){display:none !important}h3{break-after:avoid;break-inside:avoid-column;break-inside:avoid;color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)));font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size, revert);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));line-height:var(--utrecht-heading-3-line-height);margin-block-end:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-end, 0));margin-block-start:calc(var(--utrecht-space-around, 0) * var(--utrecht-heading-3-margin-block-start, 0))}";
-const UtrechtHeading3Style0 = heading3Css;
-
-const Heading3 = /*@__PURE__*/ proxyCustomElement(class Heading3 extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h("h3", { key: 'f68577183f5776b0eaa550024e23b69c3c60c7a4' }, h("slot", { key: '86f4f70516d905b7692379d6e87e93be52280fcd' })));
-    }
-    static get style() { return UtrechtHeading3Style0; }
-}, [1, "utrecht-heading-3"]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["utrecht-heading-3"];
-    components.forEach(tagName => { switch (tagName) {
-        case "utrecht-heading-3":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, Heading3);
-            }
-            break;
-    } });
-}
-
-export { Heading3 as H, defineCustomElement as d };
-
-//# sourceMappingURL=p-2d036b48.js.map

package/dist/components/p-2d036b48.js.map

@@ -1 +0,0 @@
-{"file":"p-2d036b48.js","mappings":";;AAAA,MAAM,WAAW,GAAG,uvBAAuvB,CAAC;AAC5wB,8BAAe,WAAW;;MCMb,QAAQ;;;;;;IACnB,MAAM;QACJ,QACE,6DACE,8DAAa,CACV,EACL;KACH;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/heading-3.scss?tag=utrecht-heading-3&encapsulation=shadow","src/components/heading-3.tsx"],"sourcesContent":["/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\n@use \"~@utrecht/heading-3-css/src/mixin\" as *;\n\n:host {\n  display: contents;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n\nh3 {\n  @include utrecht-heading-3;\n}\n","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-heading-3',\n  styleUrl: 'heading-3.scss',\n  shadow: true,\n})\nexport class Heading3 {\n  render() {\n    return (\n      <h3>\n        <slot></slot>\n      </h3>\n    );\n  }\n}\n"],"version":3}