@folkehelseinstituttet/designsystem 0.2.2 → 0.3.0

package/fhi-icon-trash.js

@@ -0,0 +1,38 @@
+import { i as p, n as a, a as l, x as v, t as m } from "./property-WH20NVyT.js";
+var f = Object.defineProperty, w = Object.getOwnPropertyDescriptor, c = (n, r, o, s) => {
+  for (var t = s > 1 ? void 0 : s ? w(r, o) : r, h = n.length - 1, i; h >= 0; h--)
+    (i = n[h]) && (t = (s ? i(r, o, t) : i(t)) || t);
+  return s && t && f(r, o, t), t;
+};
+const g = "fhi-icon-trash";
+let e = class extends l {
+  constructor() {
+    super(...arguments), this.color = "currentcolor", this.size = 24;
+  }
+  render() {
+    return v`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${this.size}" height="${this.size}" fill="${this.color}"><path d="M18.25 6.75H5.75V20c0 .256.136.575.405.845.27.27.589.405.845.405h10c.256 0 .575-.136.845-.405.27-.27.405-.589.405-.845zM9.25 17v-6a.75.75 0 0 1 1.5 0v6a.75.75 0 0 1-1.5 0m4 0v-6a.75.75 0 0 1 1.5 0v6a.75.75 0 0 1-1.5 0m2-13c0-.256-.136-.575-.405-.845-.27-.27-.589-.405-.845-.405h-4c-.256 0-.575.136-.845.405-.27.27-.405.589-.405.845v1.25h6.5zm1.5 1.25H21a.75.75 0 0 1 0 1.5h-1.25V20c0 .744-.364 1.425-.845 1.905-.48.48-1.161.845-1.905.845H7c-.744 0-1.425-.364-1.905-.845-.48-.48-.845-1.161-.845-1.905V6.75H3a.75.75 0 0 1 0-1.5h4.25V4c0-.744.364-1.425.845-1.905.48-.48 1.161-.845 1.905-.845h4c.744 0 1.425.364 1.905.845.48.48.845 1.161.845 1.905z"/></svg>
+    `;
+  }
+};
+e.styles = p`
+    :host {
+      display: flex;
+      max-height: min-content;
+      max-width: min-content;
+    }
+  `;
+c([
+  a({ type: String })
+], e.prototype, "color", 2);
+c([
+  a({ type: Number })
+], e.prototype, "size", 2);
+e = c([
+  m(g)
+], e);
+export {
+  e as FhiIconTrash,
+  g as FhiIconTrashSelector
+};
+//# sourceMappingURL=fhi-icon-trash.js.map

package/fhi-icon-trash.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fhi-icon-trash.js","sources":["../../src/components/icons/fhi-icon-trash.component.ts"],"sourcesContent":["\n/*\n  This file is auto-generated by generate-icon-components.js. Do not edit it manually.\n*/\nimport { html, css, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nexport const FhiIconTrashSelector = \"fhi-icon-trash\";\n\n@customElement(FhiIconTrashSelector)\nexport class FhiIconTrash extends LitElement {\n  @property({ type: String }) color: string = \"currentcolor\";\n\n  @property({ type: Number }) size: number = 24;\n\n  render() {\n    return html`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"${this.size}\" height=\"${this.size}\" fill=\"${this.color}\"><path d=\"M18.25 6.75H5.75V20c0 .256.136.575.405.845.27.27.589.405.845.405h10c.256 0 .575-.136.845-.405.27-.27.405-.589.405-.845zM9.25 17v-6a.75.75 0 0 1 1.5 0v6a.75.75 0 0 1-1.5 0m4 0v-6a.75.75 0 0 1 1.5 0v6a.75.75 0 0 1-1.5 0m2-13c0-.256-.136-.575-.405-.845-.27-.27-.589-.405-.845-.405h-4c-.256 0-.575.136-.845.405-.27.27-.405.589-.405.845v1.25h6.5zm1.5 1.25H21a.75.75 0 0 1 0 1.5h-1.25V20c0 .744-.364 1.425-.845 1.905-.48.48-1.161.845-1.905.845H7c-.744 0-1.425-.364-1.905-.845-.48-.48-.845-1.161-.845-1.905V6.75H3a.75.75 0 0 1 0-1.5h4.25V4c0-.744.364-1.425.845-1.905.48-.48 1.161-.845 1.905-.845h4c.744 0 1.425.364 1.905.845.48.48.845 1.161.845 1.905z\"/></svg>\n    `;\n  }\n      \n  static styles = css`\n    :host {\n      display: flex;\n      max-height: min-content;\n      max-width: min-content;\n    }\n  `;\n  }\n"],"names":["FhiIconTrashSelector","FhiIconTrash","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAAuB;AAGvB,IAAAC,IAAN,cAA2BC,EAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA,GACuC,KAAA,QAAA,gBAED,KAAA,OAAA;AAAA,EAAA;AAAA,EAE3C,SAAS;AACA,WAAAC;AAAAA,2EACgE,KAAK,IAAI,aAAa,KAAK,IAAI,WAAW,KAAK,KAAK;AAAA;AAAA,EAAA;AAW7H;AAlBWF,EAWJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAVYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GADfL,EACiB,WAAA,SAAA,CAAA;AAEAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAHfL,EAGiB,WAAA,QAAA,CAAA;AAHjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAAoB;AAAA,GACtBC,CAAA;"}

package/fhi-icon-upload.js

@@ -0,0 +1,38 @@
+import { i as a, n as h, a as c, x as v, t as m } from "./property-WH20NVyT.js";
+var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, n = (p, o, s, r) => {
+  for (var t = r > 1 ? void 0 : r ? u(o, s) : o, i = p.length - 1, l; i >= 0; i--)
+    (l = p[i]) && (t = (r ? l(o, s, t) : l(t)) || t);
+  return r && t && f(o, s, t), t;
+};
+const w = "fhi-icon-upload";
+let e = class extends c {
+  constructor() {
+    super(...arguments), this.color = "currentcolor", this.size = 24;
+  }
+  render() {
+    return v`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${this.size}" height="${this.size}" fill="${this.color}"><path d="M2.25 19v-4a.75.75 0 0 1 1.5 0v4A1.25 1.25 0 0 0 5 20.25h14A1.25 1.25 0 0 0 20.25 19v-4a.75.75 0 0 1 1.5 0v4A2.75 2.75 0 0 1 19 21.75H5A2.75 2.75 0 0 1 2.25 19m9-4V4.81L7.53 8.53a.75.75 0 1 1-1.06-1.06l5-5 .056-.052a.75.75 0 0 1 1.004.052l5 5 .052.056a.75.75 0 0 1-1.056 1.056l-.056-.052-3.72-3.72V15a.75.75 0 0 1-1.5 0"/></svg>
+    `;
+  }
+};
+e.styles = a`
+    :host {
+      display: flex;
+      max-height: min-content;
+      max-width: min-content;
+    }
+  `;
+n([
+  h({ type: String })
+], e.prototype, "color", 2);
+n([
+  h({ type: Number })
+], e.prototype, "size", 2);
+e = n([
+  m(w)
+], e);
+export {
+  e as FhiIconUpload,
+  w as FhiIconUploadSelector
+};
+//# sourceMappingURL=fhi-icon-upload.js.map

