@utrecht/web-component-library-stencil 3.6.1 → 4.0.0

package/dist/components/utrecht-badge-status.js

@@ -1,39 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-
-const badgeStatusCss = ".utrecht-badge-status{background-color:var(--utrecht-badge-background-color, hsl(0, 0%, 0%));border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, hsl(0, 0%, 100%));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-size:var(--utrecht-badge-font-size, inherit);font-style:var(--utrecht-badge-font-style, normal);font-weight:var(--utrecht-badge-font-weight, bold);line-height:var(--utrecht-badge-line-height, 1em);max-block-size:max-content;max-inline-size:max-content;min-block-size:1em;min-inline-size:1em;padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;letter-spacing:var(--utrecht-badge-status-letter-spacing, inherit);text-transform:var(--utrecht-badge-status-text-transform, inherit)}@media screen and (-ms-high-contrast: active), screen and (forced-colors: active){.utrecht-badge-status{border-color:currentColor;border-style:solid;border-width:1px}}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%));color:var(--utrecht-feedback-danger-fill-color, white)}.utrecht-badge-status--warning{background-color:var(--utrecht-feedback-warning-fill-background-color, hsl(48, 100%, 50%));color:var(--utrecht-feedback-warning-fill-color, white)}.utrecht-badge-status--safe{background-color:var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%));color:var(--utrecht-feedback-safe-fill-color, white)}.utrecht-badge-status--neutral{background-color:var(--utrecht-feedback-neutral-fill-background-color, black);color:var(--utrecht-feedback-neutral-fill-color, white)}.utrecht-badge-status--valid{background-color:var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));color:var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--invalid{background-color:var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(39, 100%, 50%)));color:var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--error{background-color:var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 30%)));color:var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--success{background-color:var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));color:var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--active{background-color:var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, hsl(90, 30%, 50%)));color:var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--inactive{background-color:var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, hsl(0, 100%, 40%)));color:var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white))}:host{display:inline-block}:host([hidden]){display:none !important}";
-const UtrechtBadgeStatusStyle0 = badgeStatusCss;
-
-const BadgeStatus = /*@__PURE__*/ proxyCustomElement(class BadgeStatus extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.status = undefined;
-    }
-    render() {
-        return (h("div", { key: '5dfffe4daf322d409ae4bb97d6bcd8ebec3bc53a', class: `utrecht-badge-status utrecht-badge-status--${this.status || 'neutral'}` }, h("slot", { key: 'eb37db7126f4476f8b7a74a924f1f628d0459f44' })));
-    }
-    static get style() { return UtrechtBadgeStatusStyle0; }
-}, [1, "utrecht-badge-status", {
-        "status": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["utrecht-badge-status"];
-    components.forEach(tagName => { switch (tagName) {
-        case "utrecht-badge-status":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, BadgeStatus);
-            }
-            break;
-    } });
-}
-
-const UtrechtBadgeStatus = BadgeStatus;
-const defineCustomElement = defineCustomElement$1;
-
-export { UtrechtBadgeStatus, defineCustomElement };
-
-//# sourceMappingURL=utrecht-badge-status.js.map

package/dist/components/utrecht-badge-status.js.map

@@ -1 +0,0 @@
-{"file":"utrecht-badge-status.js","mappings":";;AAAA,MAAM,cAAc,GAAG,k8GAAk8G,CAAC;AAC19G,iCAAe,cAAc;;MCYhB,WAAW;;;;;;;IAGtB,MAAM;QACJ,QACE,4DAAK,KAAK,EAAE,8CAA8C,IAAI,CAAC,MAAM,IAAI,SAAS,EAAE,IAClF,8DAAa,CACT,EACN;KACH;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/badge-status.scss?tag=utrecht-badge-status&encapsulation=shadow","src/components/badge-status.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/badge-status-css/src\" as *;\n\n:host {\n  display: inline-block;\n}\n\n:host([hidden]) {\n  display: none !important;\n}\n","/**\n * @license EUPL-1.2\n * Copyright (c) 2020-2024 Frameless B.V.\n * Copyright (c) 2021-2024 Gemeente Utrecht\n */\n\nimport { Component, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'utrecht-badge-status',\n  styleUrl: 'badge-status.scss',\n  shadow: true,\n})\nexport class BadgeStatus {\n  @Prop() status: string;\n\n  render() {\n    return (\n      <div class={`utrecht-badge-status utrecht-badge-status--${this.status || 'neutral'}`}>\n        <slot></slot>\n      </div>\n    );\n  }\n}\n"],"version":3}