@rijkshuisstijl-community/web-components-stencil 1.0.0-alpha.3 → 1.0.0-alpha.31

package/dist/src/icon-info/stencil.js

@@ -6,12 +6,10 @@ import { __decorate } from "tslib";
 import { Component, h } from '@stencil/core';
 let IconInfo = class IconInfo {
     render() {
-        return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" },
-            h("defs", null,
-                h("path", { id: "info-icon-a", d: "M16,11 C14.8954305,11 14,10.1045695 14,9 C14,7.8954305 14.8954305,7 16,7 C17.1045695,7 18,7.8954305 18,9 C18,10.1045695 17.1045695,11 16,11 Z M16,14 C17.1045695,14 18,14.8954305 18,16 L18,24 C18,25.1045695 17.1045695,26 16,26 C14.8954305,26 14,25.1045695 14,24 L14,16 C14,14.8954305 14.8954305,14 16,14 Z" })),
-            h("g", { "fill-rule": "evenodd" },
-                h("path", { d: "M31.3046827,3.47798687 C31.0638074,2.03483589 29.9658643,0.93619256 28.5220131,0.696017505 C24.3480088,0 17.3913348,0 16.0007002,0 C14.6086652,0 7.65269147,0 3.47868709,0.696017505 C2.03483589,0.93619256 0.93619256,2.03483589 0.696017505,3.47798687 C0,7.65199125 0,14.6086652 0,16 C0,17.3913348 0,24.3480088 0.696017505,28.5220131 C0.93619256,29.9651641 2.03483589,31.0638074 3.47868709,31.3039825 C7.65269147,32 14.6086652,32 16.0007002,32 C17.3913348,32 24.3480088,32 28.5220131,31.3039825 C29.9658643,31.0638074 31.0638074,29.9651641 31.3046827,28.5220131 C32,24.3480088 32,17.3913348 32,16 C32,11.823895 32,7.65199125 31.3046827,3.47798687 L31.3046827,3.47798687 Z" }),
-                h("use", { fill: "var(--logius-icon-accent-color,#fff)", "fill-rule": "nonzero", xlinkHref: "#info-icon-a" }))));
+        return (h("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" },
+            h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2ZM0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10Z", fill: "currentColor" }),
+            h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M9 6C9 5.44772 9.44771 5 10 5H10.01C10.5623 5 11.01 5.44772 11.01 6C11.01 6.55228 10.5623 7 10.01 7H10C9.44771 7 9 6.55228 9 6Z", fill: "currentColor" }),
+            h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8 10C8 9.44771 8.44771 9 9 9H10C10.5523 9 11 9.44771 11 10V13C11.5523 13 12 13.4477 12 14C12 14.5523 11.5523 15 11 15H10C9.44772 15 9 14.5523 9 14V11C8.44771 11 8 10.5523 8 10Z", fill: "currentColor" })));
     }
 };
 IconInfo = __decorate([

package/dist/src/icon-info/stencil.js.map

@@ -1 +1 @@
-{"version":3,"file":"stencil.js","sourceRoot":"","sources":["../../../src/icon-info/stencil.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMtC,IAAM,QAAQ,GAAd,MAAM,QAAQ;IACnB,MAAM;QACJ,OAAO,CACL,WAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW;YACzD;gBACE,YACE,EAAE,EAAC,aAAa,EAChB,CAAC,EAAC,kTAAkT,GACpT,CACG;YACP,sBAAa,SAAS;gBACpB,YAAM,CAAC,EAAC,8pBAA8pB,GAAG;gBACzqB,WAAK,IAAI,EAAC,sCAAsC,eAAW,SAAS,EAAC,SAAS,EAAC,cAAc,GAAG,CAC9F,CACA,CACP,CAAC;IACJ,CAAC;CACF,CAAA;AAjBY,QAAQ;IAJpB,SAAS,CAAC;QACT,GAAG,EAAE,eAAe;QACpB,MAAM,EAAE,IAAI;KACb,CAAC;GACW,QAAQ,CAiBpB"}
+{"version":3,"file":"stencil.js","sourceRoot":"","sources":["../../../src/icon-info/stencil.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMtC,IAAM,QAAQ,GAAd,MAAM,QAAQ;IACnB,MAAM;QACJ,OAAO,CACL,WAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;YACzD,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,kOAAkO,EACpO,IAAI,EAAC,cAAc,GACnB;YACF,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,iIAAiI,EACnI,IAAI,EAAC,cAAc,GACnB;YACF,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,mLAAmL,EACrL,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAC;IACJ,CAAC;CACF,CAAA;AAzBY,QAAQ;IAJpB,SAAS,CAAC;QACT,GAAG,EAAE,eAAe;QACpB,MAAM,EAAE,IAAI;KACb,CAAC;GACW,QAAQ,CAyBpB"}

package/dist/src/icon-success/stencil.js

@@ -6,10 +6,8 @@ import { __decorate } from "tslib";
 import { Component, h } from '@stencil/core';
 let IconSuccess = class IconSuccess {
     render() {
-        return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32", version: "1.1" },
-            h("g", { stroke: "none", "stroke-width": "1", "fill-rule": "evenodd" },
-                h("path", { d: "M31.3046827,3.47798687 C31.0638074,2.03483589 29.9658643,0.93619256 28.5220131,0.696017505 C24.3480088,0 17.3913348,0 16.0007002,0 C14.6086652,0 7.65269147,0 3.47868709,0.696017505 C2.03483589,0.93619256 0.93619256,2.03483589 0.696017505,3.47798687 C0,7.65199125 0,14.6086652 0,16 C0,17.3913348 0,24.3480088 0.696017505,28.5220131 C0.93619256,29.9651641 2.03483589,31.0638074 3.47868709,31.3039825 C7.65269147,32 14.6086652,32 16.0007002,32 C17.3913348,32 24.3480088,32 28.5220131,31.3039825 C29.9658643,31.0638074 31.0638074,29.9651641 31.3046827,28.5220131 C32,24.3480088 32,17.3913348 32,16 C32,11.823895 32,7.65199125 31.3046827,3.47798687 L31.3046827,3.47798687 Z", id: "Mask" }),
-                h("path", { d: "M11.9537178,24.3879613 L6.55867498,18.4775923 C5.81377501,17.6615406 5.81377501,16.3384594 6.55867498,15.5224077 C7.30357496,14.7063561 8.51129644,14.7063561 9.25619642,15.5224077 L13.3024786,19.9551845 L22.7438036,9.61203875 C23.4887036,8.79598708 24.696425,8.79598708 25.441325,9.61203875 C26.186225,10.4280904 26.186225,11.7511716 25.441325,12.5672232 L14.6512393,24.3879613 C13.9063393,25.2040129 12.6986178,25.2040129 11.9537178,24.3879613 Z", id: "Path", fill: "var(--logius-icon-accent-color,#fff)" }))));
+        return (h("svg", { viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" },
+            h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10 2C5.58172 2 2 5.58172 2 10C2 14.4183 5.58172 18 10 18C14.4183 18 18 14.4183 18 10C18 5.58172 14.4183 2 10 2ZM0 10C0 4.47715 4.47715 0 10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10ZM13.7071 7.29289C14.0976 7.68342 14.0976 8.31658 13.7071 8.70711L9.70711 12.7071C9.31658 13.0976 8.68342 13.0976 8.29289 12.7071L6.29289 10.7071C5.90237 10.3166 5.90237 9.68342 6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289L9 10.5858L12.2929 7.29289C12.6834 6.90237 13.3166 6.90237 13.7071 7.29289Z", fill: "currentColor" })));
     }
 };
 IconSuccess = __decorate([

package/dist/src/icon-success/stencil.js.map

@@ -1 +1 @@
-{"version":3,"file":"stencil.js","sourceRoot":"","sources":["../../../src/icon-success/stencil.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMtC,IAAM,WAAW,GAAjB,MAAM,WAAW;IACtB,MAAM;QACJ,OAAO,CACL,WAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAC,KAAK;YACvE,SAAG,MAAM,EAAC,MAAM,kBAAc,GAAG,eAAW,SAAS;gBACnD,YACE,CAAC,EAAC,8pBAA8pB,EAChqB,EAAE,EAAC,MAAM,GACT;gBACF,YACE,CAAC,EAAC,gcAAgc,EAClc,EAAE,EAAC,MAAM,EACT,IAAI,EAAC,sCAAsC,GAC3C,CACA,CACA,CACP,CAAC;IACJ,CAAC;CACF,CAAA;AAlBY,WAAW;IAJvB,SAAS,CAAC;QACT,GAAG,EAAE,kBAAkB;QACvB,MAAM,EAAE,IAAI;KACb,CAAC;GACW,WAAW,CAkBvB"}
+{"version":3,"file":"stencil.js","sourceRoot":"","sources":["../../../src/icon-success/stencil.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMtC,IAAM,WAAW,GAAjB,MAAM,WAAW;IACtB,MAAM;QACJ,OAAO,CACL,WAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;YACzD,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,6hBAA6hB,EAC/hB,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAC;IACJ,CAAC;CACF,CAAA;AAbY,WAAW;IAJvB,SAAS,CAAC;QACT,GAAG,EAAE,kBAAkB;QACvB,MAAM,EAAE,IAAI;KACb,CAAC;GACW,WAAW,CAavB"}

package/dist/src/icon-warning/stencil.js

@@ -6,12 +6,8 @@ import { __decorate } from "tslib";
 import { Component, h } from '@stencil/core';
 let IconWarning = class IconWarning {
     render() {
-        return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20" },
-            h("defs", null,
-                h("path", { id: "a", d: "M10 13.75a1.25 1.25 0 1 1 0 2.5 1.25 1.25 0 0 1 0-2.5zm0-9.375c.69 0 1.25.56 1.25 1.25v5a1.25 1.25 0 0 1-2.5 0v-5c0-.69.56-1.25 1.25-1.25z" })),
-            h("g", { "fill-rule": "evenodd" },
-                h("path", { d: "M19.565 2.174A2.095 2.095 0 0 0 17.826.435C15.218 0 10.87 0 10 0c-.87 0-5.217 0-7.826.435-.902.15-1.589.837-1.739 1.739C0 4.782 0 9.13 0 10c0 .87 0 5.218.435 7.826.15.902.837 1.589 1.74 1.739C4.782 20 9.13 20 10 20c.87 0 5.218 0 7.826-.435a2.095 2.095 0 0 0 1.74-1.739C20 15.218 20 10.87 20 10c0-2.61 0-5.218-.435-7.826z" }),
-                h("use", { fill: "var(--logius-icon-accent-color,#fff)", "fill-rule": "nonzero", xlinkHref: "#a" }))));
+        return (h("svg", { viewBox: "0 0 20 19", xmlns: "http://www.w3.org/2000/svg" },
+            h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M7.37028 2.50583C7.90004 1.5565 8.90224 0.967773 9.98995 0.967773C11.0777 0.967773 12.0799 1.55649 12.6096 2.50581L19.7051 14.7481C19.7287 14.7887 19.7494 14.831 19.767 14.8745C20.1397 15.7958 20.0319 16.8419 19.4793 17.6679C18.9266 18.4938 18.0008 18.9925 17.007 18.9995L17 18.9995H2.99995C2.98168 18.9995 2.96351 18.999 2.94548 18.9981C2.91022 19 2.87452 19.0001 2.83847 18.9982C1.86877 18.9482 0.983242 18.432 0.461945 17.6128C-0.0593516 16.7936 -0.151938 15.7728 0.213468 14.8732C0.230968 14.8301 0.251452 14.7883 0.27477 14.7481L7.37028 2.50583ZM2.94471 17.001C2.963 17 2.98142 16.9995 2.99995 16.9995H16.9959C17.326 16.9962 17.6334 16.8302 17.817 16.5557C17.9904 16.2966 18.0324 15.9726 17.9333 15.6794L10.8748 3.50098L10.865 3.48365C10.6888 3.16533 10.3537 2.96777 9.98995 2.96777C9.62617 2.96777 9.29107 3.16533 9.11495 3.48365L9.10514 3.50098L2.0462 15.6801C1.94885 15.9662 1.98591 16.2823 2.14927 16.5391C2.32303 16.8121 2.61821 16.9842 2.94144 17.0009C2.94253 17.0009 2.94362 17.001 2.94471 17.001ZM9.99996 6.99953C10.5522 6.99953 11 7.44724 11 7.99953V9.99953C11 10.5518 10.5522 10.9995 9.99996 10.9995C9.44767 10.9995 8.99996 10.5518 8.99996 9.99953V7.99953C8.99996 7.44724 9.44767 6.99953 9.99996 6.99953ZM8.99996 13.9995C8.99996 13.4472 9.44767 12.9995 9.99996 12.9995H10.01C10.5622 12.9995 11.01 13.4472 11.01 13.9995C11.01 14.5518 10.5622 14.9995 10.01 14.9995H9.99996C9.44767 14.9995 8.99996 14.5518 8.99996 13.9995Z", fill: "currentColor" })));
     }
 };
 IconWarning = __decorate([

package/dist/src/icon-warning/stencil.js.map

@@ -1 +1 @@
-{"version":3,"file":"stencil.js","sourceRoot":"","sources":["../../../src/icon-warning/stencil.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMtC,IAAM,WAAW,GAAjB,MAAM,WAAW;IACtB,MAAM;QACJ,OAAO,CACL,WAAK,KAAK,EAAC,4BAA4B,EAAC,OAAO,EAAC,WAAW;YACzD;gBACE,YACE,EAAE,EAAC,GAAG,EACN,CAAC,EAAC,4IAA4I,GAC9I,CACG;YACP,sBAAa,SAAS;gBACpB,YAAM,CAAC,EAAC,kUAAkU,GAAG;gBAC7U,WAAK,IAAI,EAAC,sCAAsC,eAAW,SAAS,EAAC,SAAS,EAAC,IAAI,GAAG,CACpF,CACA,CACP,CAAC;IACJ,CAAC;CACF,CAAA;AAjBY,WAAW;IAJvB,SAAS,CAAC;QACT,GAAG,EAAE,kBAAkB;QACvB,MAAM,EAAE,IAAI;KACb,CAAC;GACW,WAAW,CAiBvB"}
+{"version":3,"file":"stencil.js","sourceRoot":"","sources":["../../../src/icon-warning/stencil.tsx"],"names":[],"mappings":"AAAA;;;GAGG;;AAEH,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAMtC,IAAM,WAAW,GAAjB,MAAM,WAAW;IACtB,MAAM;QACJ,OAAO,CACL,WAAK,OAAO,EAAC,WAAW,EAAC,KAAK,EAAC,4BAA4B;YACzD,yBACY,SAAS,eACT,SAAS,EACnB,CAAC,EAAC,45CAA45C,EAC95C,IAAI,EAAC,cAAc,GACnB,CACE,CACP,CAAC;IACJ,CAAC;CACF,CAAA;AAbY,WAAW;IAJvB,SAAS,CAAC;QACT,GAAG,EAAE,kBAAkB;QACvB,MAAM,EAAE,IAAI;KACb,CAAC;GACW,WAAW,CAavB"}

package/dist/types/icon-arrow-right/stencil.d.ts

@@ -3,5 +3,5 @@
  * Copyright (c) 2021 Community for NL Design System
  */
 export declare class IconArrowRight {
-  render(): any;
+    render(): any;
 }

package/dist/types/icon-calendar/stencil.d.ts

@@ -3,5 +3,5 @@
  * Copyright (c) 2021 Community for NL Design System
  */
 export declare class IconCalendar {
-  render(): any;
+    render(): any;
 }

package/dist/types/icon-error/stencil.d.ts

@@ -3,5 +3,5 @@
  * Copyright (c) 2021 Community for NL Design System
  */
 export declare class IconError {
-  render(): any;
+    render(): any;
 }

package/dist/types/icon-info/stencil.d.ts

@@ -3,5 +3,5 @@
  * Copyright (c) 2021 Community for NL Design System
  */
 export declare class IconInfo {
-  render(): any;
+    render(): any;
 }

package/dist/types/icon-success/stencil.d.ts

@@ -3,5 +3,5 @@
  * Copyright (c) 2021 Community for NL Design System
  */
 export declare class IconSuccess {
-  render(): any;
+    render(): any;
 }

package/dist/types/icon-warning/stencil.d.ts

@@ -3,5 +3,5 @@
  * Copyright (c) 2021 Community for NL Design System
  */
 export declare class IconWarning {
-  render(): any;
+    render(): any;
 }

package/dist/types/logo.stencil.d.ts

@@ -9,7 +9,7 @@
  * RijksoverheidSans.
  */
 export declare class Logo {
-  organisation?: string;
-  subtitle?: string;
-  render(): any;
+    organisation?: string;
+    subtitle?: string;
+    render(): any;
 }

package/dist/types/stencil-public-runtime.d.ts

@@ -3,6 +3,16 @@ export interface ComponentDecorator {
     (opts?: ComponentOptions): ClassDecorator;
 }
 export interface ComponentOptions {
+    /**
+     * When set to `true` this component will be form-associated. See
+     * https://stenciljs.com/docs/next/form-associated documentation on how to
+     * build form-associated Stencil components that integrate into forms like
+     * native browser elements such as `<input>` and `<textarea>`.
+     *
+     * The {@link AttachInternals} decorator allows for access to the
+     * `ElementInternals` object to modify the associated form.
+     */
+    formAssociated?: boolean;
     /**
      * Tag name of the web component. Ideally, the tag name must be globally unique,
      * so it's recommended to choose an unique prefix for all your components within the same collection.
@@ -62,7 +72,7 @@ export interface PropOptions {
     /**
      * The name of the associated DOM attribute.
      * Stencil uses different heuristics to determine the default name of the attribute,
-     * but using this property, you can override the default behaviour.
+     * but using this property, you can override the default behavior.
      */
     attribute?: string | null;
     /**
@@ -107,6 +117,9 @@ export interface EventOptions {
      */
     composed?: boolean;
 }
+export interface AttachInternalsDecorator {
+    (): PropertyDecorator;
+}
 export interface ListenDecorator {
     (eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
 }
@@ -128,7 +141,7 @@ export interface ListenOptions {
      * By default, Stencil uses several heuristics to determine if
      * it must attach a `passive` event listener or not.
      *
-     * Using the `passive` option can be used to change the default behaviour.
+     * Using the `passive` option can be used to change the default behavior.
      * Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
      */
     passive?: boolean;
@@ -175,6 +188,12 @@ export declare const Element: ElementDecorator;
  * https://stenciljs.com/docs/events
  */
 export declare const Event: EventDecorator;
+/**
+ * If the `formAssociated` option is set in options passed to the
+ * `@Component()` decorator then this decorator may be used to get access to the
+ * `ElementInternals` instance associated with the component.
+ */
+export declare const AttachInternals: AttachInternalsDecorator;
 /**
  * The `Listen()` decorator is for listening DOM events, including the ones
  * dispatched from `@Events()`.
@@ -471,7 +490,7 @@ export interface FunctionalUtilities {
     /**
      * Utility for reading the children of a functional component at runtime.
      * Since the Stencil runtime uses a different interface for children it is
-     * not recommendeded to read the children directly, and is preferable to use
+     * not recommended to read the children directly, and is preferable to use
      * this utility to, for instance, perform a side effect for each child.
      */
     forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
@@ -749,6 +768,7 @@ export declare namespace JSXBase {
         hrefLang?: string;
         hreflang?: string;
         media?: string;
+        ping?: string;
         rel?: string;
         target?: string;
         referrerPolicy?: ReferrerPolicy;
@@ -775,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -791,6 +810,9 @@ export declare namespace JSXBase {
         name?: string;
         type?: string;
         value?: string | string[] | number;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -899,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -952,10 +972,11 @@ export declare namespace JSXBase {
         webkitdirectory?: boolean;
         webkitEntries?: any;
         width?: number | string;
+        popoverTargetAction?: string;
+        popoverTargetElement?: Element | null;
+        popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -968,7 +989,6 @@ export declare namespace JSXBase {
     interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
     }
     interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
         value?: string | string[] | number;
@@ -1079,7 +1099,6 @@ export declare namespace JSXBase {
     interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
         form?: string;
         htmlFor?: string;
-        htmlfor?: string;
         name?: string;
     }
     interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
@@ -1104,7 +1123,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1115,11 +1133,13 @@ export declare namespace JSXBase {
         autocomplete?: string;
     }
     interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
+        height?: number;
         media?: string;
         sizes?: string;
         src?: string;
         srcSet?: string;
         type?: string;
+        width?: number;
     }
     interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
         media?: string;
@@ -1137,8 +1157,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1191,6 +1209,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };
@@ -1202,6 +1222,7 @@ export declare namespace JSXBase {
         draggable?: boolean;
         hidden?: boolean;
         id?: string;
+        inert?: boolean;
         lang?: string;
         spellcheck?: 'true' | 'false' | any;
         style?: {
@@ -1210,6 +1231,7 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
+        popover?: string | null;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;

package/loader/cdn.js

@@ -1,3 +1 @@
-
-module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.cjs.js

@@ -1,3 +1 @@
-
-module.exports = require('../dist/cjs/loader.cjs.js');
-module.exports.applyPolyfills = function() { return Promise.resolve() };
+module.exports = require('../dist/cjs/loader.cjs.js');

package/loader/index.d.ts

@@ -9,6 +9,9 @@ export interface CustomElementsDefineOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): void;
+/**
+ * @deprecated
+ */
 export declare function applyPolyfills(): Promise<void>;
 
 /**

package/loader/index.es2017.js

@@ -1,3 +1 @@
-
-export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm/loader.js';
+export * from '../dist/esm/loader.js';

package/loader/index.js

@@ -1,4 +1,2 @@
-
 (function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
-export * from '../dist/esm/polyfills/index.js';
-export * from '../dist/esm/loader.js';
+export * from '../dist/esm/loader.js';

package/package.json

@@ -1,9 +1,9 @@
 {
-  "version": "1.0.0-alpha.3",
+  "name": "@rijkshuisstijl-community/web-components-stencil",
+  "version": "1.0.0-alpha.31",
   "author": "Community for NL Design System",
   "description": "Stencil web components bundle based on the NL Design System architecture",
   "license": "EUPL-1.2",
-  "name": "@rijkshuisstijl-community/web-components-stencil",
   "keywords": [
     "nl-design-system"
   ],
@@ -26,7 +26,8 @@
   ],
   "repository": {
     "type": "git+ssh",
-    "url": "git@github.com:nl-design-system/rijkshuisstijl-community.git"
+    "url": "git@github.com:nl-design-system/rijkshuisstijl-community.git",
+    "directory": "packages/web-components-stencil"
   },
   "scripts": {
     "prebuild": "npm run clean",
@@ -40,19 +41,19 @@
     "generate": "stencil generate"
   },
   "devDependencies": {
-    "@rijkshuisstijl-community/components-css": "1.0.0-alpha.21",
+    "@rijkshuisstijl-community/components-css": "1.0.0-alpha.49",
     "@stencil/react-output-target": "0.5.3",
-    "@stencil/sass": "3.0.5",
-    "@types/jest": "29.5.4",
+    "@stencil/sass": "3.0.12",
+    "@types/jest": "29.5.12",
     "chokidar-cli": "3.0.0",
     "node-sass-package-importer": "5.3.3",
     "npm-run-all": "4.1.5",
-    "rimraf": "5.0.1",
-    "tslib": "2.6.2",
-    "typescript": "5.2.2"
+    "rimraf": "6.0.1",
+    "tslib": "2.6.3",
+    "typescript": "5.5.3"
   },
   "dependencies": {
-    "@stencil/core": "4.1.0"
+    "@stencil/core": "4.19.2"
   },
-  "gitHead": "b5139219f54586c7b5dce89cff2fe598a3e04b5c"
+  "gitHead": "24691de04403b931c3ee231144c4c8cd7cece87a"
 }