package/fhi-icon-upload.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fhi-icon-upload.js","sources":["../../src/components/icons/fhi-icon-upload.component.ts"],"sourcesContent":["\n/*\n  This file is auto-generated by generate-icon-components.js. Do not edit it manually.\n*/\nimport { html, css, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nexport const FhiIconUploadSelector = \"fhi-icon-upload\";\n\n@customElement(FhiIconUploadSelector)\nexport class FhiIconUpload extends LitElement {\n  @property({ type: String }) color: string = \"currentcolor\";\n\n  @property({ type: Number }) size: number = 24;\n\n  render() {\n    return html`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"${this.size}\" height=\"${this.size}\" fill=\"${this.color}\"><path d=\"M2.25 19v-4a.75.75 0 0 1 1.5 0v4A1.25 1.25 0 0 0 5 20.25h14A1.25 1.25 0 0 0 20.25 19v-4a.75.75 0 0 1 1.5 0v4A2.75 2.75 0 0 1 19 21.75H5A2.75 2.75 0 0 1 2.25 19m9-4V4.81L7.53 8.53a.75.75 0 1 1-1.06-1.06l5-5 .056-.052a.75.75 0 0 1 1.004.052l5 5 .052.056a.75.75 0 0 1-1.056 1.056l-.056-.052-3.72-3.72V15a.75.75 0 0 1-1.5 0\"/></svg>\n    `;\n  }\n      \n  static styles = css`\n    :host {\n      display: flex;\n      max-height: min-content;\n      max-width: min-content;\n    }\n  `;\n  }\n"],"names":["FhiIconUploadSelector","FhiIconUpload","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAAwB;AAGxB,IAAAC,IAAN,cAA4BC,EAAW;AAAA,EAAvC,cAAA;AAAA,UAAA,GAAA,SAAA,GACuC,KAAA,QAAA,gBAED,KAAA,OAAA;AAAA,EAAA;AAAA,EAE3C,SAAS;AACA,WAAAC;AAAAA,2EACgE,KAAK,IAAI,aAAa,KAAK,IAAI,WAAW,KAAK,KAAK;AAAA;AAAA,EAAA;AAW7H;AAlBWF,EAWJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAVYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GADfL,EACiB,WAAA,SAAA,CAAA;AAEAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAHfL,EAGiB,WAAA,QAAA,CAAA;AAHjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAAqB;AAAA,GACvBC,CAAA;"}

package/fhi-icon-user.js

@@ -0,0 +1,38 @@
+import { i as l, n as p, a, x as m, t as v } from "./property-WH20NVyT.js";
+var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, h = (c, r, o, s) => {
+  for (var e = s > 1 ? void 0 : s ? u(r, o) : r, i = c.length - 1, n; i >= 0; i--)
+    (n = c[i]) && (e = (s ? n(r, o, e) : n(e)) || e);
+  return s && e && f(r, o, e), e;
+};
+const w = "fhi-icon-user";
+let t = class extends a {
+  constructor() {
+    super(...arguments), this.color = "currentcolor", this.size = 24;
+  }
+  render() {
+    return m`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${this.size}" height="${this.size}" fill="${this.color}"><path d="M16.25 8a4.25 4.25 0 1 0-8.5 0 4.25 4.25 0 0 0 8.5 0m1.5 0a5.74 5.74 0 0 1-2.63 4.828 8.75 8.75 0 0 1 3.068 1.985A8.75 8.75 0 0 1 20.75 21a.75.75 0 0 1-1.5 0 7.25 7.25 0 0 0-6.89-7.241L12 13.75A7.25 7.25 0 0 0 4.75 21a.75.75 0 0 1-1.5 0 8.75 8.75 0 0 1 2.563-6.187 8.75 8.75 0 0 1 3.066-1.985A5.75 5.75 0 1 1 17.75 8"/></svg>
+    `;
+  }
+};
+t.styles = l`
+    :host {
+      display: flex;
+      max-height: min-content;
+      max-width: min-content;
+    }
+  `;
+h([
+  p({ type: String })
+], t.prototype, "color", 2);
+h([
+  p({ type: Number })
+], t.prototype, "size", 2);
+t = h([
+  v(w)
+], t);
+export {
+  t as FhiIconUser,
+  w as FhiIconUserSelector
+};
+//# sourceMappingURL=fhi-icon-user.js.map

package/fhi-icon-user.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fhi-icon-user.js","sources":["../../src/components/icons/fhi-icon-user.component.ts"],"sourcesContent":["\n/*\n  This file is auto-generated by generate-icon-components.js. Do not edit it manually.\n*/\nimport { html, css, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nexport const FhiIconUserSelector = \"fhi-icon-user\";\n\n@customElement(FhiIconUserSelector)\nexport class FhiIconUser extends LitElement {\n  @property({ type: String }) color: string = \"currentcolor\";\n\n  @property({ type: Number }) size: number = 24;\n\n  render() {\n    return html`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"${this.size}\" height=\"${this.size}\" fill=\"${this.color}\"><path d=\"M16.25 8a4.25 4.25 0 1 0-8.5 0 4.25 4.25 0 0 0 8.5 0m1.5 0a5.74 5.74 0 0 1-2.63 4.828 8.75 8.75 0 0 1 3.068 1.985A8.75 8.75 0 0 1 20.75 21a.75.75 0 0 1-1.5 0 7.25 7.25 0 0 0-6.89-7.241L12 13.75A7.25 7.25 0 0 0 4.75 21a.75.75 0 0 1-1.5 0 8.75 8.75 0 0 1 2.563-6.187 8.75 8.75 0 0 1 3.066-1.985A5.75 5.75 0 1 1 17.75 8\"/></svg>\n    `;\n  }\n      \n  static styles = css`\n    :host {\n      display: flex;\n      max-height: min-content;\n      max-width: min-content;\n    }\n  `;\n  }\n"],"names":["FhiIconUserSelector","FhiIconUser","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAAsB;AAGtB,IAAAC,IAAN,cAA0BC,EAAW;AAAA,EAArC,cAAA;AAAA,UAAA,GAAA,SAAA,GACuC,KAAA,QAAA,gBAED,KAAA,OAAA;AAAA,EAAA;AAAA,EAE3C,SAAS;AACA,WAAAC;AAAAA,2EACgE,KAAK,IAAI,aAAa,KAAK,IAAI,WAAW,KAAK,KAAK;AAAA;AAAA,EAAA;AAW7H;AAlBWF,EAWJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAVYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GADfL,EACiB,WAAA,SAAA,CAAA;AAEAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAHfL,EAGiB,WAAA,QAAA,CAAA;AAHjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAAmB;AAAA,GACrBC,CAAA;"}

package/fhi-icon-x.js

@@ -0,0 +1,38 @@
+import { i as p, n as c, a, x as v, t as f } from "./property-WH20NVyT.js";
+var m = Object.defineProperty, w = Object.getOwnPropertyDescriptor, n = (h, r, s, o) => {
+  for (var t = o > 1 ? void 0 : o ? w(r, s) : r, i = h.length - 1, l; i >= 0; i--)
+    (l = h[i]) && (t = (o ? l(r, s, t) : l(t)) || t);
+  return o && t && m(r, s, t), t;
+};
+const x = "fhi-icon-x";
+let e = class extends a {
+  constructor() {
+    super(...arguments), this.color = "currentcolor", this.size = 24;
+  }
+  render() {
+    return v`
+      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${this.size}" height="${this.size}" fill="${this.color}"><path d="M17.47 5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47.052.056a.75.75 0 0 1-1.056 1.056l-.056-.052L12 13.06l-5.47 5.47a.75.75 0 1 1-1.06-1.06L10.94 12 5.47 6.53l-.052-.056a.75.75 0 0 1 1.056-1.056l.056.052L12 10.94z"/></svg>
+    `;
+  }
+};
+e.styles = p`
+    :host {
+      display: flex;
+      max-height: min-content;
+      max-width: min-content;
+    }
+  `;
+n([
+  c({ type: String })
+], e.prototype, "color", 2);
+n([
+  c({ type: Number })
+], e.prototype, "size", 2);
+e = n([
+  f(x)
+], e);
+export {
+  e as FhiIconX,
+  x as FhiIconXSelector
+};
+//# sourceMappingURL=fhi-icon-x.js.map

