@utrecht/web-component-library-stencil 1.0.0-alpha.210 → 1.0.0-alpha.213

package/dist/collection/form-field-description/web-component/template.js

@@ -0,0 +1,4 @@
+export const FormFieldDescription = ({ id = null, innerHTML = '', status = null }) =>
+  `<utrecht-form-field-description id="${id}"${
+    status ? ` status="${status}"` : ''
+  }>${innerHTML}</utrecht-form-field-description>`;

package/dist/collection/form-field-textarea/{stencil.js → web-component/index.stencil.js}

@@ -26,10 +26,10 @@ export class FormFieldTextarea {
   static get is() { return "utrecht-form-field-textarea"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
-    "$": ["stencil.scss"]
+    "$": ["index.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["stencil.css"]
+    "$": ["index.css"]
   }; }
   static get properties() { return {
     "disabled": {

package/dist/collection/form-field-textarea/web-component/template.js

@@ -0,0 +1,14 @@
+export const FormFieldTextarea = ({
+  disabled = false,
+  invalid = false,
+  label = '',
+  placeholder = '',
+  readOnly = false,
+  required = false,
+  value = '',
+}) =>
+  `<utrecht-form-field-textarea${disabled ? ' disabled="true"' : ''}${invalid ? ' invalid="true"' : ''}${
+    placeholder ? ` placeholder="${placeholder}"` : ''
+  }${readOnly ? ' readonly="true"' : ''}${required ? ' required="true"' : ''}${
+    value ? ` value="${value}"` : ''
+  }>${label}</utrecht-form-field-textarea>`;

package/dist/collection/form-field-textbox/{stencil.js → web-component/index.stencil.js}

@@ -31,10 +31,10 @@ export class FormFieldTextbox {
   static get is() { return "utrecht-form-field-textbox"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
-    "$": ["stencil.scss"]
+    "$": ["index.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["stencil.css"]
+    "$": ["index.css"]
   }; }
   static get properties() { return {
     "autoComplete": {

package/dist/collection/form-field-textbox/web-component/template.js

@@ -0,0 +1,21 @@
+export const FormFieldTextbox = ({
+  autoComplete = '',
+  disabled = false,
+  invalid = false,
+  label = '',
+  min = '',
+  max = '',
+  pattern = '',
+  placeholder = '',
+  readOnly = false,
+  required = false,
+  type = '',
+  value = '',
+}) =>
+  `<utrecht-form-field-textbox${autoComplete ? ` autocomplete="${autoComplete}"` : ''}${
+    disabled ? ' disabled="true"' : ''
+  }${invalid ? ' invalid="true"' : ''}${min !== '' ? ` min="${min}"` : ''}${max !== '' ? ` max="${max}"` : ''}${
+    pattern ? ` pattern="${pattern}"` : ''
+  }${placeholder ? ` placeholder="${placeholder}"` : ''}${readOnly ? ' readonly="true"' : ''}${
+    required ? ' required="true"' : ''
+  }${value ? ` value="${value}"` : ''}${type ? ` type="${type}"` : ''}>${label}</utrecht-form-field-textbox>`;

package/dist/collection/heading/{stencil.js → web-component/index.stencil.js}

@@ -33,10 +33,10 @@ export class Heading {
   static get is() { return "utrecht-heading"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
-    "$": ["stencil.scss"]
+    "$": ["index.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["stencil.css"]
+    "$": ["index.css"]
   }; }
   static get properties() { return {
     "level": {

package/dist/collection/heading/web-component/template.js

@@ -0,0 +1,4 @@
+export const Heading = ({ level, textContent = '' }) =>
+  `<section>
+  <utrecht-heading level="${level}">${textContent}</utrecht-heading>
+</section>`;

package/dist/collection/heading-1/html/template.js

@@ -0,0 +1,4 @@
+export const Heading1 = ({ textContent = '' }) =>
+  `<section class="utrecht-html">
+  <h1>${textContent}</h1>
+</section>`;

package/dist/collection/heading-1/{stencil.js → web-component/index.stencil.js}

@@ -7,9 +7,9 @@ export class Heading1 {
   static get is() { return "utrecht-heading-1"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
-    "$": ["stencil.scss"]
+    "$": ["index.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["stencil.css"]
+    "$": ["index.css"]
   }; }
 }

package/dist/collection/heading-1/web-component/template.js

@@ -0,0 +1,4 @@
+export const Heading1 = ({ textContent = '' }) =>
+  `<section>
+  <utrecht-heading-1>${textContent}</utrecht-heading-1>
+</section>`;

package/dist/collection/heading-2/html/template.js

@@ -0,0 +1,4 @@
+export const Heading2 = ({ textContent = '' }) =>
+  `<section class="utrecht-html">
+  <h2>${textContent}</h2>
+</section>`;

package/dist/collection/heading-2/{stencil.js → web-component/index.stencil.js}

@@ -7,9 +7,9 @@ export class Heading2 {
   static get is() { return "utrecht-heading-2"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
-    "$": ["stencil.scss"]
+    "$": ["index.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["stencil.css"]
+    "$": ["index.css"]
   }; }
 }

package/dist/collection/heading-2/web-component/template.js

@@ -0,0 +1,4 @@
+export const Heading2 = ({ textContent = '' }) =>
+  `<section>
+  <utrecht-heading-2>${textContent}</utrecht-heading-2>
+</section>`;

package/dist/collection/heading-3/html/template.js

@@ -0,0 +1,4 @@
+export const Heading3 = ({ textContent = '' }) =>
+  `<section class="utrecht-html">
+  <h3>${textContent}</h3>
+</section>`;

package/dist/collection/heading-3/{stencil.js → web-component/index.stencil.js}

@@ -7,9 +7,9 @@ export class Heading3 {
   static get is() { return "utrecht-heading-3"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
-    "$": ["stencil.scss"]
+    "$": ["index.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["stencil.css"]
+    "$": ["index.css"]
   }; }
 }

package/dist/collection/heading-3/web-component/template.js

@@ -0,0 +1,4 @@
+export const Heading3 = ({ textContent = '' }) =>
+  `<section>
+  <utrecht-heading-3>${textContent}</utrecht-heading-3>
+</section>`;

package/dist/collection/heading-4/html/template.js

@@ -0,0 +1,4 @@
+export const Heading4 = ({ textContent = '' }) =>
+  `<section class="utrecht-html">
+  <h4>${textContent}</h4>
+</section>`;

package/dist/collection/heading-4/{stencil.js → web-component/index.stencil.js}

@@ -7,9 +7,9 @@ export class Heading4 {
   static get is() { return "utrecht-heading-4"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
-    "$": ["stencil.scss"]
+    "$": ["index.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["stencil.css"]
+    "$": ["index.css"]
   }; }
 }

package/dist/collection/heading-4/web-component/template.js

@@ -0,0 +1,4 @@
+export const Heading4 = ({ textContent = '' }) =>
+  `<section>
+  <utrecht-heading-4>${textContent}</utrecht-heading-4>
+</section>`;

package/dist/collection/heading-5/html/template.js

@@ -0,0 +1,4 @@
+export const Heading5 = ({ textContent = '' }) =>
+  `<section class="utrecht-html">
+  <h5>${textContent}</h5>
+</section>`;

package/dist/collection/heading-5/{stencil.js → web-component/index.stencil.js}

@@ -7,9 +7,9 @@ export class Heading5 {
   static get is() { return "utrecht-heading-5"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
-    "$": ["stencil.scss"]
+    "$": ["index.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["stencil.css"]
+    "$": ["index.css"]
   }; }
 }

package/dist/collection/heading-5/web-component/template.js

@@ -0,0 +1,4 @@
+export const Heading5 = ({ textContent = '' }) =>
+  `<section>
+  <utrecht-heading-5>${textContent}</utrecht-heading-5>
+</section>`;

package/dist/collection/heading-6/html/template.js

@@ -0,0 +1,4 @@
+export const Heading6 = ({ textContent = '' }) =>
+  `<section class="utrecht-html">
+  <h6>${textContent}</h6>
+</section>`;

package/dist/collection/heading-6/{stencil.js → web-component/index.stencil.js}

@@ -7,9 +7,9 @@ export class Heading6 {
   static get is() { return "utrecht-heading-6"; }
   static get encapsulation() { return "shadow"; }
   static get originalStyleUrls() { return {
-    "$": ["stencil.scss"]
+    "$": ["index.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["stencil.css"]
+    "$": ["index.css"]
   }; }
 }

package/dist/collection/heading-6/web-component/template.js

@@ -0,0 +1,4 @@
+export const Heading6 = ({ textContent = '' }) =>
+  `<section>
+  <utrecht-heading-6>${textContent}</utrecht-heading-6>
+</section>`;

package/dist/collection/html-content/{stencil.js → web-component/index.stencil.js}

@@ -10,9 +10,9 @@ export class HTMLContent {
   }
   static get is() { return "utrecht-html-content"; }
   static get originalStyleUrls() { return {
-    "$": ["stencil.scss"]
+    "$": ["index.scss"]
   }; }
   static get styleUrls() { return {
-    "$": ["stencil.css"]
+    "$": ["index.css"]
   }; }
 }

package/dist/collection/html-content/web-component/template.js

@@ -0,0 +1 @@
+export const HTMLContent = ({ content }) => `<utrecht-html-content>${content}</utrecht-html-content>`;