package/fhi-icon-x.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fhi-icon-x.js","sources":["../../src/components/icons/fhi-icon-x.component.ts"],"sourcesContent":["\n/*\n  This file is auto-generated by generate-icon-components.js. Do not edit it manually.\n*/\nimport { html, css, LitElement } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\n\nexport const FhiIconXSelector = \"fhi-icon-x\";\n\n@customElement(FhiIconXSelector)\nexport class FhiIconX extends LitElement {\n  @property({ type: String }) color: string = \"currentcolor\";\n\n  @property({ type: Number }) size: number = 24;\n\n  render() {\n    return html`\n      <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"${this.size}\" height=\"${this.size}\" fill=\"${this.color}\"><path d=\"M17.47 5.47a.75.75 0 1 1 1.06 1.06L13.06 12l5.47 5.47.052.056a.75.75 0 0 1-1.056 1.056l-.056-.052L12 13.06l-5.47 5.47a.75.75 0 1 1-1.06-1.06L10.94 12 5.47 6.53l-.052-.056a.75.75 0 0 1 1.056-1.056l.056.052L12 10.94z\"/></svg>\n    `;\n  }\n      \n  static styles = css`\n    :host {\n      display: flex;\n      max-height: min-content;\n      max-width: min-content;\n    }\n  `;\n  }\n"],"names":["FhiIconXSelector","FhiIconX","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAAmB;AAGnB,IAAAC,IAAN,cAAuBC,EAAW;AAAA,EAAlC,cAAA;AAAA,UAAA,GAAA,SAAA,GACuC,KAAA,QAAA,gBAED,KAAA,OAAA;AAAA,EAAA;AAAA,EAE3C,SAAS;AACA,WAAAC;AAAAA,2EACgE,KAAK,IAAI,aAAa,KAAK,IAAI,WAAW,KAAK,KAAK;AAAA;AAAA,EAAA;AAW7H;AAlBWF,EAWJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAVYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GADfL,EACiB,WAAA,SAAA,CAAA;AAEAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAHfL,EAGiB,WAAA,QAAA,CAAA;AAHjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAAgB;AAAA,GAClBC,CAAA;"}

package/fhi-text-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"fhi-text-input.js","sources":["../../../../node_modules/.pnpm/@lit+reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/base.js","../../../../node_modules/.pnpm/@lit+reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/query.js","../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js","../../src/components/fhi-text-input/fhi-text-input.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst e=(e,t,c)=>(c.configurable=!0,c.enumerable=!0,Reflect.decorate&&\"object\"!=typeof t&&Object.defineProperty(e,t,c),c);export{e as desc};\n//# sourceMappingURL=base.js.map\n","import{desc as t}from\"./base.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function e(e,r){return(n,s,i)=>{const o=t=>t.renderRoot?.querySelector(e)??null;if(r){const{get:e,set:r}=\"object\"==typeof s?n:i??(()=>{const t=Symbol();return{get(){return this[t]},set(e){this[t]=e}}})();return t(n,s,{get(){let t=e.call(this);return void 0===t&&(t=o(this),(null!==t||this.hasUpdated)&&r.call(this,t)),t}})}return t(n,s,{get(){return o(this)}})}}export{e as query};\n//# sourceMappingURL=query.js.map\n","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n","import { html, css, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nexport const FhiTextInputSelector = 'fhi-text-input';\n\n@customElement(FhiTextInputSelector)\nexport class FhiTextInput extends LitElement {\n  static readonly formAssociated = true;\n\n  @property({ type: String }) label?: string = undefined;\n\n  @property({ type: String }) message?: string = undefined;\n\n  @property({ type: String }) placeholder?: string | null = null;\n\n  @property({ type: String, reflect: true }) status?: 'error' = undefined;\n\n  @property({ type: Boolean, reflect: true }) readonly? = false;\n\n  @property({ type: Boolean, reflect: true }) disabled? = false;\n\n  @query('#input-element') _input!: HTMLInputElement;\n\n  private _name?: string = undefined;\n\n  @property({ type: String, reflect: true })\n  get name(): string | undefined {\n    return this._name;\n  }\n  set name(newName: string) {\n    const oldName = this._name;\n    this._name = newName;\n    this.requestUpdate('name', oldName);\n    this._internals.setFormValue(this._value);\n  }\n\n  private _value: string = '';\n\n  @property({ type: String })\n  get value(): string {\n    return this._value;\n  }\n\n  set value(newValue: string) {\n    const oldValue = this._value;\n    this._value = newValue;\n    this.requestUpdate('value', oldValue);\n    this._internals.setFormValue(this._value);\n  }\n\n  private _internals: ElementInternals;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  public connectedCallback(): void {\n    super.connectedCallback();\n    this._internals.setFormValue(this.value);\n  }\n\n  public onChange(): void {\n    this.dispatchEvent(\n      new Event('change', {\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  public onInput(): void {\n    this.value = this._input.value;\n    this._internals.setFormValue(this.value);\n  }\n\n  public onKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'Enter' && this._internals.form) {\n      this._internals.form!.requestSubmit();\n    }\n  }\n\n  public formResetCallback(): void {\n    this.value = this.getAttribute('value') || '';\n    this._internals.setFormValue(this.value);\n  }\n\n  render() {\n    return html`\n      ${this.label && html`<label for=\"input-element\">${this.label}</label>`}\n      <input\n        id=\"input-element\"\n        name=${ifDefined(this.name)}\n        placeholder=${ifDefined(this.placeholder)}\n        .value=${this.value}\n        ?readonly=${this.readonly}\n        ?disabled=${this.disabled}\n        @change=${this.onChange}\n        @input=${this.onInput}\n        @keydown=${this.onKeyDown}\n      />\n      ${this.message ? html`<p class=\"message\">${this.message}</p>` : ''}\n    `;\n  }\n\n  static styles = css`\n    :host {\n      --typography-font-family: var(--fhi-font-family-roboto-flex);\n\n      --opacity-disabled: var(--fhi-opacity-disabled);\n\n      /* label */\n      --color-label-text: var(--fhi-color-neutral-text-default);\n      --color-label-text-error: var(--fhi-color-danger-text-default);\n\n      --typography-label-font-weight: var(\n        --fhi-typography-label-small-font-weight\n      );\n      --typography-label-font-size: var(--fhi-typography-label-small-font-size);\n      --typography-label-line-height: var(\n        --fhi-typography-label-small-line-height\n      );\n      --typography-label-letter-spacing: var(\n        --fhi-typography-label-small-letter-spacing\n      );\n\n      --dimension-label-padding-bottom: var(--fhi-spacing-050);\n\n      /* input */\n      --color-input-placeholder: var(--fhi-color-neutral-base-default);\n      --color-input-text: var(--fhi-color-neutral-text-default);\n      --color-input-text-error: var(--fhi-color-danger-text-default);\n      --color-input-background: var(--fhi-color-neutral-background-default);\n      --color-input-background-active: var(\n        --fhi-color-accent-background-default\n      );\n      --color-input-background-hover: var(--fhi-color-accent-background-subtle);\n      --color-input-background-error: var(\n        --fhi-color-danger-background-default\n      );\n      --color-input-border: var(--fhi-color-neutral-border-default);\n      --color-input-border-hover: var(--fhi-color-accent-border-default);\n      --color-input-border-active: var(--fhi-color-accent-border-strong);\n      --color-input-border-error: var(--fhi-color-danger-border-strong);\n      --color-input-border-disabled: var(--fhi-color-neutral-border-default);\n\n      --typography-input-font-weight: var(\n        --fhi-typography-body-medium-font-weight\n      );\n      --typography-input-font-size: var(--fhi-typography-body-medium-font-size);\n      --typography-input-line-height: var(\n        --fhi-typography-body-medium-line-height\n      );\n      --typography-input-letter-spacing: var(\n        --fhi-typography-body-medium-letter-spacing\n      );\n\n      --dimension-input-border-width: var(--fhi-dimension-border-width);\n\n      --dimension-input-height: var(--fhi-spacing-500);\n      --dimension-input-border-radius: var(--fhi-border-radius-050);\n      --dimension-input-padding-left: var(--fhi-spacing-150);\n      --dimension-input-padding-right: var(--fhi-spacing-150);\n\n      --motion-input-transition: all var(--fhi-motion-ease-default)\n        var(--fhi-motion-duration-quick);\n\n      /* message */\n      --color-message-text: var(--fhi-color-neutral-text-default);\n      --color-message-text-error: var(--fhi-color-danger-text-subtle);\n\n      --typography-message-font-weight: var(\n        --fhi-typography-body-small-font-weight\n      );\n      --typography-message-font-size: var(\n        --fhi-typography-body-small-font-size\n      );\n      --typography-message-line-height: var(\n        --fhi-typography-body-small-line-height\n      );\n      --typography-message-letter-spacing: var(\n        --fhi-typography-body-small-letter-spacing\n      );\n\n      --dimension-message-margin-top: var(--fhi-spacing-050);\n    }\n\n    :host {\n      display: flex;\n      flex-direction: column;\n      font-family: var(--typography-font-family);\n\n      label {\n        font-weight: var(--typography-label-font-weight);\n        font-size: var(--typography-label-font-size);\n        line-height: var(--typography-label-line-height);\n        letter-spacing: var(--typography-label-letter-spacing);\n        color: var(--color-label-text);\n        padding-bottom: var(--dimension-label-padding-bottom);\n      }\n\n      input {\n        box-sizing: border-box;\n        height: var(--dimension-input-height);\n        border: var(--dimension-input-border-width) solid\n          var(--color-input-border);\n        border-radius: var(--dimension-input-border-radius);\n        padding: 0 var(--dimension-input-padding-right) 0\n          var(--dimension-input-padding-left);\n        color: var(--color-input-text);\n        background-color: var(--color-input-background);\n        font-family: var(--typography-font-family);\n        font-weight: var(--typography-input-font-weight);\n        font-size: var(--typography-input-font-size);\n        line-height: var(--typography-input-line-height);\n        letter-spacing: var(--typography-input-letter-spacing);\n        transition: var(--motion-input-transition);\n        &:hover {\n          border-color: var(--color-input-border-hover);\n          background-color: var(--color-input-background-hover);\n        }\n        &:focus {\n          border-color: var(--color-input-border-active);\n          background-color: var(--color-input-background-active);\n        }\n        &::placeholder {\n          color: var(--color-input-placeholder);\n        }\n      }\n\n      .message {\n        margin: var(--dimension-message-margin-top) 0 0 0;\n        color: var(--color-message-text);\n        font-weight: var(--typography-message-font-weight);\n        font-size: var(--typography-message-font-size);\n        line-height: var(--typography-message-line-height);\n        letter-spacing: var(--typography-message-letter-spacing);\n      }\n    }\n\n    :host([disabled]) {\n      opacity: var(--opacity-disabled);\n      cursor: not-allowed;\n      * {\n        cursor: not-allowed;\n      }\n      input {\n        &:hover {\n          border-color: var(--color-input-border);\n          background-color: var(--color-input-background);\n        }\n      }\n    }\n\n    :host([readonly]:not([disabled])) {\n      input {\n        border: unset;\n        border-radius: unset;\n        background-color: unset;\n        border-left: var(--dimension-input-border-width) solid\n          var(--color-input-border);\n      }\n    }\n\n    :host([status='error']:not([disabled]):not([readonly])) {\n      label {\n        color: var(--color-label-text-error);\n      }\n      input {\n        border-color: var(--color-input-border-error);\n        background-color: var(--color-input-background-error);\n        color: var(--color-input-text-error);\n      }\n      .message {\n        color: var(--color-message-text-error);\n      }\n    }\n  `;\n}\n"],"names":["e","t","c","n","s","o","_a","FhiTextInputSelector","FhiTextInput","LitElement","newName","oldName","newValue","oldValue","event","html","ifDefined","css","__decorateClass","property","query","customElement"],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAKA,MAAMA,IAAE,CAAC,GAAEC,GAAEC,OAAKA,EAAE,eAAa,IAAGA,EAAE,aAAW,IAAG,QAAQ,YAAoB,OAAOD,KAAjB,YAAoB,OAAO,eAAe,GAAEA,GAAEC,CAAC,GAAEA;ACJvH;AAAA;AAAA;AAAA;AAAA;AAIG,SAASF,EAAE,GAAE,GAAE;AAAC,SAAM,CAACG,GAAEC,GAAE,MAAI;AAAC,UAAMC,IAAE,CAAAJ,MAAC;;AAAE,eAAAK,IAAAL,EAAE,eAAF,gBAAAK,EAAc,cAAc,OAAI;AAAA;AAAwP,WAAOL,EAAEE,GAAEC,GAAE,EAAC,MAAK;AAAC,aAAOC,EAAE,IAAI;AAAA,IAAC,EAAC,CAAC;AAAA,EAAC;AAAC;ACJ5W;AAAA;AAAA;AAAA;AAAA;AAIG,MAAMA,IAAE,CAAAA,MAAGA,KAAGJ;;;;;;ACDV,MAAMM,IAAuB;AAGvB,IAAAC,IAAN,cAA2BC,EAAW;AAAA,EA8C3C,cAAc;AACN,UAAA,GA5CqC,KAAA,QAAA,QAEE,KAAA,UAAA,QAEW,KAAA,cAAA,MAEI,KAAA,SAAA,QAEN,KAAA,WAAA,IAEA,KAAA,WAAA,IAIxD,KAAQ,QAAiB,QAazB,KAAQ,SAAiB,IAkBlB,KAAA,aAAa,KAAK,gBAAgB;AAAA,EAAA;AAAA,EA5BzC,IAAI,OAA2B;AAC7B,WAAO,KAAK;AAAA,EAAA;AAAA,EAEd,IAAI,KAAKC,GAAiB;AACxB,UAAMC,IAAU,KAAK;AACrB,SAAK,QAAQD,GACR,KAAA,cAAc,QAAQC,CAAO,GAC7B,KAAA,WAAW,aAAa,KAAK,MAAM;AAAA,EAAA;AAAA,EAM1C,IAAI,QAAgB;AAClB,WAAO,KAAK;AAAA,EAAA;AAAA,EAGd,IAAI,MAAMC,GAAkB;AAC1B,UAAMC,IAAW,KAAK;AACtB,SAAK,SAASD,GACT,KAAA,cAAc,SAASC,CAAQ,GAC/B,KAAA,WAAW,aAAa,KAAK,MAAM;AAAA,EAAA;AAAA,EAUnC,oBAA0B;AAC/B,UAAM,kBAAkB,GACnB,KAAA,WAAW,aAAa,KAAK,KAAK;AAAA,EAAA;AAAA,EAGlC,WAAiB;AACjB,SAAA;AAAA,MACH,IAAI,MAAM,UAAU;AAAA,QAClB,SAAS;AAAA,QACT,UAAU;AAAA,MACX,CAAA;AAAA,IACH;AAAA,EAAA;AAAA,EAGK,UAAgB;AAChB,SAAA,QAAQ,KAAK,OAAO,OACpB,KAAA,WAAW,aAAa,KAAK,KAAK;AAAA,EAAA;AAAA,EAGlC,UAAUC,GAA4B;AAC3C,IAAIA,EAAM,QAAQ,WAAW,KAAK,WAAW,QACtC,KAAA,WAAW,KAAM,cAAc;AAAA,EACtC;AAAA,EAGK,oBAA0B;AAC/B,SAAK,QAAQ,KAAK,aAAa,OAAO,KAAK,IACtC,KAAA,WAAW,aAAa,KAAK,KAAK;AAAA,EAAA;AAAA,EAGzC,SAAS;AACA,WAAAC;AAAAA,QACH,KAAK,SAASA,+BAAkC,KAAK,KAAK,UAAU;AAAA;AAAA;AAAA,eAG7DC,EAAU,KAAK,IAAI,CAAC;AAAA,sBACbA,EAAU,KAAK,WAAW,CAAC;AAAA,iBAChC,KAAK,KAAK;AAAA,oBACP,KAAK,QAAQ;AAAA,oBACb,KAAK,QAAQ;AAAA,kBACf,KAAK,QAAQ;AAAA,iBACd,KAAK,OAAO;AAAA,mBACV,KAAK,SAAS;AAAA;AAAA,QAEzB,KAAK,UAAUD,uBAA0B,KAAK,OAAO,SAAS,EAAE;AAAA;AAAA,EAAA;AAiLxE;AAhRaP,EACK,iBAAiB;AADtBA,EAmGJ,SAASS;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAhGYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAHfX,EAGiB,WAAA,SAAA,CAAA;AAEAU,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GALfX,EAKiB,WAAA,WAAA,CAAA;AAEAU,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAPfX,EAOiB,WAAA,eAAA,CAAA;AAEeU,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAT9BX,EASgC,WAAA,UAAA,CAAA;AAECU,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GAX/BX,EAWiC,WAAA,YAAA,CAAA;AAEAU,EAAA;AAAA,EAA3CC,EAAS,EAAE,MAAM,SAAS,SAAS,GAAM,CAAA;AAAA,GAb/BX,EAaiC,WAAA,YAAA,CAAA;AAEnBU,EAAA;AAAA,EAAxBE,EAAM,gBAAgB;AAAA,GAfZZ,EAec,WAAA,UAAA,CAAA;AAKrBU,EAAA;AAAA,EADHC,EAAS,EAAE,MAAM,QAAQ,SAAS,GAAM,CAAA;AAAA,GAnB9BX,EAoBP,WAAA,QAAA,CAAA;AAaAU,EAAA;AAAA,EADHC,EAAS,EAAE,MAAM,OAAQ,CAAA;AAAA,GAhCfX,EAiCP,WAAA,SAAA,CAAA;AAjCOA,IAANU,EAAA;AAAA,EADNG,EAAcd,CAAoB;AAAA,GACtBC,CAAA;","x_google_ignoreList":[0,1,2]}
+{"version":3,"file":"fhi-text-input.js","sources":["../../../../node_modules/.pnpm/@lit+reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/base.js","../../../../node_modules/.pnpm/@lit+reactive-element@2.1.0/node_modules/@lit/reactive-element/decorators/query.js","../../../../node_modules/.pnpm/lit-html@3.3.0/node_modules/lit-html/directives/if-defined.js","../../src/components/fhi-text-input/fhi-text-input.component.ts"],"sourcesContent":["/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */\nconst e=(e,t,c)=>(c.configurable=!0,c.enumerable=!0,Reflect.decorate&&\"object\"!=typeof t&&Object.defineProperty(e,t,c),c);export{e as desc};\n//# sourceMappingURL=base.js.map\n","import{desc as t}from\"./base.js\";\n/**\n * @license\n * Copyright 2017 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */function e(e,r){return(n,s,i)=>{const o=t=>t.renderRoot?.querySelector(e)??null;if(r){const{get:e,set:r}=\"object\"==typeof s?n:i??(()=>{const t=Symbol();return{get(){return this[t]},set(e){this[t]=e}}})();return t(n,s,{get(){let t=e.call(this);return void 0===t&&(t=o(this),(null!==t||this.hasUpdated)&&r.call(this,t)),t}})}return t(n,s,{get(){return o(this)}})}}export{e as query};\n//# sourceMappingURL=query.js.map\n","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n","import { html, css, LitElement } from 'lit';\nimport { customElement, property, query } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\n\nexport const FhiTextInputSelector = 'fhi-text-input';\n\n@customElement(FhiTextInputSelector)\nexport class FhiTextInput extends LitElement {\n  static readonly formAssociated = true;\n\n  @property({ type: String }) label?: string = undefined;\n\n  @property({ type: String }) message?: string = undefined;\n\n  @property({ type: String }) placeholder?: string | null = null;\n\n  @property({ type: String, reflect: true }) status?: 'error' = undefined;\n\n  @property({ type: Boolean, reflect: true }) readonly? = false;\n\n  @property({ type: Boolean, reflect: true }) disabled? = false;\n\n  @query('#input-element') _input!: HTMLInputElement;\n\n  private _name?: string = undefined;\n\n  @property({ type: String, reflect: true })\n  get name(): string | undefined {\n    return this._name;\n  }\n  set name(newName: string) {\n    const oldName = this._name;\n    this._name = newName;\n    this.requestUpdate('name', oldName);\n    this._internals.setFormValue(this._value);\n  }\n\n  private _value: string = '';\n\n  @property({ type: String })\n  get value(): string {\n    return this._value;\n  }\n\n  set value(newValue: string) {\n    const oldValue = this._value;\n    this._value = newValue;\n    this.requestUpdate('value', oldValue);\n    this._internals.setFormValue(this._value);\n  }\n\n  private _internals: ElementInternals;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  public connectedCallback(): void {\n    super.connectedCallback();\n    this._internals.setFormValue(this.value);\n  }\n\n  public onChange(): void {\n    this.dispatchEvent(\n      new Event('change', {\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  public onInput(): void {\n    this.value = this._input.value;\n    this._internals.setFormValue(this.value);\n  }\n\n  public onKeyDown(event: KeyboardEvent): void {\n    if (event.key === 'Enter' && this._internals.form) {\n      this._internals.form!.requestSubmit();\n    }\n  }\n\n  public formResetCallback(): void {\n    this.value = this.getAttribute('value') || '';\n    this._internals.setFormValue(this.value);\n  }\n\n  render() {\n    return html`\n      ${this.label && html`<label for=\"input-element\">${this.label}</label>`}\n      <input\n        id=\"input-element\"\n        name=${ifDefined(this.name)}\n        placeholder=${ifDefined(this.placeholder)}\n        .value=${this.value}\n        ?readonly=${this.readonly}\n        ?disabled=${this.disabled}\n        @change=${this.onChange}\n        @input=${this.onInput}\n        @keydown=${this.onKeyDown}\n      />\n      ${this.message ? html`<p class=\"message\">${this.message}</p>` : ''}\n    `;\n  }\n\n  static styles = css`\n    :host {\n      --typography-font-family: var(--fhi-font-family-roboto-flex);\n\n      --opacity-disabled: var(--fhi-opacity-disabled);\n\n      /* label */\n      --color-label-text: var(--fhi-color-neutral-text-default);\n      --color-label-text-error: var(--fhi-color-danger-text-default);\n\n      --typography-label-font-weight: var(\n        --fhi-typography-label-small-font-weight\n      );\n      --typography-label-font-size: var(--fhi-typography-label-small-font-size);\n      --typography-label-line-height: var(\n        --fhi-typography-label-small-line-height\n      );\n      --typography-label-letter-spacing: var(\n        --fhi-typography-label-small-letter-spacing\n      );\n\n      --dimension-label-padding-bottom: var(--fhi-spacing-050);\n\n      /* input */\n      --color-input-placeholder: var(--fhi-color-neutral-base-default);\n      --color-input-text: var(--fhi-color-neutral-text-default);\n      --color-input-text-error: var(--fhi-color-danger-text-default);\n      --color-input-background: var(--fhi-color-neutral-background-default);\n      --color-input-background-active: var(\n        --fhi-color-accent-background-default\n      );\n      --color-input-background-hover: var(--fhi-color-accent-background-subtle);\n      --color-input-background-error: var(\n        --fhi-color-danger-background-default\n      );\n      --color-input-border: var(--fhi-color-neutral-border-default);\n      --color-input-border-hover: var(--fhi-color-accent-border-default);\n      --color-input-border-active: var(--fhi-color-accent-border-strong);\n      --color-input-border-error: var(--fhi-color-danger-border-strong);\n      --color-input-border-disabled: var(--fhi-color-neutral-border-default);\n\n      --typography-input-font-weight: var(\n        --fhi-typography-body-medium-font-weight\n      );\n      --typography-input-font-size: var(--fhi-typography-body-medium-font-size);\n      --typography-input-line-height: var(\n        --fhi-typography-body-medium-line-height\n      );\n      --typography-input-letter-spacing: var(\n        --fhi-typography-body-medium-letter-spacing\n      );\n\n      --dimension-input-border-width: var(--fhi-dimension-border-width);\n\n      --dimension-input-height: var(--fhi-spacing-500);\n      --dimension-input-border-radius: var(--fhi-border-radius-050);\n      --dimension-input-padding-left: var(--fhi-spacing-150);\n      --dimension-input-padding-right: var(--fhi-spacing-150);\n\n      --motion-input-transition: all var(--fhi-motion-ease-default)\n        var(--fhi-motion-duration-quick);\n\n      /* message */\n      --color-message-text: var(--fhi-color-neutral-text-default);\n      --color-message-text-error: var(--fhi-color-danger-text-subtle);\n\n      --typography-message-font-weight: var(\n        --fhi-typography-body-small-font-weight\n      );\n      --typography-message-font-size: var(\n        --fhi-typography-body-small-font-size\n      );\n      --typography-message-line-height: var(\n        --fhi-typography-body-small-line-height\n      );\n      --typography-message-letter-spacing: var(\n        --fhi-typography-body-small-letter-spacing\n      );\n\n      --dimension-message-margin-top: var(--fhi-spacing-050);\n    }\n\n    :host {\n      display: flex;\n      flex-direction: column;\n      font-family: var(--typography-font-family);\n\n      label {\n        font-weight: var(--typography-label-font-weight);\n        font-size: var(--typography-label-font-size);\n        line-height: var(--typography-label-line-height);\n        letter-spacing: var(--typography-label-letter-spacing);\n        color: var(--color-label-text);\n        padding-bottom: var(--dimension-label-padding-bottom);\n      }\n\n      input {\n        box-sizing: border-box;\n        height: var(--dimension-input-height);\n        border: var(--dimension-input-border-width) solid\n          var(--color-input-border);\n        border-radius: var(--dimension-input-border-radius);\n        padding: 0 var(--dimension-input-padding-right) 0\n          var(--dimension-input-padding-left);\n        color: var(--color-input-text);\n        background-color: var(--color-input-background);\n        font-family: var(--typography-font-family);\n        font-weight: var(--typography-input-font-weight);\n        font-size: var(--typography-input-font-size);\n        line-height: var(--typography-input-line-height);\n        letter-spacing: var(--typography-input-letter-spacing);\n        transition: var(--motion-input-transition);\n        &:hover {\n          border-color: var(--color-input-border-hover);\n          background-color: var(--color-input-background-hover);\n        }\n        &:focus {\n          border-color: var(--color-input-border-active);\n          background-color: var(--color-input-background-active);\n        }\n        &::placeholder {\n          color: var(--color-input-placeholder);\n        }\n      }\n\n      .message {\n        margin: var(--dimension-message-margin-top) 0 0 0;\n        color: var(--color-message-text);\n        font-weight: var(--typography-message-font-weight);\n        font-size: var(--typography-message-font-size);\n        line-height: var(--typography-message-line-height);\n        letter-spacing: var(--typography-message-letter-spacing);\n      }\n    }\n\n    :host([disabled]) {\n      opacity: var(--opacity-disabled);\n      cursor: not-allowed;\n      * {\n        cursor: not-allowed;\n      }\n      input {\n        &:hover {\n          border-color: var(--color-input-border);\n          background-color: var(--color-input-background);\n        }\n      }\n    }\n\n    :host([readonly]:not([disabled])) {\n      input {\n        border: unset;\n        border-radius: unset;\n        background-color: unset;\n        border-left: var(--dimension-input-border-width) solid\n          var(--color-input-border);\n      }\n    }\n\n    :host([status='error']:not([disabled]):not([readonly])) {\n      label {\n        color: var(--color-label-text-error);\n      }\n      input {\n        border-color: var(--color-input-border-error);\n        background-color: var(--color-input-background-error);\n        color: var(--color-input-text-error);\n      }\n      .message {\n        color: var(--color-message-text-error);\n      }\n    }\n  `;\n}\n"],"names":["e","t","c","n","s","o","_a","FhiTextInputSelector","FhiTextInput","LitElement","newName","oldName","newValue","oldValue","event","html","ifDefined","css","__decorateClass","property","query","customElement"],"mappings":"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","x_google_ignoreList":[0,1,2]}

package/index.js

@@ -1,9 +1,246 @@
-import { FhiTextInput as o, FhiTextInputSelector as r } from "./fhi-text-input.js";
-import { FhiButton as i, FhiButtonSelector as n } from "./fhi-button.js";
+import { FhiButton as e, FhiButtonSelector as c } from "./fhi-button.js";
+import { FhiTextInput as n, FhiTextInputSelector as t } from "./fhi-text-input.js";
+import { FhiIconArrowDownLeft as I, FhiIconArrowDownLeftSelector as F } from "./fhi-icon-arrow-down-left.js";
+import { FhiIconArrowDownRight as p, FhiIconArrowDownRightSelector as f } from "./fhi-icon-arrow-down-right.js";
+import { FhiIconArrowDown as x, FhiIconArrowDownSelector as m } from "./fhi-icon-arrow-down.js";
+import { FhiIconArrowLeft as a, FhiIconArrowLeftSelector as w } from "./fhi-icon-arrow-left.js";
+import { FhiIconArrowRightLeft as u, FhiIconArrowRightLeftSelector as A } from "./fhi-icon-arrow-right-left.js";
+import { FhiIconArrowRight as g, FhiIconArrowRightSelector as v } from "./fhi-icon-arrow-right.js";
+import { FhiIconArrowUpDown as D, FhiIconArrowUpDownSelector as U } from "./fhi-icon-arrow-up-down.js";
+import { FhiIconArrowUpLeft as E, FhiIconArrowUpLeftSelector as d } from "./fhi-icon-arrow-up-left.js";
+import { FhiIconArrowUpRight as P, FhiIconArrowUpRightSelector as B } from "./fhi-icon-arrow-up-right.js";
+import { FhiIconArrowUp as y, FhiIconArrowUpSelector as M } from "./fhi-icon-arrow-up.js";
+import { FhiIconBell as O, FhiIconBellSelector as Q } from "./fhi-icon-bell.js";
+import { FhiIconCalendar as V, FhiIconCalendarSelector as z } from "./fhi-icon-calendar.js";
+import { FhiIconCheck as b, FhiIconCheckSelector as j } from "./fhi-icon-check.js";
+import { FhiIconChevronDown as K, FhiIconChevronDownSelector as N } from "./fhi-icon-chevron-down.js";
+import { FhiIconChevronLeft as Y, FhiIconChevronLeftSelector as Z } from "./fhi-icon-chevron-left.js";
+import { FhiIconChevronRight as $, FhiIconChevronRightSelector as oo } from "./fhi-icon-chevron-right.js";
+import { FhiIconChevronUp as eo, FhiIconChevronUpSelector as co } from "./fhi-icon-chevron-up.js";
+import { FhiIconChevronsDown as no, FhiIconChevronsDownSelector as to } from "./fhi-icon-chevrons-down.js";
+import { FhiIconChevronsLeft as Io, FhiIconChevronsLeftSelector as Fo } from "./fhi-icon-chevrons-left.js";
+import { FhiIconChevronsRight as po, FhiIconChevronsRightSelector as fo } from "./fhi-icon-chevrons-right.js";
+import { FhiIconChevronsUp as xo, FhiIconChevronsUpSelector as mo } from "./fhi-icon-chevrons-up.js";
+import { FhiIconCircleArrowDown as ao, FhiIconCircleArrowDownSelector as wo } from "./fhi-icon-circle-arrow-down.js";
+import { FhiIconCircleArrowLeft as uo, FhiIconCircleArrowLeftSelector as Ao } from "./fhi-icon-circle-arrow-left.js";
+import { FhiIconCircleArrowRight as go, FhiIconCircleArrowRightSelector as vo } from "./fhi-icon-circle-arrow-right.js";
+import { FhiIconCircleArrowUp as Do, FhiIconCircleArrowUpSelector as Uo } from "./fhi-icon-circle-arrow-up.js";
+import { FhiIconCircleCheckBig as Eo, FhiIconCircleCheckBigSelector as qo } from "./fhi-icon-circle-check-big.js";
+import { FhiIconCircleCheck as Bo, FhiIconCircleCheckSelector as Go } from "./fhi-icon-circle-check.js";
+import { FhiIconCircleChevronDown as Mo, FhiIconCircleChevronDownSelector as Xo } from "./fhi-icon-circle-chevron-down.js";
+import { FhiIconCircleChevronLeft as Qo, FhiIconCircleChevronLeftSelector as To } from "./fhi-icon-circle-chevron-left.js";
+import { FhiIconCircleChevronRight as zo, FhiIconCircleChevronRightSelector as Ho } from "./fhi-icon-circle-chevron-right.js";
+import { FhiIconCircleChevronUp as jo, FhiIconCircleChevronUpSelector as Jo } from "./fhi-icon-circle-chevron-up.js";
+import { FhiIconCircleExclamation as No, FhiIconCircleExclamationSelector as Wo } from "./fhi-icon-circle-exclamation.js";
+import { FhiIconCircleInfo as Zo, FhiIconCircleInfoSelector as _o } from "./fhi-icon-circle-info.js";
+import { FhiIconCircleMinus as or, FhiIconCircleMinusSelector as rr } from "./fhi-icon-circle-minus.js";
+import { FhiIconCirclePlus as cr, FhiIconCirclePlusSelector as ir } from "./fhi-icon-circle-plus.js";
+import { FhiIconCircleQuestion as tr, FhiIconCircleQuestionSelector as hr } from "./fhi-icon-circle-question.js";
+import { FhiIconCircleX as Fr, FhiIconCircleXSelector as lr } from "./fhi-icon-circle-x.js";
+import { FhiIconCircle as fr, FhiIconCircleSelector as Sr } from "./fhi-icon-circle.js";
+import { FhiIconClock as mr, FhiIconClockSelector as Cr } from "./fhi-icon-clock.js";
+import { FhiIconCopy as wr, FhiIconCopySelector as sr } from "./fhi-icon-copy.js";
+import { FhiIconDownload as Ar, FhiIconDownloadSelector as Lr } from "./fhi-icon-download.js";
+import { FhiIconEllipsisVertical as vr, FhiIconEllipsisVerticalSelector as Rr } from "./fhi-icon-ellipsis-vertical.js";
+import { FhiIconEllipsis as Ur, FhiIconEllipsisSelector as kr } from "./fhi-icon-ellipsis.js";
+import { FhiIconExclamation as dr, FhiIconExclamationSelector as qr } from "./fhi-icon-exclamation.js";
+import { FhiIconExpand as Br, FhiIconExpandSelector as Gr } from "./fhi-icon-expand.js";
+import { FhiIconExternalLink as Mr, FhiIconExternalLinkSelector as Xr } from "./fhi-icon-external-link.js";
+import { FhiIconEyeOff as Qr, FhiIconEyeOffSelector as Tr } from "./fhi-icon-eye-off.js";
+import { FhiIconEye as zr, FhiIconEyeSelector as Hr } from "./fhi-icon-eye.js";
+import { FhiIconFile as jr, FhiIconFileSelector as Jr } from "./fhi-icon-file.js";
+import { FhiIconGear as Nr, FhiIconGearSelector as Wr } from "./fhi-icon-gear.js";
+import { FhiIconGrid9Dots as Zr, FhiIconGrid9DotsSelector as _r } from "./fhi-icon-grid-9-dots.js";
+import { FhiIconGripHorizontal as oe, FhiIconGripHorizontalSelector as re } from "./fhi-icon-grip-horizontal.js";
+import { FhiIconGripVertical as ce, FhiIconGripVerticalSelector as ie } from "./fhi-icon-grip-vertical.js";
+import { FhiIconInfo as te, FhiIconInfoSelector as he } from "./fhi-icon-info.js";
+import { FhiIconLink as Fe, FhiIconLinkSelector as le } from "./fhi-icon-link.js";
+import { FhiIconLock as fe, FhiIconLockSelector as Se } from "./fhi-icon-lock.js";
+import { FhiIconLogIn as me, FhiIconLogInSelector as Ce } from "./fhi-icon-log-in.js";
+import { FhiIconLogOut as we, FhiIconLogOutSelector as se } from "./fhi-icon-log-out.js";
+import { FhiIconMenu as Ae, FhiIconMenuSelector as Le } from "./fhi-icon-menu.js";
+import { FhiIconMinus as ve, FhiIconMinusSelector as Re } from "./fhi-icon-minus.js";
+import { FhiIconPaperclip as Ue, FhiIconPaperclipSelector as ke } from "./fhi-icon-paperclip.js";
+import { FhiIconPlus as de, FhiIconPlusSelector as qe } from "./fhi-icon-plus.js";
+import { FhiIconPrinter as Be, FhiIconPrinterSelector as Ge } from "./fhi-icon-printer.js";
+import { FhiIconQuestion as Me, FhiIconQuestionSelector as Xe } from "./fhi-icon-question.js";
+import { FhiIconRefresh as Qe, FhiIconRefreshSelector as Te } from "./fhi-icon-refresh.js";
+import { FhiIconRotateLeft as ze, FhiIconRotateLeftSelector as He } from "./fhi-icon-rotate-left.js";
+import { FhiIconRotateRight as je, FhiIconRotateRightSelector as Je } from "./fhi-icon-rotate-right.js";
+import { FhiIconSearch as Ne, FhiIconSearchSelector as We } from "./fhi-icon-search.js";
+import { FhiIconShare as Ze, FhiIconShareSelector as _e } from "./fhi-icon-share.js";
+import { FhiIconSheet as oc, FhiIconSheetSelector as rc } from "./fhi-icon-sheet.js";
+import { FhiIconSquareCheckBig as cc, FhiIconSquareCheckBigSelector as ic } from "./fhi-icon-square-check-big.js";
+import { FhiIconSquareCheck as tc, FhiIconSquareCheckSelector as hc } from "./fhi-icon-square-check.js";
+import { FhiIconSquarePen as Fc, FhiIconSquarePenSelector as lc } from "./fhi-icon-square-pen.js";
+import { FhiIconSquareX as fc, FhiIconSquareXSelector as Sc } from "./fhi-icon-square-x.js";
+import { FhiIconSquare as mc, FhiIconSquareSelector as Cc } from "./fhi-icon-square.js";
+import { FhiIconTrash as wc, FhiIconTrashSelector as sc } from "./fhi-icon-trash.js";
+import { FhiIconUpload as Ac, FhiIconUploadSelector as Lc } from "./fhi-icon-upload.js";
+import { FhiIconUser as vc, FhiIconUserSelector as Rc } from "./fhi-icon-user.js";
+import { FhiIconX as Uc, FhiIconXSelector as kc } from "./fhi-icon-x.js";
 export {
-  i as FhiButton,
-  n as FhiButtonSelector,
-  o as FhiTextInput,
-  r as FhiTextInputSelector
+  e as FhiButton,
+  c as FhiButtonSelector,
+  x as FhiIconArrowDown,
+  I as FhiIconArrowDownLeft,
+  F as FhiIconArrowDownLeftSelector,
+  p as FhiIconArrowDownRight,
+  f as FhiIconArrowDownRightSelector,
+  m as FhiIconArrowDownSelector,
+  a as FhiIconArrowLeft,
+  w as FhiIconArrowLeftSelector,
+  g as FhiIconArrowRight,
+  u as FhiIconArrowRightLeft,
+  A as FhiIconArrowRightLeftSelector,
+  v as FhiIconArrowRightSelector,
+  y as FhiIconArrowUp,
+  D as FhiIconArrowUpDown,
+  U as FhiIconArrowUpDownSelector,
+  E as FhiIconArrowUpLeft,
+  d as FhiIconArrowUpLeftSelector,
+  P as FhiIconArrowUpRight,
+  B as FhiIconArrowUpRightSelector,
+  M as FhiIconArrowUpSelector,
+  O as FhiIconBell,
+  Q as FhiIconBellSelector,
+  V as FhiIconCalendar,
+  z as FhiIconCalendarSelector,
+  b as FhiIconCheck,
+  j as FhiIconCheckSelector,
+  K as FhiIconChevronDown,
+  N as FhiIconChevronDownSelector,
+  Y as FhiIconChevronLeft,
+  Z as FhiIconChevronLeftSelector,
+  $ as FhiIconChevronRight,
+  oo as FhiIconChevronRightSelector,
+  eo as FhiIconChevronUp,
+  co as FhiIconChevronUpSelector,
+  no as FhiIconChevronsDown,
+  to as FhiIconChevronsDownSelector,
+  Io as FhiIconChevronsLeft,
+  Fo as FhiIconChevronsLeftSelector,
+  po as FhiIconChevronsRight,
+  fo as FhiIconChevronsRightSelector,
+  xo as FhiIconChevronsUp,
+  mo as FhiIconChevronsUpSelector,
+  fr as FhiIconCircle,
+  ao as FhiIconCircleArrowDown,
+  wo as FhiIconCircleArrowDownSelector,
+  uo as FhiIconCircleArrowLeft,
+  Ao as FhiIconCircleArrowLeftSelector,
+  go as FhiIconCircleArrowRight,
+  vo as FhiIconCircleArrowRightSelector,
+  Do as FhiIconCircleArrowUp,
+  Uo as FhiIconCircleArrowUpSelector,
+  Bo as FhiIconCircleCheck,
+  Eo as FhiIconCircleCheckBig,
+  qo as FhiIconCircleCheckBigSelector,
+  Go as FhiIconCircleCheckSelector,
+  Mo as FhiIconCircleChevronDown,
+  Xo as FhiIconCircleChevronDownSelector,
+  Qo as FhiIconCircleChevronLeft,
+  To as FhiIconCircleChevronLeftSelector,
+  zo as FhiIconCircleChevronRight,
+  Ho as FhiIconCircleChevronRightSelector,
+  jo as FhiIconCircleChevronUp,
+  Jo as FhiIconCircleChevronUpSelector,
+  No as FhiIconCircleExclamation,
+  Wo as FhiIconCircleExclamationSelector,
+  Zo as FhiIconCircleInfo,
+  _o as FhiIconCircleInfoSelector,
+  or as FhiIconCircleMinus,
+  rr as FhiIconCircleMinusSelector,
+  cr as FhiIconCirclePlus,
+  ir as FhiIconCirclePlusSelector,
+  tr as FhiIconCircleQuestion,
+  hr as FhiIconCircleQuestionSelector,
+  Sr as FhiIconCircleSelector,
+  Fr as FhiIconCircleX,
+  lr as FhiIconCircleXSelector,
+  mr as FhiIconClock,
+  Cr as FhiIconClockSelector,
+  wr as FhiIconCopy,
+  sr as FhiIconCopySelector,
+  Ar as FhiIconDownload,
+  Lr as FhiIconDownloadSelector,
+  Ur as FhiIconEllipsis,
+  kr as FhiIconEllipsisSelector,
+  vr as FhiIconEllipsisVertical,
+  Rr as FhiIconEllipsisVerticalSelector,
+  dr as FhiIconExclamation,
+  qr as FhiIconExclamationSelector,
+  Br as FhiIconExpand,
+  Gr as FhiIconExpandSelector,
+  Mr as FhiIconExternalLink,
+  Xr as FhiIconExternalLinkSelector,
+  zr as FhiIconEye,
+  Qr as FhiIconEyeOff,
+  Tr as FhiIconEyeOffSelector,
+  Hr as FhiIconEyeSelector,
+  jr as FhiIconFile,
+  Jr as FhiIconFileSelector,
+  Nr as FhiIconGear,
+  Wr as FhiIconGearSelector,
+  Zr as FhiIconGrid9Dots,
+  _r as FhiIconGrid9DotsSelector,
+  oe as FhiIconGripHorizontal,
+  re as FhiIconGripHorizontalSelector,
+  ce as FhiIconGripVertical,
+  ie as FhiIconGripVerticalSelector,
+  te as FhiIconInfo,
+  he as FhiIconInfoSelector,
+  Fe as FhiIconLink,
+  le as FhiIconLinkSelector,
+  fe as FhiIconLock,
+  Se as FhiIconLockSelector,
+  me as FhiIconLogIn,
+  Ce as FhiIconLogInSelector,
+  we as FhiIconLogOut,
+  se as FhiIconLogOutSelector,
+  Ae as FhiIconMenu,
+  Le as FhiIconMenuSelector,
+  ve as FhiIconMinus,
+  Re as FhiIconMinusSelector,
+  Ue as FhiIconPaperclip,
+  ke as FhiIconPaperclipSelector,
+  de as FhiIconPlus,
+  qe as FhiIconPlusSelector,
+  Be as FhiIconPrinter,
+  Ge as FhiIconPrinterSelector,
+  Me as FhiIconQuestion,
+  Xe as FhiIconQuestionSelector,
+  Qe as FhiIconRefresh,
+  Te as FhiIconRefreshSelector,
+  ze as FhiIconRotateLeft,
+  He as FhiIconRotateLeftSelector,
+  je as FhiIconRotateRight,
+  Je as FhiIconRotateRightSelector,
+  Ne as FhiIconSearch,
+  We as FhiIconSearchSelector,
+  Ze as FhiIconShare,
+  _e as FhiIconShareSelector,
+  oc as FhiIconSheet,
+  rc as FhiIconSheetSelector,
+  mc as FhiIconSquare,
+  tc as FhiIconSquareCheck,
+  cc as FhiIconSquareCheckBig,
+  ic as FhiIconSquareCheckBigSelector,
+  hc as FhiIconSquareCheckSelector,
+  Fc as FhiIconSquarePen,
+  lc as FhiIconSquarePenSelector,
+  Cc as FhiIconSquareSelector,
+  fc as FhiIconSquareX,
+  Sc as FhiIconSquareXSelector,
+  wc as FhiIconTrash,
+  sc as FhiIconTrashSelector,
+  Ac as FhiIconUpload,
+  Lc as FhiIconUploadSelector,
+  vc as FhiIconUser,
+  Rc as FhiIconUserSelector,
+  Uc as FhiIconX,
+  kc as FhiIconXSelector,
+  n as FhiTextInput,
+  t as FhiTextInputSelector
 };
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -2,7 +2,7 @@
   "title": "FHI Designsystem",
   "author": "FHI Designsystem team",
   "name": "@folkehelseinstituttet/designsystem",
-  "version": "0.2.2",
+  "version": "0.3.0",
   "description": "The official design system for the Norwegian Institute of Public Health implemented as web components",
   "keywords": [
     "fhi",
@@ -41,6 +41,7 @@
     "build:npm": "tsc && cross-env DEPLOY_TARGET=npm vite build",
     "storybook": "storybook dev -p 6006",
     "storybook:build": "storybook build",
+    "generate:icons": "node ./scripts/generate-icon-components.js --input ./src/assets/icons/ --output ./src/components/icons --clean-output-folder",
     "test": "wtr ./**/*.test.ts --node-resolve --playwright --browsers chromium webkit",
     "lint": "pnpm lint:eslint && pnpm lint:prettier",
     "lint:eslint": "eslint \"**/*.{js,ts}\"",
@@ -59,6 +60,8 @@
     "@esm-bundle/chai": "~4.3.4-fix.0",
     "@open-wc/testing": "~4.0.0",
     "@playwright/test": "^1.51.1",
+    "@release-it/conventional-changelog": "~8.0.2",
+    "@storybook/addon-actions": "~8.3.6",
     "@storybook/addon-essentials": "~8.3.0",
     "@storybook/addon-links": "~8.3.0",
     "@storybook/blocks": "~8.3.0",
@@ -74,12 +77,12 @@
     "cross-env": "7.0.3",
     "lit": "~3.2.0",
     "mocha": "~10.7.0",
+    "release-it": "~17.6.0",
     "storybook": "~8.3.0",
+    "storybook-design-token": "^3.2.0",
     "vite": "~5.4.0",
     "vite-plugin-generate-file": "~0.2.0",
     "vite-plugin-static-copy": "~1.0.6",
-    "release-it": "~17.6.0",
-    "@release-it/conventional-changelog": "~8.0.2",
-    "@storybook/addon-actions": "~8.3.6"
+    "svgo": "^3.3.2"
   }
 }