@folkehelseinstituttet/designsystem 0.40.6 → 0.41.0

package/fhi-select.js

@@ -0,0 +1,214 @@
+import { a as e, d as t, n, o as r, r as i, s as a, t as o, u as s } from "./decorate-DFXIek-k.js";
+import "./fhi-body.js";
+import "./fhi-icon-chevron-down.js";
+import "./fhi-label.js";
+//#region src/components/select/fhi-select/fhi-select.component.ts
+var c = "fhi-select", l = class extends a {
+	static {
+		this.formAssociated = !0;
+	}
+	constructor() {
+		super(), this.name = "", this.label = "", this.value = "", this.disabled = !1, this._initialSelectedElement = null, this._internals = this.attachInternals();
+	}
+	updated(e) {
+		e.has("name") && this._internals.setFormValue(this.value), this._initialSelectedElement || this._setInitialSelectedElement();
+	}
+	formResetCallback() {
+		this.value = this._initialSelectedElement?.value ?? "", this._internals.setFormValue(this.value);
+	}
+	_setInitialSelectedElement() {
+		this.selectElement.querySelectorAll("option").forEach((e) => {
+			e.selected && (this._initialSelectedElement = e);
+		});
+	}
+	_handleSelectChange() {
+		this.value = this.selectElement.value, this._internals.setFormValue(this.value), this._dispatchChangeEvent();
+	}
+	_handleSelectInput() {
+		this._dispatchInputEvent();
+	}
+	_dispatchChangeEvent() {
+		this.dispatchEvent(new Event("change", { bubbles: !0 }));
+	}
+	_dispatchInputEvent() {
+		this.dispatchEvent(new Event("input", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	_renderOptionElements() {
+		let e = this.slotElements.filter((e) => e.tagName.toLowerCase() === "fhi-select-item");
+		return e.length === 0 ? s`` : s`
+      ${e.map((e) => s`<option
+          value="${e.getAttribute("value") ?? e.textContent}"
+          label="${e.getAttribute("label") ?? ""}"
+          ?selected="${e.hasAttribute("selected")}"
+        >
+          ${e.textContent}
+        </option>`)}
+    `;
+	}
+	_handleSlotChange() {
+		this.requestUpdate(), this.updateComplete.then(() => {
+			this.value = this.selectElement.value, this._internals.setFormValue(this.value);
+		});
+	}
+	render() {
+		return s`
+      ${this.label ? s`
+            <label for="select">
+              <fhi-label class="label" size="small">${this.label}</fhi-label>
+            </label>
+          ` : null}
+      ${this.helpText ? s`<fhi-body class="help-text" size="small"
+            >${this.helpText}</fhi-body
+          >` : null}
+
+      <div class="select-container">
+        <fhi-icon-chevron-down aria-hidden="true"></fhi-icon-chevron-down>
+        <select
+          id="select"
+          name="${this.name}"
+          .value="${this.value}"
+          @change="${this._handleSelectChange}"
+          @input="${this._handleSelectInput}"
+          ?disabled="${this.disabled}"
+        >
+          ${this._renderOptionElements()}
+        </select>
+      </div>
+
+      ${this.message ? s` <fhi-body class="message" size="small">
+            ${this.message}
+          </fhi-body>` : null}
+
+      <slot hidden @slotchange=${this._handleSlotChange}></slot>
+    `;
+	}
+	static {
+		this.styles = t`
+    :host {
+      display: flex;
+      flex-direction: column;
+      color: var(--fhi-color-neutral-text-default);
+      -webkit-font-smoothing: antialiased;
+
+      .label {
+        color: inherit;
+        width: fit-content;
+        padding-bottom: var(--fhi-spacing-050);
+      }
+
+      label:has(+ .help-text) {
+        .label {
+          padding-bottom: 0;
+        }
+      }
+
+      .help-text {
+        color: var(--fhi-color-neutral-text-subtle);
+        width: fit-content;
+        padding-bottom: var(--fhi-spacing-050);
+      }
+
+      .message {
+        color: inherit;
+        width: fit-content;
+        padding-top: var(--fhi-spacing-050);
+      }
+
+      .select-container {
+        position: relative;
+        display: flex;
+      }
+
+      fhi-icon-chevron-down {
+        color: inherit;
+        position: absolute;
+        pointer-events: none;
+        align-self: center;
+        right: 8px;
+      }
+
+      /* TODO: Use customizable select styling when available. */
+      /* https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Customizable_select#browser_compatibility */
+      select {
+        color: inherit;
+        box-sizing: border-box;
+        flex: 1 1 auto;
+
+        font: normal var(--fhi-typography-body-medium-font-weight)
+          var(--fhi-typography-body-medium-font-size) /
+          var(--fhi-typography-body-medium-line-height)
+          var(--fhi-font-family-default);
+
+        background-color: var(--fhi-color-neutral-background-default);
+        border: var(--fhi-dimension-border-width) solid
+          var(--fhi-color-neutral-border-default);
+        border-radius: var(--fhi-border-radius-050);
+        padding: var(--fhi-spacing-100) var(--fhi-spacing-500)
+          var(--fhi-spacing-100) var(--fhi-spacing-150);
+        height: var(--fhi-spacing-500);
+
+        appearance: none;
+      }
+    }
+
+    :host([disabled]) {
+      opacity: var(--fhi-opacity-disabled);
+
+      * {
+        cursor: not-allowed;
+      }
+    }
+
+    :host([status='error']:not([disabled])) {
+      .label,
+      .help-text,
+      select {
+        color: var(--fhi-color-danger-text-default);
+      }
+
+      .message {
+        color: var(--fhi-color-danger-text-subtle);
+      }
+
+      select {
+        border-color: var(--fhi-color-danger-border-strong);
+        background-color: var(--fhi-color-danger-background-default);
+      }
+    }
+
+    :host(:not([status]):not([disabled])) {
+      select:not(:open) {
+        transition: all var(--fhi-motion-ease-default)
+          var(--fhi-motion-duration-quick);
+        &:hover {
+          border-color: var(--fhi-color-accent-border-default);
+          background-color: var(--fhi-color-accent-background-subtle);
+        }
+      }
+    }
+  `;
+	}
+};
+o([e({
+	type: String,
+	reflect: !0
+})], l.prototype, "name", void 0), o([e({ type: String })], l.prototype, "label", void 0), o([e({
+	type: String,
+	attribute: "help-text"
+})], l.prototype, "helpText", void 0), o([e({
+	type: String,
+	reflect: !0
+})], l.prototype, "value", void 0), o([e({
+	type: Boolean,
+	reflect: !0
+})], l.prototype, "disabled", void 0), o([e({
+	type: String,
+	reflect: !0
+})], l.prototype, "status", void 0), o([e({ type: String })], l.prototype, "message", void 0), o([i("select")], l.prototype, "selectElement", void 0), o([n()], l.prototype, "slotElements", void 0), l = o([r(c)], l);
+//#endregion
+export { l as FhiSelect, c as FhiSelectSelector };
+
+//# sourceMappingURL=fhi-select.js.map

package/fhi-select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fhi-select.js","names":[],"sources":["../../src/components/select/fhi-select/fhi-select.component.ts"],"sourcesContent":["import { html, css, LitElement } from 'lit';\nimport {\n  customElement,\n  property,\n  queryAssignedElements,\n  query,\n} from 'lit/decorators.js';\n\nimport { FhiSelectItem } from '../fhi-select-item/fhi-select-item.component';\n\nimport '../../typography/fhi-label/fhi-label.component';\nimport '../../typography/fhi-body/fhi-body.component';\nimport '../../icons/fhi-icon-chevron-down.component';\n\nexport const FhiSelectSelector = 'fhi-select';\n\n/**\n * ## FHI Select\n *\n * {@link https://designsystem.fhi.no/?path=/docs/komponenter-select--docs}\n *\n * The `<fhi-select>` component is used to create a dropdown list of options for users to choose from.\n * It provides a labeled select element (`fhi-select-item`) with optional placeholder text, status indication, and a message area for additional information or validation feedback.\n *\n * @tag fhi-select\n * @element fhi-select\n *\n * @slot - The default slot is used to provide the options for the select element. Each option should be represented by a `<fhi-select-item>` element.\n */\n@customElement(FhiSelectSelector)\nexport class FhiSelect extends LitElement {\n  /** @internal */\n  static readonly formAssociated = true;\n\n  /**\n   * The name attribute of the select element. This property is used to identify the select element when submitting a form.\n   * @type {string}\n   */\n  @property({ type: String, reflect: true })\n  name: string = '';\n\n  /**\n   * The label attribute of the select element. This property is used to provide a descriptive label for the select element.\n   * @type {string}\n   */\n  @property({ type: String })\n  label: string = '';\n\n  /**\n   * The message shown above the Select.\n   * This is often used to provide additional information to the user.\n   * @type {string}\n   */\n  @property({ type: String, attribute: 'help-text' })\n  helpText?: string;\n\n  /**\n   * The value attribute of the select element. This property is used to identify the selected option when submitting a form.\n   * @type {string}\n   */\n  @property({ type: String, reflect: true })\n  value: string = '';\n\n  /**\n   * The disabled attribute of the select element. This property is used to disable the select element.\n   * @type {boolean}\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled: boolean = false;\n\n  /**\n   * The status attribute of the select element. This property is used to indicate the validation status of the select element.\n   * @type {'error' | undefined}\n   */\n  @property({ type: String, reflect: true })\n  status?: 'error';\n\n  /**\n   * The message attribute of the select element. This property is used to provide a validation message for the select element.\n   * @type {string}\n   */\n  @property({ type: String })\n  message?: string;\n\n  @query('select')\n  selectElement!: HTMLSelectElement;\n\n  @queryAssignedElements()\n  slotElements!: Array<HTMLElement>;\n\n  private _internals: ElementInternals;\n  private _initialSelectedElement: HTMLOptionElement | null = null;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n  }\n\n  public updated(changedProperties: Map<string, unknown>) {\n    if (changedProperties.has('name')) {\n      this._internals.setFormValue(this.value);\n    }\n\n    if (!this._initialSelectedElement) {\n      this._setInitialSelectedElement();\n    }\n  }\n\n  public formResetCallback(): void {\n    this.value = this._initialSelectedElement?.value ?? '';\n    this._internals.setFormValue(this.value);\n  }\n\n  private _setInitialSelectedElement() {\n    this.selectElement.querySelectorAll('option').forEach(option => {\n      if (option.selected) {\n        this._initialSelectedElement = option;\n      }\n    });\n  }\n\n  private _handleSelectChange(): void {\n    this.value = this.selectElement.value;\n    this._internals.setFormValue(this.value);\n\n    this._dispatchChangeEvent();\n  }\n\n  private _handleSelectInput(): void {\n    this._dispatchInputEvent();\n  }\n\n  private _dispatchChangeEvent(): void {\n    /**\n     * @type {Event} - Standard DOM event with the type `change`.\n     * This event is dispatched when the chosen option of the select changes.\n     */\n    this.dispatchEvent(\n      new Event('change', {\n        bubbles: true,\n      }),\n    );\n  }\n\n  private _dispatchInputEvent(): void {\n    /**\n     * @type {Event} - Standard DOM event with the type `input`.\n     * This event is dispatched when the chosen option of the select changes.\n     */\n    this.dispatchEvent(\n      new Event('input', {\n        bubbles: true,\n        composed: true,\n      }),\n    );\n  }\n\n  private _renderOptionElements() {\n    const items = this.slotElements.filter(\n      element => element.tagName.toLowerCase() === 'fhi-select-item',\n    ) as FhiSelectItem[];\n\n    if (items.length === 0) {\n      return html``;\n    }\n\n    const options = html`\n      ${items.map(item => {\n        return html`<option\n          value=\"${item.getAttribute('value') ?? item.textContent}\"\n          label=\"${item.getAttribute('label') ?? ''}\"\n          ?selected=\"${item.hasAttribute('selected')}\"\n        >\n          ${item.textContent}\n        </option>`;\n      })}\n    `;\n\n    return options;\n  }\n\n  private _handleSlotChange() {\n    this.requestUpdate();\n\n    this.updateComplete.then(() => {\n      this.value = this.selectElement.value;\n      this._internals.setFormValue(this.value);\n    });\n  }\n\n  render() {\n    return html`\n      ${this.label\n        ? html`\n            <label for=\"select\">\n              <fhi-label class=\"label\" size=\"small\">${this.label}</fhi-label>\n            </label>\n          `\n        : null}\n      ${this.helpText\n        ? html`<fhi-body class=\"help-text\" size=\"small\"\n            >${this.helpText}</fhi-body\n          >`\n        : null}\n\n      <div class=\"select-container\">\n        <fhi-icon-chevron-down aria-hidden=\"true\"></fhi-icon-chevron-down>\n        <select\n          id=\"select\"\n          name=\"${this.name}\"\n          .value=\"${this.value}\"\n          @change=\"${this._handleSelectChange}\"\n          @input=\"${this._handleSelectInput}\"\n          ?disabled=\"${this.disabled}\"\n        >\n          ${this._renderOptionElements()}\n        </select>\n      </div>\n\n      ${this.message\n        ? html` <fhi-body class=\"message\" size=\"small\">\n            ${this.message}\n          </fhi-body>`\n        : null}\n\n      <slot hidden @slotchange=${this._handleSlotChange}></slot>\n    `;\n  }\n\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      color: var(--fhi-color-neutral-text-default);\n      -webkit-font-smoothing: antialiased;\n\n      .label {\n        color: inherit;\n        width: fit-content;\n        padding-bottom: var(--fhi-spacing-050);\n      }\n\n      label:has(+ .help-text) {\n        .label {\n          padding-bottom: 0;\n        }\n      }\n\n      .help-text {\n        color: var(--fhi-color-neutral-text-subtle);\n        width: fit-content;\n        padding-bottom: var(--fhi-spacing-050);\n      }\n\n      .message {\n        color: inherit;\n        width: fit-content;\n        padding-top: var(--fhi-spacing-050);\n      }\n\n      .select-container {\n        position: relative;\n        display: flex;\n      }\n\n      fhi-icon-chevron-down {\n        color: inherit;\n        position: absolute;\n        pointer-events: none;\n        align-self: center;\n        right: 8px;\n      }\n\n      /* TODO: Use customizable select styling when available. */\n      /* https://developer.mozilla.org/en-US/docs/Learn_web_development/Extensions/Forms/Customizable_select#browser_compatibility */\n      select {\n        color: inherit;\n        box-sizing: border-box;\n        flex: 1 1 auto;\n\n        font: normal var(--fhi-typography-body-medium-font-weight)\n          var(--fhi-typography-body-medium-font-size) /\n          var(--fhi-typography-body-medium-line-height)\n          var(--fhi-font-family-default);\n\n        background-color: var(--fhi-color-neutral-background-default);\n        border: var(--fhi-dimension-border-width) solid\n          var(--fhi-color-neutral-border-default);\n        border-radius: var(--fhi-border-radius-050);\n        padding: var(--fhi-spacing-100) var(--fhi-spacing-500)\n          var(--fhi-spacing-100) var(--fhi-spacing-150);\n        height: var(--fhi-spacing-500);\n\n        appearance: none;\n      }\n    }\n\n    :host([disabled]) {\n      opacity: var(--fhi-opacity-disabled);\n\n      * {\n        cursor: not-allowed;\n      }\n    }\n\n    :host([status='error']:not([disabled])) {\n      .label,\n      .help-text,\n      select {\n        color: var(--fhi-color-danger-text-default);\n      }\n\n      .message {\n        color: var(--fhi-color-danger-text-subtle);\n      }\n\n      select {\n        border-color: var(--fhi-color-danger-border-strong);\n        background-color: var(--fhi-color-danger-background-default);\n      }\n    }\n\n    :host(:not([status]):not([disabled])) {\n      select:not(:open) {\n        transition: all var(--fhi-motion-ease-default)\n          var(--fhi-motion-duration-quick);\n        &:hover {\n          border-color: var(--fhi-color-accent-border-default);\n          background-color: var(--fhi-color-accent-background-subtle);\n        }\n      }\n    }\n  `;\n}\n"],"mappings":";;;;;AAcA,IAAa,IAAoB,cAgB1B,IAAA,cAAwB,EAAW;;wBAEP;;CA6DjC,cAAc;EAEZ,AADA,MAAM,eAvDO,iBAOC,iBAeA,oBAOI,mCAuBwC,MAI1D,KAAK,aAAa,KAAK,gBAAgB;CACzC;CAEA,QAAe,GAAyC;EAKtD,AAJI,EAAkB,IAAI,MAAM,KAC9B,KAAK,WAAW,aAAa,KAAK,KAAK,GAGpC,KAAK,2BACR,KAAK,2BAA2B;CAEpC;CAEA,oBAAiC;EAE/B,AADA,KAAK,QAAQ,KAAK,yBAAyB,SAAS,IACpD,KAAK,WAAW,aAAa,KAAK,KAAK;CACzC;CAEA,6BAAqC;EACnC,KAAK,cAAc,iBAAiB,QAAQ,EAAE,SAAQ,MAAU;GAC9D,AAAI,EAAO,aACT,KAAK,0BAA0B;EAEnC,CAAC;CACH;CAEA,sBAAoC;EAIlC,AAHA,KAAK,QAAQ,KAAK,cAAc,OAChC,KAAK,WAAW,aAAa,KAAK,KAAK,GAEvC,KAAK,qBAAqB;CAC5B;CAEA,qBAAmC;EACjC,KAAK,oBAAoB;CAC3B;CAEA,uBAAqC;EAKnC,KAAK,cACH,IAAI,MAAM,UAAU,EAClB,SAAS,GACX,CAAC,CACH;CACF;CAEA,sBAAoC;EAKlC,KAAK,cACH,IAAI,MAAM,SAAS;GACjB,SAAS;GACT,UAAU;EACZ,CAAC,CACH;CACF;CAEA,wBAAgC;EAC9B,IAAM,IAAQ,KAAK,aAAa,QAC9B,MAAW,EAAQ,QAAQ,YAAY,MAAM,iBAC/C;EAkBA,OAhBI,EAAM,WAAW,IACZ,CAAI,KAeN,CAZa;QAChB,EAAM,KAAI,MACH,CAAI;mBACA,EAAK,aAAa,OAAO,KAAK,EAAK,YAAY;mBAC/C,EAAK,aAAa,OAAO,KAAK,GAAG;uBAC7B,EAAK,aAAa,UAAU,EAAE;;YAEzC,EAAK,YAAY;kBAEtB,EAAE;;CAIP;CAEA,oBAA4B;EAG1B,AAFA,KAAK,cAAc,GAEnB,KAAK,eAAe,WAAW;GAE7B,AADA,KAAK,QAAQ,KAAK,cAAc,OAChC,KAAK,WAAW,aAAa,KAAK,KAAK;EACzC,CAAC;CACH;CAEA,SAAS;EACP,OAAO,CAAI;QACP,KAAK,QACH,CAAI;;sDAEwC,KAAK,MAAM;;cAGvD,KAAK;QACP,KAAK,WACH,CAAI;eACC,KAAK,SAAS;eAEnB,KAAK;;;;;;kBAMG,KAAK,KAAK;oBACR,KAAK,MAAM;qBACV,KAAK,oBAAoB;oBAC1B,KAAK,mBAAmB;uBACrB,KAAK,SAAS;;YAEzB,KAAK,sBAAsB,EAAE;;;;QAIjC,KAAK,UACH,CAAI;cACA,KAAK,QAAQ;yBAEjB,KAAK;;iCAEkB,KAAK,kBAAkB;;CAEtD;;gBAEgB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwGrB;GAvSG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAOxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAQzB,EAAS;CAAE,MAAM;CAAQ,WAAW;AAAY,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,MAOjD,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAOxC,EAAS;CAAE,MAAM;CAAS,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,YAAA,KAAA,CAAA,MAOzC,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,UAAA,KAAA,CAAA,MAOxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,MAGzB,EAAM,QAAQ,CAAA,GAAA,EAAA,WAAA,iBAAA,KAAA,CAAA,MAGd,EAAsB,CAAA,GAAA,EAAA,WAAA,gBAAA,KAAA,CAAA,UA1DxB,EAAc,CAAiB,CAAA,GAAA,CAAA"}

package/fhi-select.manifest.json

@@ -0,0 +1 @@
+{"kind":"javascript-module","path":"src/components/select/fhi-select/fhi-select.component.ts","declarations":[{"kind":"class","description":"## FHI Select\n\nhttps://designsystem.fhi.no/?path=/docs/komponenter-select--docs\n\nThe `<fhi-select>` component is used to create a dropdown list of options for users to choose from.\nIt provides a labeled select element (`fhi-select-item`) with optional placeholder text, status indication, and a message area for additional information or validation feedback.","name":"FhiSelect","slots":[{"description":"The default slot is used to provide the options for the select element. Each option should be represented by a `<fhi-select-item>` element.","name":""}],"members":[{"kind":"method","name":"_dispatchChangeEvent","privacy":"private","return":{"type":{"text":"void"}}},{"kind":"method","name":"_dispatchInputEvent","privacy":"private","return":{"type":{"text":"void"}}},{"kind":"method","name":"_handleSelectChange","privacy":"private","return":{"type":{"text":"void"}}},{"kind":"method","name":"_handleSelectInput","privacy":"private","return":{"type":{"text":"void"}}},{"kind":"method","name":"_handleSlotChange","privacy":"private"},{"kind":"field","name":"_initialSelectedElement","type":{"text":"HTMLOptionElement | null"},"privacy":"private","default":"null"},{"kind":"field","name":"_internals","type":{"text":"ElementInternals"},"privacy":"private"},{"kind":"method","name":"_renderOptionElements","privacy":"private"},{"kind":"method","name":"_setInitialSelectedElement","privacy":"private"},{"kind":"field","name":"disabled","type":{"text":"boolean"},"default":"false","description":"The disabled attribute of the select element. This property is used to disable the select element.","attribute":"disabled","reflects":true},{"kind":"method","name":"formResetCallback","privacy":"public","return":{"type":{"text":"void"}}},{"kind":"field","name":"helpText","type":{"text":"string"},"description":"The message shown above the Select.\nThis is often used to provide additional information to the user.","attribute":"help-text"},{"kind":"field","name":"label","type":{"text":"string"},"default":"''","description":"The label attribute of the select element. This property is used to provide a descriptive label for the select element.","attribute":"label"},{"kind":"field","name":"message","type":{"text":"string"},"description":"The message attribute of the select element. This property is used to provide a validation message for the select element.","attribute":"message"},{"kind":"field","name":"name","type":{"text":"string"},"default":"''","description":"The name attribute of the select element. This property is used to identify the select element when submitting a form.","attribute":"name","reflects":true},{"kind":"field","name":"selectElement","type":{"text":"HTMLSelectElement"}},{"kind":"field","name":"slotElements","type":{"text":"Array<HTMLElement>"}},{"kind":"field","name":"status","type":{"text":"'error' | undefined"},"description":"The status attribute of the select element. This property is used to indicate the validation status of the select element.","attribute":"status","reflects":true},{"kind":"field","name":"value","type":{"text":"string"},"default":"''","description":"The value attribute of the select element. This property is used to identify the selected option when submitting a form.","attribute":"value","reflects":true}],"events":[{"name":"change","type":{"text":"Event"},"description":"Standard DOM event with the type `change`.\nThis event is dispatched when the chosen option of the select changes."},{"name":"input","type":{"text":"Event"},"description":"Standard DOM event with the type `input`.\nThis event is dispatched when the chosen option of the select changes."}],"attributes":[{"name":"disabled","type":{"text":"boolean"},"default":"false","description":"The disabled attribute of the select element. This property is used to disable the select element.","fieldName":"disabled"},{"name":"help-text","type":{"text":"string"},"description":"The message shown above the Select.\nThis is often used to provide additional information to the user.","fieldName":"helpText"},{"name":"label","type":{"text":"string"},"default":"''","description":"The label attribute of the select element. This property is used to provide a descriptive label for the select element.","fieldName":"label"},{"name":"message","type":{"text":"string"},"description":"The message attribute of the select element. This property is used to provide a validation message for the select element.","fieldName":"message"},{"name":"name","type":{"text":"string"},"default":"''","description":"The name attribute of the select element. This property is used to identify the select element when submitting a form.","fieldName":"name"},{"name":"status","type":{"text":"'error' | undefined"},"description":"The status attribute of the select element. This property is used to indicate the validation status of the select element.","fieldName":"status"},{"name":"value","type":{"text":"string"},"default":"''","description":"The value attribute of the select element. This property is used to identify the selected option when submitting a form.","fieldName":"value"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"fhi-select","customElement":true},{"kind":"variable","name":"FhiSelectSelector","type":{"text":"string"},"default":"'fhi-select'"}]}

package/fhi-title.js

@@ -1,29 +1,41 @@
 import { a as e, d as t, o as n, s as r, t as i, u as a } from "./decorate-DFXIek-k.js";
-import { t as o } from "./unsafe-html-CBTN3162.js";
+import { t as o } from "./if-defined-Dl-W5B5_.js";
+import { t as s } from "./unsafe-html-CBTN3162.js";
 //#region src/components/typography/fhi-title/fhi-title.component.ts
-var s = "fhi-title", c = class extends r {
+var c = "fhi-title", l = class extends r {
 	constructor(...e) {
-		super(...e), this.size = "medium", this.color = "currentcolor";
+		super(...e), this.size = "medium";
 	}
 	updated(e) {
 		if (super.updated(e), e.has("level")) {
 			let e = Number(this.level);
 			(isNaN(e) || e < 1 || e > 6) && console.error(/* @__PURE__ */ TypeError(`The level property must be set to a number between 1 and 6. Current value: ${this.level}`));
 		}
-		e.has("color") && (this.style.color = typeof this.color == "string" ? this.color : "currentcolor");
 	}
 	render() {
-		return a`${o(`
+		let e = `
       <h${this.level} class="title">
         <slot></slot>
       </h${this.level}>
-    `)}`;
+    `;
+		return a`
+      <div style=${o(this.color ? `color: ${this.color}` : void 0)}>
+        ${s(e)}
+      </div>
+    `;
 	}
 	static {
 		this.styles = t`
     :host {
+      --fhi-title-color: unset;
+    }
+
+    :host {
+      --fhi-title-color: currentcolor;
+
       display: block;
       contain: layout;
+      color: var(--fhi-title-color);
       .title {
         font-family: var(--fhi-font-family-default);
         -webkit-font-smoothing: antialiased;
@@ -63,8 +75,8 @@ var s = "fhi-title", c = class extends r {
 i([e({
 	type: String,
 	reflect: !0
-})], c.prototype, "size", void 0), i([e({ type: String })], c.prototype, "color", void 0), i([e({ type: Number })], c.prototype, "level", void 0), c = i([n(s)], c);
+})], l.prototype, "size", void 0), i([e({ type: String })], l.prototype, "color", void 0), i([e({ type: Number })], l.prototype, "level", void 0), l = i([n(c)], l);
 //#endregion
-export { c as FhiTitle, s as FhiTitleSelector };
+export { l as FhiTitle, c as FhiTitleSelector };
 
 //# sourceMappingURL=fhi-title.js.map

package/fhi-title.js.map

@@ -1 +1 @@
-{"version":3,"file":"fhi-title.js","names":[],"sources":["../../src/components/typography/fhi-title/fhi-title.component.ts"],"sourcesContent":["import { html, css, LitElement, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\nexport const FhiTitleSelector = 'fhi-title';\n\nexport type TitleLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * ## FHI Title\n *\n * {@link https://designsystem.fhi.no/?path=/story/komponenter-typography-title--preview}\n *\n * The `<fhi-title>` component is used to display smaller, less prominent title text in accordance with the FHI Design System guidelines.\n *\n * For standard headline text, use the `<fhi-headline>` component instead.\n *\n * For larger, more prominent headline text, use the `<fhi-display>` component instead.\n *\n * Use this component instead of the standard HTML heading elements, `<h1>` - `<h6>`, to ensure consistent styling across your application.\n *\n * @tag fhi-title\n * @element fhi-title\n *\n * @slot - The content of the fhi-title component. This should be pure text.\n */\n@customElement(FhiTitleSelector)\nexport class FhiTitle extends LitElement {\n  /**\n   * Sets the size of the text styles.\n   * @reflect\n   * @type {'large' | 'medium' | 'small'}\n   */\n  @property({ type: String, reflect: true }) size:\n    | 'large'\n    | 'medium'\n    | 'small' = 'medium';\n\n  /**\n   * Sets color of the given text. It supports any valid CSS color value (e.g. hex, rgb, rgba, hsl, hsla, color names).\n   *\n   * It is recommended to use Design Tokens for colors defined in the FHI Design System.\n   * See: {@link https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs}\n   *\n   * Example:\n   * ```html\n   *  <fhi-title color=\"var(--fhi-color-primary-text-default)\">\n   *    This text will be in the primary text color.\n   *  </fhi-title>\n   * ```\n   *\n   * @type {string}\n   */\n  @property({ type: String }) color?: string = 'currentcolor';\n\n  /**\n   * Sets the heading level for the text, corresponding to HTML heading elements `<h1>` to `<h6>`.\n   * @type {1 | 2 | 3 | 4 | 5 | 6}\n   */\n  @property({ type: Number }) level!: TitleLevel;\n\n  updated(changedProperties: PropertyValues<this>) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('level')) {\n      const levelAsNumber = Number(this.level);\n      if (isNaN(levelAsNumber) || levelAsNumber < 1 || levelAsNumber > 6) {\n        console.error(\n          new TypeError(\n            `The level property must be set to a number between 1 and 6. Current value: ${this.level}`,\n          ),\n        );\n      }\n    }\n\n    if (changedProperties.has('color')) {\n      this.style.color =\n        typeof this.color === 'string' ? this.color : 'currentcolor';\n    }\n  }\n\n  render() {\n    const template = `\n      <h${this.level} class=\"title\">\n        <slot></slot>\n      </h${this.level}>\n    `;\n    return html`${unsafeHTML(template)}`;\n  }\n\n  static styles = css`\n    :host {\n      display: block;\n      contain: layout;\n      .title {\n        font-family: var(--fhi-font-family-default);\n        -webkit-font-smoothing: antialiased;\n        margin: 0;\n      }\n    }\n\n    :host([size='large']) {\n      .title {\n        font-size: var(--fhi-typography-title-large-font-size);\n        font-weight: var(--fhi-typography-title-large-font-weight);\n        line-height: var(--fhi-typography-title-large-line-height);\n        letter-spacing: var(--fhi-typography-title-large-letter-spacing);\n      }\n    }\n\n    :host([size='medium']) {\n      .title {\n        font-size: var(--fhi-typography-title-medium-font-size);\n        font-weight: var(--fhi-typography-title-medium-font-weight);\n        line-height: var(--fhi-typography-title-medium-line-height);\n        letter-spacing: var(--fhi-typography-title-medium-letter-spacing);\n      }\n    }\n\n    :host([size='small']) {\n      .title {\n        font-size: var(--fhi-typography-title-small-font-size);\n        font-weight: var(--fhi-typography-title-small-font-weight);\n        line-height: var(--fhi-typography-title-small-line-height);\n        letter-spacing: var(--fhi-typography-title-small-letter-spacing);\n      }\n    }\n  `;\n}\n"],"mappings":";;;AAIA,IAAa,IAAmB,aAuBzB,IAAA,cAAuB,EAAW;;2BASzB,uBAiB+B;;CAQ7C,QAAQ,GAAyC;EAG/C,IAFA,MAAM,QAAQ,CAAiB,GAE3B,EAAkB,IAAI,OAAO,GAAG;GAClC,IAAM,IAAgB,OAAO,KAAK,KAAK;GACvC,CAAI,MAAM,CAAa,KAAK,IAAgB,KAAK,IAAgB,MAC/D,QAAQ,MACN,gBAAI,UACF,8EAA8E,KAAK,OACrF,CACF;EAEJ;EAEA,AAAI,EAAkB,IAAI,OAAO,MAC/B,KAAK,MAAM,QACT,OAAO,KAAK,SAAU,WAAW,KAAK,QAAQ;CAEpD;CAEA,SAAS;EAMP,OAAO,CAAI,GAAG,EAAW;UAJnB,KAAK,MAAM;;WAEV,KAAK,MAAM;KAEe;CACnC;;gBAEgB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsCrB;GA/FG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAoBxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAMzB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,UAjC3B,EAAc,CAAgB,CAAA,GAAA,CAAA"}
+{"version":3,"file":"fhi-title.js","names":[],"sources":["../../src/components/typography/fhi-title/fhi-title.component.ts"],"sourcesContent":["import { html, css, LitElement, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js';\n\nexport const FhiTitleSelector = 'fhi-title';\n\nexport type TitleLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * ## FHI Title\n *\n * {@link https://designsystem.fhi.no/?path=/story/komponenter-typography-title--preview}\n *\n * The `<fhi-title>` component is used to display smaller, less prominent title text in accordance with the FHI Design System guidelines.\n *\n * For standard headline text, use the `<fhi-headline>` component instead.\n *\n * For larger, more prominent headline text, use the `<fhi-display>` component instead.\n *\n * Use this component instead of the standard HTML heading elements, `<h1>` - `<h6>`, to ensure consistent styling across your application.\n *\n * @tag fhi-title\n * @element fhi-title\n *\n * @slot - The content of the fhi-title component. This should be pure text.\n */\n@customElement(FhiTitleSelector)\nexport class FhiTitle extends LitElement {\n  /**\n   * Sets the size of the text styles.\n   * @reflect\n   * @type {'large' | 'medium' | 'small'}\n   */\n  @property({ type: String, reflect: true }) size:\n    | 'large'\n    | 'medium'\n    | 'small' = 'medium';\n\n  /**\n   * Sets color of the given text. It supports any valid CSS color value (e.g. hex, rgb, rgba, hsl, hsla, color names).\n   *\n   * It is recommended to use Design Tokens for colors defined in the FHI Design System.\n   * See: {@link https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs}\n   *\n   * Example:\n   * ```html\n   *  <fhi-title color=\"var(--fhi-color-primary-text-default)\">\n   *    This text will be in the primary text color.\n   *  </fhi-title>\n   * ```\n   *\n   * @type {string}\n   */\n  @property({ type: String }) color?: string;\n\n  /**\n   * Sets the heading level for the text, corresponding to HTML heading elements `<h1>` to `<h6>`.\n   * @type {1 | 2 | 3 | 4 | 5 | 6}\n   */\n  @property({ type: Number }) level!: TitleLevel;\n\n  updated(changedProperties: PropertyValues<this>) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('level')) {\n      const levelAsNumber = Number(this.level);\n      if (isNaN(levelAsNumber) || levelAsNumber < 1 || levelAsNumber > 6) {\n        console.error(\n          new TypeError(\n            `The level property must be set to a number between 1 and 6. Current value: ${this.level}`,\n          ),\n        );\n      }\n    }\n  }\n\n  render() {\n    const template = `\n      <h${this.level} class=\"title\">\n        <slot></slot>\n      </h${this.level}>\n    `;\n    return html`\n      <div style=${ifDefined(this.color ? `color: ${this.color}` : undefined)}>\n        ${unsafeHTML(template)}\n      </div>\n    `;\n  }\n\n  static styles = css`\n    :host {\n      --fhi-title-color: unset;\n    }\n\n    :host {\n      --fhi-title-color: currentcolor;\n\n      display: block;\n      contain: layout;\n      color: var(--fhi-title-color);\n      .title {\n        font-family: var(--fhi-font-family-default);\n        -webkit-font-smoothing: antialiased;\n        margin: 0;\n      }\n    }\n\n    :host([size='large']) {\n      .title {\n        font-size: var(--fhi-typography-title-large-font-size);\n        font-weight: var(--fhi-typography-title-large-font-weight);\n        line-height: var(--fhi-typography-title-large-line-height);\n        letter-spacing: var(--fhi-typography-title-large-letter-spacing);\n      }\n    }\n\n    :host([size='medium']) {\n      .title {\n        font-size: var(--fhi-typography-title-medium-font-size);\n        font-weight: var(--fhi-typography-title-medium-font-weight);\n        line-height: var(--fhi-typography-title-medium-line-height);\n        letter-spacing: var(--fhi-typography-title-medium-letter-spacing);\n      }\n    }\n\n    :host([size='small']) {\n      .title {\n        font-size: var(--fhi-typography-title-small-font-size);\n        font-weight: var(--fhi-typography-title-small-font-weight);\n        line-height: var(--fhi-typography-title-small-line-height);\n        letter-spacing: var(--fhi-typography-title-small-letter-spacing);\n      }\n    }\n  `;\n}\n"],"mappings":";;;;AAKA,IAAa,IAAmB,aAuBzB,IAAA,cAAuB,EAAW;;2BASzB;;CAyBd,QAAQ,GAAyC;EAG/C,IAFA,MAAM,QAAQ,CAAiB,GAE3B,EAAkB,IAAI,OAAO,GAAG;GAClC,IAAM,IAAgB,OAAO,KAAK,KAAK;GACvC,CAAI,MAAM,CAAa,KAAK,IAAgB,KAAK,IAAgB,MAC/D,QAAQ,MACN,gBAAI,UACF,8EAA8E,KAAK,OACrF,CACF;EAEJ;CACF;CAEA,SAAS;EACP,IAAM,IAAW;UACX,KAAK,MAAM;;WAEV,KAAK,MAAM;;EAElB,OAAO,CAAI;mBACI,EAAU,KAAK,QAAQ,UAAU,KAAK,UAAU,KAAA,CAAS,EAAE;UACpE,EAAW,CAAQ,EAAE;;;CAG7B;;gBAEgB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CrB;GArGG,EAAS;CAAE,MAAM;CAAQ,SAAS;AAAK,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,MAoBxC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAMzB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,UAjC3B,EAAc,CAAgB,CAAA,GAAA,CAAA"}

package/fhi-title.manifest.json

@@ -1 +1 @@
-{"kind":"javascript-module","path":"src/components/typography/fhi-title/fhi-title.component.ts","declarations":[{"kind":"class","description":"## FHI Title\n\nhttps://designsystem.fhi.no/?path=/story/komponenter-typography-title--preview\n\nThe `<fhi-title>` component is used to display smaller, less prominent title text in accordance with the FHI Design System guidelines.\n\nFor standard headline text, use the `<fhi-headline>` component instead.\n\nFor larger, more prominent headline text, use the `<fhi-display>` component instead.\n\nUse this component instead of the standard HTML heading elements, `<h1>` - `<h6>`, to ensure consistent styling across your application.","name":"FhiTitle","slots":[{"description":"The content of the fhi-title component. This should be pure text.","name":""}],"members":[{"kind":"field","name":"color","type":{"text":"string"},"default":"'currentcolor'","description":"Sets color of the given text. It supports any valid CSS color value (e.g. hex, rgb, rgba, hsl, hsla, color names).\n\nIt is recommended to use Design Tokens for colors defined in the FHI Design System.\nSee: https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs\n\nExample:\n```html\n <fhi-title color=\"var(--fhi-color-primary-text-default)\">\n   This text will be in the primary text color.\n </fhi-title>\n```","attribute":"color"},{"kind":"field","name":"level","type":{"text":"1 | 2 | 3 | 4 | 5 | 6"},"description":"Sets the heading level for the text, corresponding to HTML heading elements `<h1>` to `<h6>`.","attribute":"level"},{"kind":"field","name":"size","type":{"text":"'large' | 'medium' | 'small'"},"default":"'medium'","description":"Sets the size of the text styles.","reflects":true,"attribute":"size"}],"attributes":[{"name":"color","type":{"text":"string"},"default":"'currentcolor'","description":"Sets color of the given text. It supports any valid CSS color value (e.g. hex, rgb, rgba, hsl, hsla, color names).\n\nIt is recommended to use Design Tokens for colors defined in the FHI Design System.\nSee: https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs\n\nExample:\n```html\n <fhi-title color=\"var(--fhi-color-primary-text-default)\">\n   This text will be in the primary text color.\n </fhi-title>\n```","fieldName":"color"},{"name":"level","type":{"text":"1 | 2 | 3 | 4 | 5 | 6"},"description":"Sets the heading level for the text, corresponding to HTML heading elements `<h1>` to `<h6>`.","fieldName":"level"},{"name":"size","type":{"text":"'large' | 'medium' | 'small'"},"default":"'medium'","description":"Sets the size of the text styles.","fieldName":"size"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"fhi-title","customElement":true},{"kind":"variable","name":"FhiTitleSelector","type":{"text":"string"},"default":"'fhi-title'"}]}
+{"kind":"javascript-module","path":"src/components/typography/fhi-title/fhi-title.component.ts","declarations":[{"kind":"class","description":"## FHI Title\n\nhttps://designsystem.fhi.no/?path=/story/komponenter-typography-title--preview\n\nThe `<fhi-title>` component is used to display smaller, less prominent title text in accordance with the FHI Design System guidelines.\n\nFor standard headline text, use the `<fhi-headline>` component instead.\n\nFor larger, more prominent headline text, use the `<fhi-display>` component instead.\n\nUse this component instead of the standard HTML heading elements, `<h1>` - `<h6>`, to ensure consistent styling across your application.","name":"FhiTitle","slots":[{"description":"The content of the fhi-title component. This should be pure text.","name":""}],"members":[{"kind":"field","name":"color","type":{"text":"string"},"description":"Sets color of the given text. It supports any valid CSS color value (e.g. hex, rgb, rgba, hsl, hsla, color names).\n\nIt is recommended to use Design Tokens for colors defined in the FHI Design System.\nSee: https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs\n\nExample:\n```html\n <fhi-title color=\"var(--fhi-color-primary-text-default)\">\n   This text will be in the primary text color.\n </fhi-title>\n```","attribute":"color"},{"kind":"field","name":"level","type":{"text":"1 | 2 | 3 | 4 | 5 | 6"},"description":"Sets the heading level for the text, corresponding to HTML heading elements `<h1>` to `<h6>`.","attribute":"level"},{"kind":"field","name":"size","type":{"text":"'large' | 'medium' | 'small'"},"default":"'medium'","description":"Sets the size of the text styles.","reflects":true,"attribute":"size"}],"attributes":[{"name":"color","type":{"text":"string"},"description":"Sets color of the given text. It supports any valid CSS color value (e.g. hex, rgb, rgba, hsl, hsla, color names).\n\nIt is recommended to use Design Tokens for colors defined in the FHI Design System.\nSee: https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs\n\nExample:\n```html\n <fhi-title color=\"var(--fhi-color-primary-text-default)\">\n   This text will be in the primary text color.\n </fhi-title>\n```","fieldName":"color"},{"name":"level","type":{"text":"1 | 2 | 3 | 4 | 5 | 6"},"description":"Sets the heading level for the text, corresponding to HTML heading elements `<h1>` to `<h6>`.","fieldName":"level"},{"name":"size","type":{"text":"'large' | 'medium' | 'small'"},"default":"'medium'","description":"Sets the size of the text styles.","fieldName":"size"}],"superclass":{"name":"LitElement","package":"lit"},"tagName":"fhi-title","customElement":true},{"kind":"variable","name":"FhiTitleSelector","type":{"text":"string"},"default":"'fhi-title'"}]}

package/index.js

@@ -117,7 +117,9 @@ import { FhiIconUser as hr, FhiIconUserSelector as gr } from "./fhi-icon-user.js
 import { FhiDataTable as _r, FhiDataTableSelector as vr } from "./fhi-data-table.js";
 import { FhiDataTableCell as yr, FhiDataTableCellSelector as br } from "./fhi-data-table-cell.js";
 import { FhiDataTableRow as xr, FhiDataTableRowSelector as Sr } from "./fhi-data-table-row.js";
-import { FhiDisplay as Cr, FhiDisplaySelector as wr } from "./fhi-display.js";
-import { FhiLabel as Tr, FhiLabelSelector as Er } from "./fhi-label.js";
-import { FhiTitle as Dr, FhiTitleSelector as Or } from "./fhi-title.js";
-export { b as FhiBody, x as FhiBodySelector, e as FhiButton, t as FhiButtonSelector, n as FhiCheckbox, r as FhiCheckboxSelector, _r as FhiDataTable, yr as FhiDataTableCell, br as FhiDataTableCellSelector, xr as FhiDataTableRow, Sr as FhiDataTableRowSelector, vr as FhiDataTableSelector, s as FhiDateInput, o as FhiDateInputSelector, Cr as FhiDisplay, wr as FhiDisplaySelector, c as FhiFlex, l as FhiFlexSelector, u as FhiGrid, d as FhiGridSelector, m as FhiHeadline, h as FhiHeadlineSelector, M as FhiIconArrowDown, O as FhiIconArrowDownLeft, k as FhiIconArrowDownLeftSelector, A as FhiIconArrowDownRight, j as FhiIconArrowDownRightSelector, N as FhiIconArrowDownSelector, P as FhiIconArrowLeft, F as FhiIconArrowLeftSelector, R as FhiIconArrowRight, I as FhiIconArrowRightLeft, L as FhiIconArrowRightLeftSelector, z as FhiIconArrowRightSelector, K as FhiIconArrowUp, B as FhiIconArrowUpDown, V as FhiIconArrowUpDownSelector, H as FhiIconArrowUpLeft, U as FhiIconArrowUpLeftSelector, W as FhiIconArrowUpRight, G as FhiIconArrowUpRightSelector, q as FhiIconArrowUpSelector, J as FhiIconBell, Y as FhiIconBellSelector, i as FhiIconCalendar, X as FhiIconCalendarClock, Z as FhiIconCalendarClockSelector, a as FhiIconCalendarSelector, ee as FhiIconChartBar, te as FhiIconChartBarSelector, Q as FhiIconChartBarStacked, $ as FhiIconChartBarStackedSelector, ie as FhiIconChartColumn, ae as FhiIconChartColumnSelector, ne as FhiIconChartColumnStacked, re as FhiIconChartColumnStackedSelector, oe as FhiIconChartLine, se as FhiIconChartLineSelector, ce as FhiIconChartNoAxesCombined, le as FhiIconChartNoAxesCombinedSelector, ue as FhiIconChartPie, de as FhiIconChartPieSelector, fe as FhiIconCheck, pe as FhiIconCheckSelector, me as FhiIconChevronDown, he as FhiIconChevronDownSelector, ge as FhiIconChevronLeft, _e as FhiIconChevronLeftSelector, ve as FhiIconChevronRight, ye as FhiIconChevronRightSelector, be as FhiIconChevronUp, xe as FhiIconChevronUpSelector, Se as FhiIconChevronsDown, Ce as FhiIconChevronsDownSelector, we as FhiIconChevronsLeft, Te as FhiIconChevronsLeftSelector, Ee as FhiIconChevronsRight, De as FhiIconChevronsRightSelector, Oe as FhiIconChevronsUp, ke as FhiIconChevronsUpSelector, ct as FhiIconCircle, Ae as FhiIconCircleArrowDown, je as FhiIconCircleArrowDownSelector, Me as FhiIconCircleArrowLeft, Ne as FhiIconCircleArrowLeftSelector, Pe as FhiIconCircleArrowRight, Fe as FhiIconCircleArrowRightSelector, Ie as FhiIconCircleArrowUp, Le as FhiIconCircleArrowUpSelector, Be as FhiIconCircleCheck, Re as FhiIconCircleCheckBig, ze as FhiIconCircleCheckBigSelector, Ve as FhiIconCircleCheckSelector, He as FhiIconCircleChevronDown, Ue as FhiIconCircleChevronDownSelector, We as FhiIconCircleChevronLeft, Ge as FhiIconCircleChevronLeftSelector, Ke as FhiIconCircleChevronRight, qe as FhiIconCircleChevronRightSelector, Je as FhiIconCircleChevronUp, Ye as FhiIconCircleChevronUpSelector, Xe as FhiIconCircleExclamation, Ze as FhiIconCircleExclamationSelector, Qe as FhiIconCircleInfo, $e as FhiIconCircleInfoSelector, et as FhiIconCircleMinus, tt as FhiIconCircleMinusSelector, nt as FhiIconCirclePlus, rt as FhiIconCirclePlusSelector, it as FhiIconCircleQuestion, at as FhiIconCircleQuestionSelector, lt as FhiIconCircleSelector, ot as FhiIconCircleX, st as FhiIconCircleXSelector, ut as FhiIconClock, dt as FhiIconClockSelector, ft as FhiIconCopy, pt as FhiIconCopySelector, mt as FhiIconDownload, ht as FhiIconDownloadSelector, vt as FhiIconEllipsis, yt as FhiIconEllipsisSelector, gt as FhiIconEllipsisVertical, _t as FhiIconEllipsisVerticalSelector, bt as FhiIconExclamation, xt as FhiIconExclamationSelector, St as FhiIconExpand, Ct as FhiIconExpandSelector, wt as FhiIconExternalLink, Tt as FhiIconExternalLinkSelector, Ot as FhiIconEye, Et as FhiIconEyeOff, Dt as FhiIconEyeOffSelector, kt as FhiIconEyeSelector, Mt as FhiIconFile, Nt as FhiIconFileSelector, At as FhiIconFileText, jt as FhiIconFileTextSelector, Pt as FhiIconFilter, Ft as FhiIconFilterSelector, It as FhiIconFolder, Lt as FhiIconFolderSelector, Rt as FhiIconGear, zt as FhiIconGearSelector, Bt as FhiIconGrid9Dots, Vt as FhiIconGrid9DotsSelector, Ht as FhiIconGripHorizontal, Ut as FhiIconGripHorizontalSelector, Wt as FhiIconGripVertical, Gt as FhiIconGripVerticalSelector, Kt as FhiIconHistory, qt as FhiIconHistorySelector, Jt as FhiIconInfo, Yt as FhiIconInfoSelector, en as FhiIconLink, Qt as FhiIconLink2, Xt as FhiIconLink2Off, Zt as FhiIconLink2OffSelector, $t as FhiIconLink2Selector, tn as FhiIconLinkSelector, an as FhiIconLock, nn as FhiIconLockOpen, rn as FhiIconLockOpenSelector, on as FhiIconLockSelector, sn as FhiIconLogIn, cn as FhiIconLogInSelector, ln as FhiIconLogOut, un as FhiIconLogOutSelector, dn as FhiIconMail, fn as FhiIconMailSelector, pn as FhiIconMapPin, mn as FhiIconMapPinSelector, hn as FhiIconMenu, gn as FhiIconMenuSelector, _n as FhiIconMessage, vn as FhiIconMessageSelector, yn as FhiIconMinus, bn as FhiIconMinusSelector, xn as FhiIconOctagonAlert, Sn as FhiIconOctagonAlertSelector, Cn as FhiIconPaperclip, wn as FhiIconPaperclipSelector, Tn as FhiIconPencil, En as FhiIconPencilSelector, Dn as FhiIconPhone, On as FhiIconPhoneSelector, jn as FhiIconPin, kn as FhiIconPinOff, An as FhiIconPinOffSelector, Mn as FhiIconPinSelector, Nn as FhiIconPlus, Pn as FhiIconPlusSelector, Fn as FhiIconPrinter, In as FhiIconPrinterSelector, Ln as FhiIconQuestion, Rn as FhiIconQuestionSelector, zn as FhiIconRefresh, Bn as FhiIconRefreshSelector, Vn as FhiIconRotateLeft, Hn as FhiIconRotateLeftSelector, Un as FhiIconRotateRight, Wn as FhiIconRotateRightSelector, Gn as FhiIconSearch, Kn as FhiIconSearchSelector, qn as FhiIconSend, Jn as FhiIconSendSelector, Yn as FhiIconShare, Xn as FhiIconShareSelector, Zn as FhiIconSheet, Qn as FhiIconSheetSelector, sr as FhiIconSquare, tr as FhiIconSquareCheck, $n as FhiIconSquareCheckBig, er as FhiIconSquareCheckBigSelector, nr as FhiIconSquareCheckSelector, rr as FhiIconSquarePen, ir as FhiIconSquarePenSelector, cr as FhiIconSquareSelector, ar as FhiIconSquareX, or as FhiIconSquareXSelector, lr as FhiIconTrash, ur as FhiIconTrashSelector, dr as FhiIconTriangleAlert, fr as FhiIconTriangleAlertSelector, pr as FhiIconUpload, mr as FhiIconUploadSelector, hr as FhiIconUser, gr as FhiIconUserSelector, f as FhiIconX, p as FhiIconXSelector, Tr as FhiLabel, Er as FhiLabelSelector, g as FhiModalDialog, _ as FhiModalDialogSelector, v as FhiRadio, y as FhiRadioSelector, S as FhiTag, C as FhiTagSelector, w as FhiTextInput, T as FhiTextInputSelector, Dr as FhiTitle, Or as FhiTitleSelector, D as FhiTooltip, E as FhiTooltipSelector };
+import { FhiLabel as Cr, FhiLabelSelector as wr } from "./fhi-label.js";
+import { FhiSelect as Tr, FhiSelectSelector as Er } from "./fhi-select.js";
+import { FhiSelectItem as Dr, FhiSelectItemSelector as Or } from "./fhi-select-item.js";
+import { FhiDisplay as kr, FhiDisplaySelector as Ar } from "./fhi-display.js";
+import { FhiTitle as jr, FhiTitleSelector as Mr } from "./fhi-title.js";
+export { b as FhiBody, x as FhiBodySelector, e as FhiButton, t as FhiButtonSelector, n as FhiCheckbox, r as FhiCheckboxSelector, _r as FhiDataTable, yr as FhiDataTableCell, br as FhiDataTableCellSelector, xr as FhiDataTableRow, Sr as FhiDataTableRowSelector, vr as FhiDataTableSelector, s as FhiDateInput, o as FhiDateInputSelector, kr as FhiDisplay, Ar as FhiDisplaySelector, c as FhiFlex, l as FhiFlexSelector, u as FhiGrid, d as FhiGridSelector, m as FhiHeadline, h as FhiHeadlineSelector, M as FhiIconArrowDown, O as FhiIconArrowDownLeft, k as FhiIconArrowDownLeftSelector, A as FhiIconArrowDownRight, j as FhiIconArrowDownRightSelector, N as FhiIconArrowDownSelector, P as FhiIconArrowLeft, F as FhiIconArrowLeftSelector, R as FhiIconArrowRight, I as FhiIconArrowRightLeft, L as FhiIconArrowRightLeftSelector, z as FhiIconArrowRightSelector, K as FhiIconArrowUp, B as FhiIconArrowUpDown, V as FhiIconArrowUpDownSelector, H as FhiIconArrowUpLeft, U as FhiIconArrowUpLeftSelector, W as FhiIconArrowUpRight, G as FhiIconArrowUpRightSelector, q as FhiIconArrowUpSelector, J as FhiIconBell, Y as FhiIconBellSelector, i as FhiIconCalendar, X as FhiIconCalendarClock, Z as FhiIconCalendarClockSelector, a as FhiIconCalendarSelector, ee as FhiIconChartBar, te as FhiIconChartBarSelector, Q as FhiIconChartBarStacked, $ as FhiIconChartBarStackedSelector, ie as FhiIconChartColumn, ae as FhiIconChartColumnSelector, ne as FhiIconChartColumnStacked, re as FhiIconChartColumnStackedSelector, oe as FhiIconChartLine, se as FhiIconChartLineSelector, ce as FhiIconChartNoAxesCombined, le as FhiIconChartNoAxesCombinedSelector, ue as FhiIconChartPie, de as FhiIconChartPieSelector, fe as FhiIconCheck, pe as FhiIconCheckSelector, me as FhiIconChevronDown, he as FhiIconChevronDownSelector, ge as FhiIconChevronLeft, _e as FhiIconChevronLeftSelector, ve as FhiIconChevronRight, ye as FhiIconChevronRightSelector, be as FhiIconChevronUp, xe as FhiIconChevronUpSelector, Se as FhiIconChevronsDown, Ce as FhiIconChevronsDownSelector, we as FhiIconChevronsLeft, Te as FhiIconChevronsLeftSelector, Ee as FhiIconChevronsRight, De as FhiIconChevronsRightSelector, Oe as FhiIconChevronsUp, ke as FhiIconChevronsUpSelector, ct as FhiIconCircle, Ae as FhiIconCircleArrowDown, je as FhiIconCircleArrowDownSelector, Me as FhiIconCircleArrowLeft, Ne as FhiIconCircleArrowLeftSelector, Pe as FhiIconCircleArrowRight, Fe as FhiIconCircleArrowRightSelector, Ie as FhiIconCircleArrowUp, Le as FhiIconCircleArrowUpSelector, Be as FhiIconCircleCheck, Re as FhiIconCircleCheckBig, ze as FhiIconCircleCheckBigSelector, Ve as FhiIconCircleCheckSelector, He as FhiIconCircleChevronDown, Ue as FhiIconCircleChevronDownSelector, We as FhiIconCircleChevronLeft, Ge as FhiIconCircleChevronLeftSelector, Ke as FhiIconCircleChevronRight, qe as FhiIconCircleChevronRightSelector, Je as FhiIconCircleChevronUp, Ye as FhiIconCircleChevronUpSelector, Xe as FhiIconCircleExclamation, Ze as FhiIconCircleExclamationSelector, Qe as FhiIconCircleInfo, $e as FhiIconCircleInfoSelector, et as FhiIconCircleMinus, tt as FhiIconCircleMinusSelector, nt as FhiIconCirclePlus, rt as FhiIconCirclePlusSelector, it as FhiIconCircleQuestion, at as FhiIconCircleQuestionSelector, lt as FhiIconCircleSelector, ot as FhiIconCircleX, st as FhiIconCircleXSelector, ut as FhiIconClock, dt as FhiIconClockSelector, ft as FhiIconCopy, pt as FhiIconCopySelector, mt as FhiIconDownload, ht as FhiIconDownloadSelector, vt as FhiIconEllipsis, yt as FhiIconEllipsisSelector, gt as FhiIconEllipsisVertical, _t as FhiIconEllipsisVerticalSelector, bt as FhiIconExclamation, xt as FhiIconExclamationSelector, St as FhiIconExpand, Ct as FhiIconExpandSelector, wt as FhiIconExternalLink, Tt as FhiIconExternalLinkSelector, Ot as FhiIconEye, Et as FhiIconEyeOff, Dt as FhiIconEyeOffSelector, kt as FhiIconEyeSelector, Mt as FhiIconFile, Nt as FhiIconFileSelector, At as FhiIconFileText, jt as FhiIconFileTextSelector, Pt as FhiIconFilter, Ft as FhiIconFilterSelector, It as FhiIconFolder, Lt as FhiIconFolderSelector, Rt as FhiIconGear, zt as FhiIconGearSelector, Bt as FhiIconGrid9Dots, Vt as FhiIconGrid9DotsSelector, Ht as FhiIconGripHorizontal, Ut as FhiIconGripHorizontalSelector, Wt as FhiIconGripVertical, Gt as FhiIconGripVerticalSelector, Kt as FhiIconHistory, qt as FhiIconHistorySelector, Jt as FhiIconInfo, Yt as FhiIconInfoSelector, en as FhiIconLink, Qt as FhiIconLink2, Xt as FhiIconLink2Off, Zt as FhiIconLink2OffSelector, $t as FhiIconLink2Selector, tn as FhiIconLinkSelector, an as FhiIconLock, nn as FhiIconLockOpen, rn as FhiIconLockOpenSelector, on as FhiIconLockSelector, sn as FhiIconLogIn, cn as FhiIconLogInSelector, ln as FhiIconLogOut, un as FhiIconLogOutSelector, dn as FhiIconMail, fn as FhiIconMailSelector, pn as FhiIconMapPin, mn as FhiIconMapPinSelector, hn as FhiIconMenu, gn as FhiIconMenuSelector, _n as FhiIconMessage, vn as FhiIconMessageSelector, yn as FhiIconMinus, bn as FhiIconMinusSelector, xn as FhiIconOctagonAlert, Sn as FhiIconOctagonAlertSelector, Cn as FhiIconPaperclip, wn as FhiIconPaperclipSelector, Tn as FhiIconPencil, En as FhiIconPencilSelector, Dn as FhiIconPhone, On as FhiIconPhoneSelector, jn as FhiIconPin, kn as FhiIconPinOff, An as FhiIconPinOffSelector, Mn as FhiIconPinSelector, Nn as FhiIconPlus, Pn as FhiIconPlusSelector, Fn as FhiIconPrinter, In as FhiIconPrinterSelector, Ln as FhiIconQuestion, Rn as FhiIconQuestionSelector, zn as FhiIconRefresh, Bn as FhiIconRefreshSelector, Vn as FhiIconRotateLeft, Hn as FhiIconRotateLeftSelector, Un as FhiIconRotateRight, Wn as FhiIconRotateRightSelector, Gn as FhiIconSearch, Kn as FhiIconSearchSelector, qn as FhiIconSend, Jn as FhiIconSendSelector, Yn as FhiIconShare, Xn as FhiIconShareSelector, Zn as FhiIconSheet, Qn as FhiIconSheetSelector, sr as FhiIconSquare, tr as FhiIconSquareCheck, $n as FhiIconSquareCheckBig, er as FhiIconSquareCheckBigSelector, nr as FhiIconSquareCheckSelector, rr as FhiIconSquarePen, ir as FhiIconSquarePenSelector, cr as FhiIconSquareSelector, ar as FhiIconSquareX, or as FhiIconSquareXSelector, lr as FhiIconTrash, ur as FhiIconTrashSelector, dr as FhiIconTriangleAlert, fr as FhiIconTriangleAlertSelector, pr as FhiIconUpload, mr as FhiIconUploadSelector, hr as FhiIconUser, gr as FhiIconUserSelector, f as FhiIconX, p as FhiIconXSelector, Cr as FhiLabel, wr as FhiLabelSelector, g as FhiModalDialog, _ as FhiModalDialogSelector, v as FhiRadio, y as FhiRadioSelector, Tr as FhiSelect, Dr as FhiSelectItem, Or as FhiSelectItemSelector, Er as FhiSelectSelector, S as FhiTag, C as FhiTagSelector, w as FhiTextInput, T as FhiTextInputSelector, jr as FhiTitle, Mr as FhiTitleSelector, D as FhiTooltip, E as FhiTooltipSelector };

package/package.json

@@ -1 +1 @@
-{"title":"FHI Designsystem","author":"FHI Designsystem team","name":"@folkehelseinstituttet/designsystem","version":"0.40.6","description":"The official design system for the Norwegian Institute of Public Health implemented as web components","keywords":["fhi","folkehelseinstituttet","components","design","system","framework","frontend","web-component","web component","ui"],"customElements":".temp/custom-elements.json","web-types":"./web-types.json","homepage":"https://github.com/FHIDev/Fhi.Designsystem","bugs":{"url":"https://github.com/FHIDev/Fhi.Designsystem/issues"},"repository":{"type":"git","url":"git+https://github.com/FHIDev/Fhi.Designsystem.git"},"license":"MIT","browserslist":["> 0.5%","last 2 versions"],"main":"index.js","type":"module","scripts":{"dev":"vite","build":"pnpm analyze && pnpm build:cdn && pnpm build:npm && pnpm build:github && pnpm clean","build:cdn":"tsc && cross-env DEPLOY_TARGET=cdn vite build","build:npm":"tsc && cross-env DEPLOY_TARGET=npm vite build","build:github":"tsc && cross-env DEPLOY_TARGET=github vite build","storybook":"storybook dev -p 6006","storybook:build":"pnpm analyze && 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}\"","lint:prettier":"prettier \"**/*.js\" --check --ignore-path .gitignore","format":"pnpm format:eslint && pnpm format:prettier","format:eslint":"eslint \"**/*.{js,ts}\" --fix","format:prettier":"prettier \"**/*.js\" --write --ignore-path .gitignore","publish:npm":"pnpm build && cd dist/npm && npm publish","changelog:ci":"release-it --ci","analyze":"cem analyze --litelement","clean":"rimraf .temp","build-storybook":"storybook build"},"peerDependencies":{"lit":"~3.2.0"},"devDependencies":{"@custom-elements-manifest/analyzer":"^0.11.0","@esm-bundle/chai":"4.3.4-fix.0","@open-wc/testing":"~4.0.0","@playwright/test":"^1.61.0","@release-it/conventional-changelog":"~11.0.1","@storybook/addon-docs":"^10.4.6","@storybook/web-components-vite":"^10.4.6","@types/mocha":"~10.0.10","@types/node":"~26.0.0","@types/react":"^19.2.17","@wc-toolkit/cem-sorter":"^1.0.1","@wc-toolkit/type-parser":"^1.2.1","@web/dev-server":"~0.4.6","@web/dev-server-esbuild":"~1.0.5","@web/test-runner":"~0.20.2","@web/test-runner-playwright":"~0.11.1","cross-env":"10.1.0","custom-element-jet-brains-integration":"^1.7.0","lit":"~3.3.3","mocha":"~11.7.6","playwright":"^1.61.0","release-it":"~20.2.0","rimraf":"^6.1.3","storybook":"^10.4.6","storybook-design-token":"^5.0.0","svgo":"^4.0.1","vite":"~8.0.16","vite-plugin-static-copy":"~4.1.1"},"dependencies":{"@floating-ui/dom":"^1.7.6"},"pnpm":{"overrides":{"diff@>=6.0.0 <8.0.3":">=8.0.3","serialize-javascript@<=7.0.2":">=7.0.3","yaml@>=2.0.0 <2.8.3":">=2.8.3","serialize-javascript@>=5.0.0 <7.0.5":">=7.0.5","esbuild@>=0.27.3 <0.28.1":">=0.28.1","undici@>=7.23.0 <7.28.0":">=7.28.0","undici@>=7.0.0 <7.28.0":">=7.28.0"}},"exports":{"./fhi-button":{"default":"./fhi-button.js","types":"./fhi-button.d.ts"},"./fhi-checkbox":{"default":"./fhi-checkbox.js","types":"./fhi-checkbox.d.ts"},"./fhi-date-input":{"default":"./fhi-date-input.js","types":"./fhi-date-input.d.ts"},"./fhi-flex":{"default":"./fhi-flex.js","types":"./fhi-flex.d.ts"},"./fhi-grid":{"default":"./fhi-grid.js","types":"./fhi-grid.d.ts"},"./fhi-modal-dialog":{"default":"./fhi-modal-dialog.js","types":"./fhi-modal-dialog.d.ts"},"./fhi-radio":{"default":"./fhi-radio.js","types":"./fhi-radio.d.ts"},"./fhi-tag":{"default":"./fhi-tag.js","types":"./fhi-tag.d.ts"},"./fhi-text-input":{"default":"./fhi-text-input.js","types":"./fhi-text-input.d.ts"},"./fhi-tooltip":{"default":"./fhi-tooltip.js","types":"./fhi-tooltip.d.ts"},"./fhi-icon-arrow-down-left":{"default":"./fhi-icon-arrow-down-left.js","types":"./fhi-icon-arrow-down-left.d.ts"},"./fhi-icon-arrow-down-right":{"default":"./fhi-icon-arrow-down-right.js","types":"./fhi-icon-arrow-down-right.d.ts"},"./fhi-icon-arrow-down":{"default":"./fhi-icon-arrow-down.js","types":"./fhi-icon-arrow-down.d.ts"},"./fhi-icon-arrow-left":{"default":"./fhi-icon-arrow-left.js","types":"./fhi-icon-arrow-left.d.ts"},"./fhi-icon-arrow-right-left":{"default":"./fhi-icon-arrow-right-left.js","types":"./fhi-icon-arrow-right-left.d.ts"},"./fhi-icon-arrow-right":{"default":"./fhi-icon-arrow-right.js","types":"./fhi-icon-arrow-right.d.ts"},"./fhi-icon-arrow-up-down":{"default":"./fhi-icon-arrow-up-down.js","types":"./fhi-icon-arrow-up-down.d.ts"},"./fhi-icon-arrow-up-left":{"default":"./fhi-icon-arrow-up-left.js","types":"./fhi-icon-arrow-up-left.d.ts"},"./fhi-icon-arrow-up-right":{"default":"./fhi-icon-arrow-up-right.js","types":"./fhi-icon-arrow-up-right.d.ts"},"./fhi-icon-arrow-up":{"default":"./fhi-icon-arrow-up.js","types":"./fhi-icon-arrow-up.d.ts"},"./fhi-icon-bell":{"default":"./fhi-icon-bell.js","types":"./fhi-icon-bell.d.ts"},"./fhi-icon-calendar-clock":{"default":"./fhi-icon-calendar-clock.js","types":"./fhi-icon-calendar-clock.d.ts"},"./fhi-icon-calendar":{"default":"./fhi-icon-calendar.js","types":"./fhi-icon-calendar.d.ts"},"./fhi-icon-chart-bar-stacked":{"default":"./fhi-icon-chart-bar-stacked.js","types":"./fhi-icon-chart-bar-stacked.d.ts"},"./fhi-icon-chart-bar":{"default":"./fhi-icon-chart-bar.js","types":"./fhi-icon-chart-bar.d.ts"},"./fhi-icon-chart-column-stacked":{"default":"./fhi-icon-chart-column-stacked.js","types":"./fhi-icon-chart-column-stacked.d.ts"},"./fhi-icon-chart-column":{"default":"./fhi-icon-chart-column.js","types":"./fhi-icon-chart-column.d.ts"},"./fhi-icon-chart-line":{"default":"./fhi-icon-chart-line.js","types":"./fhi-icon-chart-line.d.ts"},"./fhi-icon-chart-no-axes-combined":{"default":"./fhi-icon-chart-no-axes-combined.js","types":"./fhi-icon-chart-no-axes-combined.d.ts"},"./fhi-icon-chart-pie":{"default":"./fhi-icon-chart-pie.js","types":"./fhi-icon-chart-pie.d.ts"},"./fhi-icon-check":{"default":"./fhi-icon-check.js","types":"./fhi-icon-check.d.ts"},"./fhi-icon-chevron-down":{"default":"./fhi-icon-chevron-down.js","types":"./fhi-icon-chevron-down.d.ts"},"./fhi-icon-chevron-left":{"default":"./fhi-icon-chevron-left.js","types":"./fhi-icon-chevron-left.d.ts"},"./fhi-icon-chevron-right":{"default":"./fhi-icon-chevron-right.js","types":"./fhi-icon-chevron-right.d.ts"},"./fhi-icon-chevron-up":{"default":"./fhi-icon-chevron-up.js","types":"./fhi-icon-chevron-up.d.ts"},"./fhi-icon-chevrons-down":{"default":"./fhi-icon-chevrons-down.js","types":"./fhi-icon-chevrons-down.d.ts"},"./fhi-icon-chevrons-left":{"default":"./fhi-icon-chevrons-left.js","types":"./fhi-icon-chevrons-left.d.ts"},"./fhi-icon-chevrons-right":{"default":"./fhi-icon-chevrons-right.js","types":"./fhi-icon-chevrons-right.d.ts"},"./fhi-icon-chevrons-up":{"default":"./fhi-icon-chevrons-up.js","types":"./fhi-icon-chevrons-up.d.ts"},"./fhi-icon-circle-arrow-down":{"default":"./fhi-icon-circle-arrow-down.js","types":"./fhi-icon-circle-arrow-down.d.ts"},"./fhi-icon-circle-arrow-left":{"default":"./fhi-icon-circle-arrow-left.js","types":"./fhi-icon-circle-arrow-left.d.ts"},"./fhi-icon-circle-arrow-right":{"default":"./fhi-icon-circle-arrow-right.js","types":"./fhi-icon-circle-arrow-right.d.ts"},"./fhi-icon-circle-arrow-up":{"default":"./fhi-icon-circle-arrow-up.js","types":"./fhi-icon-circle-arrow-up.d.ts"},"./fhi-icon-circle-check-big":{"default":"./fhi-icon-circle-check-big.js","types":"./fhi-icon-circle-check-big.d.ts"},"./fhi-icon-circle-check":{"default":"./fhi-icon-circle-check.js","types":"./fhi-icon-circle-check.d.ts"},"./fhi-icon-circle-chevron-down":{"default":"./fhi-icon-circle-chevron-down.js","types":"./fhi-icon-circle-chevron-down.d.ts"},"./fhi-icon-circle-chevron-left":{"default":"./fhi-icon-circle-chevron-left.js","types":"./fhi-icon-circle-chevron-left.d.ts"},"./fhi-icon-circle-chevron-right":{"default":"./fhi-icon-circle-chevron-right.js","types":"./fhi-icon-circle-chevron-right.d.ts"},"./fhi-icon-circle-chevron-up":{"default":"./fhi-icon-circle-chevron-up.js","types":"./fhi-icon-circle-chevron-up.d.ts"},"./fhi-icon-circle-exclamation":{"default":"./fhi-icon-circle-exclamation.js","types":"./fhi-icon-circle-exclamation.d.ts"},"./fhi-icon-circle-info":{"default":"./fhi-icon-circle-info.js","types":"./fhi-icon-circle-info.d.ts"},"./fhi-icon-circle-minus":{"default":"./fhi-icon-circle-minus.js","types":"./fhi-icon-circle-minus.d.ts"},"./fhi-icon-circle-plus":{"default":"./fhi-icon-circle-plus.js","types":"./fhi-icon-circle-plus.d.ts"},"./fhi-icon-circle-question":{"default":"./fhi-icon-circle-question.js","types":"./fhi-icon-circle-question.d.ts"},"./fhi-icon-circle-x":{"default":"./fhi-icon-circle-x.js","types":"./fhi-icon-circle-x.d.ts"},"./fhi-icon-circle":{"default":"./fhi-icon-circle.js","types":"./fhi-icon-circle.d.ts"},"./fhi-icon-clock":{"default":"./fhi-icon-clock.js","types":"./fhi-icon-clock.d.ts"},"./fhi-icon-copy":{"default":"./fhi-icon-copy.js","types":"./fhi-icon-copy.d.ts"},"./fhi-icon-download":{"default":"./fhi-icon-download.js","types":"./fhi-icon-download.d.ts"},"./fhi-icon-ellipsis-vertical":{"default":"./fhi-icon-ellipsis-vertical.js","types":"./fhi-icon-ellipsis-vertical.d.ts"},"./fhi-icon-ellipsis":{"default":"./fhi-icon-ellipsis.js","types":"./fhi-icon-ellipsis.d.ts"},"./fhi-icon-exclamation":{"default":"./fhi-icon-exclamation.js","types":"./fhi-icon-exclamation.d.ts"},"./fhi-icon-expand":{"default":"./fhi-icon-expand.js","types":"./fhi-icon-expand.d.ts"},"./fhi-icon-external-link":{"default":"./fhi-icon-external-link.js","types":"./fhi-icon-external-link.d.ts"},"./fhi-icon-eye-off":{"default":"./fhi-icon-eye-off.js","types":"./fhi-icon-eye-off.d.ts"},"./fhi-icon-eye":{"default":"./fhi-icon-eye.js","types":"./fhi-icon-eye.d.ts"},"./fhi-icon-file-text":{"default":"./fhi-icon-file-text.js","types":"./fhi-icon-file-text.d.ts"},"./fhi-icon-file":{"default":"./fhi-icon-file.js","types":"./fhi-icon-file.d.ts"},"./fhi-icon-filter":{"default":"./fhi-icon-filter.js","types":"./fhi-icon-filter.d.ts"},"./fhi-icon-folder":{"default":"./fhi-icon-folder.js","types":"./fhi-icon-folder.d.ts"},"./fhi-icon-gear":{"default":"./fhi-icon-gear.js","types":"./fhi-icon-gear.d.ts"},"./fhi-icon-grid-9-dots":{"default":"./fhi-icon-grid-9-dots.js","types":"./fhi-icon-grid-9-dots.d.ts"},"./fhi-icon-grip-horizontal":{"default":"./fhi-icon-grip-horizontal.js","types":"./fhi-icon-grip-horizontal.d.ts"},"./fhi-icon-grip-vertical":{"default":"./fhi-icon-grip-vertical.js","types":"./fhi-icon-grip-vertical.d.ts"},"./fhi-icon-history":{"default":"./fhi-icon-history.js","types":"./fhi-icon-history.d.ts"},"./fhi-icon-info":{"default":"./fhi-icon-info.js","types":"./fhi-icon-info.d.ts"},"./fhi-icon-link-2-off":{"default":"./fhi-icon-link-2-off.js","types":"./fhi-icon-link-2-off.d.ts"},"./fhi-icon-link-2":{"default":"./fhi-icon-link-2.js","types":"./fhi-icon-link-2.d.ts"},"./fhi-icon-link":{"default":"./fhi-icon-link.js","types":"./fhi-icon-link.d.ts"},"./fhi-icon-lock-open":{"default":"./fhi-icon-lock-open.js","types":"./fhi-icon-lock-open.d.ts"},"./fhi-icon-lock":{"default":"./fhi-icon-lock.js","types":"./fhi-icon-lock.d.ts"},"./fhi-icon-log-in":{"default":"./fhi-icon-log-in.js","types":"./fhi-icon-log-in.d.ts"},"./fhi-icon-log-out":{"default":"./fhi-icon-log-out.js","types":"./fhi-icon-log-out.d.ts"},"./fhi-icon-mail":{"default":"./fhi-icon-mail.js","types":"./fhi-icon-mail.d.ts"},"./fhi-icon-map-pin":{"default":"./fhi-icon-map-pin.js","types":"./fhi-icon-map-pin.d.ts"},"./fhi-icon-menu":{"default":"./fhi-icon-menu.js","types":"./fhi-icon-menu.d.ts"},"./fhi-icon-message":{"default":"./fhi-icon-message.js","types":"./fhi-icon-message.d.ts"},"./fhi-icon-minus":{"default":"./fhi-icon-minus.js","types":"./fhi-icon-minus.d.ts"},"./fhi-icon-octagon-alert":{"default":"./fhi-icon-octagon-alert.js","types":"./fhi-icon-octagon-alert.d.ts"},"./fhi-icon-paperclip":{"default":"./fhi-icon-paperclip.js","types":"./fhi-icon-paperclip.d.ts"},"./fhi-icon-pencil":{"default":"./fhi-icon-pencil.js","types":"./fhi-icon-pencil.d.ts"},"./fhi-icon-phone":{"default":"./fhi-icon-phone.js","types":"./fhi-icon-phone.d.ts"},"./fhi-icon-pin-off":{"default":"./fhi-icon-pin-off.js","types":"./fhi-icon-pin-off.d.ts"},"./fhi-icon-pin":{"default":"./fhi-icon-pin.js","types":"./fhi-icon-pin.d.ts"},"./fhi-icon-plus":{"default":"./fhi-icon-plus.js","types":"./fhi-icon-plus.d.ts"},"./fhi-icon-printer":{"default":"./fhi-icon-printer.js","types":"./fhi-icon-printer.d.ts"},"./fhi-icon-question":{"default":"./fhi-icon-question.js","types":"./fhi-icon-question.d.ts"},"./fhi-icon-refresh":{"default":"./fhi-icon-refresh.js","types":"./fhi-icon-refresh.d.ts"},"./fhi-icon-rotate-left":{"default":"./fhi-icon-rotate-left.js","types":"./fhi-icon-rotate-left.d.ts"},"./fhi-icon-rotate-right":{"default":"./fhi-icon-rotate-right.js","types":"./fhi-icon-rotate-right.d.ts"},"./fhi-icon-search":{"default":"./fhi-icon-search.js","types":"./fhi-icon-search.d.ts"},"./fhi-icon-send":{"default":"./fhi-icon-send.js","types":"./fhi-icon-send.d.ts"},"./fhi-icon-share":{"default":"./fhi-icon-share.js","types":"./fhi-icon-share.d.ts"},"./fhi-icon-sheet":{"default":"./fhi-icon-sheet.js","types":"./fhi-icon-sheet.d.ts"},"./fhi-icon-square-check-big":{"default":"./fhi-icon-square-check-big.js","types":"./fhi-icon-square-check-big.d.ts"},"./fhi-icon-square-check":{"default":"./fhi-icon-square-check.js","types":"./fhi-icon-square-check.d.ts"},"./fhi-icon-square-pen":{"default":"./fhi-icon-square-pen.js","types":"./fhi-icon-square-pen.d.ts"},"./fhi-icon-square-x":{"default":"./fhi-icon-square-x.js","types":"./fhi-icon-square-x.d.ts"},"./fhi-icon-square":{"default":"./fhi-icon-square.js","types":"./fhi-icon-square.d.ts"},"./fhi-icon-trash":{"default":"./fhi-icon-trash.js","types":"./fhi-icon-trash.d.ts"},"./fhi-icon-triangle-alert":{"default":"./fhi-icon-triangle-alert.js","types":"./fhi-icon-triangle-alert.d.ts"},"./fhi-icon-upload":{"default":"./fhi-icon-upload.js","types":"./fhi-icon-upload.d.ts"},"./fhi-icon-user":{"default":"./fhi-icon-user.js","types":"./fhi-icon-user.d.ts"},"./fhi-icon-x":{"default":"./fhi-icon-x.js","types":"./fhi-icon-x.d.ts"},"./fhi-data-table":{"default":"./fhi-data-table.js","types":"./fhi-data-table.d.ts"},"./fhi-data-table-cell":{"default":"./fhi-data-table-cell.js","types":"./fhi-data-table-cell.d.ts"},"./fhi-data-table-row":{"default":"./fhi-data-table-row.js","types":"./fhi-data-table-row.d.ts"},"./fhi-body":{"default":"./fhi-body.js","types":"./fhi-body.d.ts"},"./fhi-display":{"default":"./fhi-display.js","types":"./fhi-display.d.ts"},"./fhi-headline":{"default":"./fhi-headline.js","types":"./fhi-headline.d.ts"},"./fhi-label":{"default":"./fhi-label.js","types":"./fhi-label.d.ts"},"./fhi-title":{"default":"./fhi-title.js","types":"./fhi-title.d.ts"},".":{"default":"./index.js"},"./theme/default.css":{"default":"./theme/default.css","style":"./theme/default.css"},"./custom-elements.json":{"default":"./custom-elements.json"}}}
+{"title":"FHI Designsystem","author":"FHI Designsystem team","name":"@folkehelseinstituttet/designsystem","version":"0.41.0","description":"The official design system for the Norwegian Institute of Public Health implemented as web components","keywords":["fhi","folkehelseinstituttet","components","design","system","framework","frontend","web-component","web component","ui"],"customElements":".temp/custom-elements.json","web-types":"./web-types.json","homepage":"https://github.com/FHIDev/Fhi.Designsystem","bugs":{"url":"https://github.com/FHIDev/Fhi.Designsystem/issues"},"repository":{"type":"git","url":"git+https://github.com/FHIDev/Fhi.Designsystem.git"},"license":"MIT","browserslist":["> 0.5%","last 2 versions"],"main":"index.js","type":"module","scripts":{"dev":"vite","build":"pnpm analyze && pnpm build:cdn && pnpm build:npm && pnpm build:github && pnpm clean","build:cdn":"tsc && cross-env DEPLOY_TARGET=cdn vite build","build:npm":"tsc && cross-env DEPLOY_TARGET=npm vite build","build:github":"tsc && cross-env DEPLOY_TARGET=github vite build","storybook":"storybook dev -p 6006","storybook:build":"pnpm analyze && 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}\"","lint:prettier":"prettier \"**/*.js\" --check --ignore-path .gitignore","format":"pnpm format:eslint && pnpm format:prettier","format:eslint":"eslint \"**/*.{js,ts}\" --fix","format:prettier":"prettier \"**/*.js\" --write --ignore-path .gitignore","publish:npm":"pnpm build && cd dist/npm && npm publish","changelog:ci":"release-it --ci","analyze":"cem analyze --litelement","clean":"rimraf .temp","build-storybook":"storybook build"},"peerDependencies":{"lit":"~3.2.0"},"devDependencies":{"@custom-elements-manifest/analyzer":"^0.11.0","@esm-bundle/chai":"4.3.4-fix.0","@open-wc/testing":"~4.0.0","@playwright/test":"^1.61.0","@release-it/conventional-changelog":"~11.0.1","@storybook/addon-docs":"^10.4.6","@storybook/web-components-vite":"^10.4.6","@types/mocha":"~10.0.10","@types/node":"~26.0.0","@types/react":"^19.2.17","@wc-toolkit/cem-sorter":"^1.0.1","@wc-toolkit/type-parser":"^1.2.1","@web/dev-server":"~0.4.6","@web/dev-server-esbuild":"~1.0.5","@web/test-runner":"~0.20.2","@web/test-runner-playwright":"~0.11.1","cross-env":"10.1.0","custom-element-jet-brains-integration":"^1.7.0","lit":"~3.3.3","mocha":"~11.7.6","playwright":"^1.61.0","release-it":"~20.2.0","rimraf":"^6.1.3","storybook":"^10.4.6","storybook-design-token":"^5.0.0","svgo":"^4.0.1","vite":"~8.0.16","vite-plugin-static-copy":"~4.1.1"},"dependencies":{"@floating-ui/dom":"^1.7.6"},"pnpm":{"overrides":{"diff@>=6.0.0 <8.0.3":">=8.0.3","serialize-javascript@<=7.0.2":">=7.0.3","yaml@>=2.0.0 <2.8.3":">=2.8.3","serialize-javascript@>=5.0.0 <7.0.5":">=7.0.5","esbuild@>=0.27.3 <0.28.1":">=0.28.1","undici@>=7.23.0 <7.28.0":">=7.28.0","undici@>=7.0.0 <7.28.0":">=7.28.0"}},"exports":{"./fhi-button":{"default":"./fhi-button.js","types":"./fhi-button.d.ts"},"./fhi-checkbox":{"default":"./fhi-checkbox.js","types":"./fhi-checkbox.d.ts"},"./fhi-date-input":{"default":"./fhi-date-input.js","types":"./fhi-date-input.d.ts"},"./fhi-flex":{"default":"./fhi-flex.js","types":"./fhi-flex.d.ts"},"./fhi-grid":{"default":"./fhi-grid.js","types":"./fhi-grid.d.ts"},"./fhi-modal-dialog":{"default":"./fhi-modal-dialog.js","types":"./fhi-modal-dialog.d.ts"},"./fhi-radio":{"default":"./fhi-radio.js","types":"./fhi-radio.d.ts"},"./fhi-tag":{"default":"./fhi-tag.js","types":"./fhi-tag.d.ts"},"./fhi-text-input":{"default":"./fhi-text-input.js","types":"./fhi-text-input.d.ts"},"./fhi-tooltip":{"default":"./fhi-tooltip.js","types":"./fhi-tooltip.d.ts"},"./fhi-icon-arrow-down-left":{"default":"./fhi-icon-arrow-down-left.js","types":"./fhi-icon-arrow-down-left.d.ts"},"./fhi-icon-arrow-down-right":{"default":"./fhi-icon-arrow-down-right.js","types":"./fhi-icon-arrow-down-right.d.ts"},"./fhi-icon-arrow-down":{"default":"./fhi-icon-arrow-down.js","types":"./fhi-icon-arrow-down.d.ts"},"./fhi-icon-arrow-left":{"default":"./fhi-icon-arrow-left.js","types":"./fhi-icon-arrow-left.d.ts"},"./fhi-icon-arrow-right-left":{"default":"./fhi-icon-arrow-right-left.js","types":"./fhi-icon-arrow-right-left.d.ts"},"./fhi-icon-arrow-right":{"default":"./fhi-icon-arrow-right.js","types":"./fhi-icon-arrow-right.d.ts"},"./fhi-icon-arrow-up-down":{"default":"./fhi-icon-arrow-up-down.js","types":"./fhi-icon-arrow-up-down.d.ts"},"./fhi-icon-arrow-up-left":{"default":"./fhi-icon-arrow-up-left.js","types":"./fhi-icon-arrow-up-left.d.ts"},"./fhi-icon-arrow-up-right":{"default":"./fhi-icon-arrow-up-right.js","types":"./fhi-icon-arrow-up-right.d.ts"},"./fhi-icon-arrow-up":{"default":"./fhi-icon-arrow-up.js","types":"./fhi-icon-arrow-up.d.ts"},"./fhi-icon-bell":{"default":"./fhi-icon-bell.js","types":"./fhi-icon-bell.d.ts"},"./fhi-icon-calendar-clock":{"default":"./fhi-icon-calendar-clock.js","types":"./fhi-icon-calendar-clock.d.ts"},"./fhi-icon-calendar":{"default":"./fhi-icon-calendar.js","types":"./fhi-icon-calendar.d.ts"},"./fhi-icon-chart-bar-stacked":{"default":"./fhi-icon-chart-bar-stacked.js","types":"./fhi-icon-chart-bar-stacked.d.ts"},"./fhi-icon-chart-bar":{"default":"./fhi-icon-chart-bar.js","types":"./fhi-icon-chart-bar.d.ts"},"./fhi-icon-chart-column-stacked":{"default":"./fhi-icon-chart-column-stacked.js","types":"./fhi-icon-chart-column-stacked.d.ts"},"./fhi-icon-chart-column":{"default":"./fhi-icon-chart-column.js","types":"./fhi-icon-chart-column.d.ts"},"./fhi-icon-chart-line":{"default":"./fhi-icon-chart-line.js","types":"./fhi-icon-chart-line.d.ts"},"./fhi-icon-chart-no-axes-combined":{"default":"./fhi-icon-chart-no-axes-combined.js","types":"./fhi-icon-chart-no-axes-combined.d.ts"},"./fhi-icon-chart-pie":{"default":"./fhi-icon-chart-pie.js","types":"./fhi-icon-chart-pie.d.ts"},"./fhi-icon-check":{"default":"./fhi-icon-check.js","types":"./fhi-icon-check.d.ts"},"./fhi-icon-chevron-down":{"default":"./fhi-icon-chevron-down.js","types":"./fhi-icon-chevron-down.d.ts"},"./fhi-icon-chevron-left":{"default":"./fhi-icon-chevron-left.js","types":"./fhi-icon-chevron-left.d.ts"},"./fhi-icon-chevron-right":{"default":"./fhi-icon-chevron-right.js","types":"./fhi-icon-chevron-right.d.ts"},"./fhi-icon-chevron-up":{"default":"./fhi-icon-chevron-up.js","types":"./fhi-icon-chevron-up.d.ts"},"./fhi-icon-chevrons-down":{"default":"./fhi-icon-chevrons-down.js","types":"./fhi-icon-chevrons-down.d.ts"},"./fhi-icon-chevrons-left":{"default":"./fhi-icon-chevrons-left.js","types":"./fhi-icon-chevrons-left.d.ts"},"./fhi-icon-chevrons-right":{"default":"./fhi-icon-chevrons-right.js","types":"./fhi-icon-chevrons-right.d.ts"},"./fhi-icon-chevrons-up":{"default":"./fhi-icon-chevrons-up.js","types":"./fhi-icon-chevrons-up.d.ts"},"./fhi-icon-circle-arrow-down":{"default":"./fhi-icon-circle-arrow-down.js","types":"./fhi-icon-circle-arrow-down.d.ts"},"./fhi-icon-circle-arrow-left":{"default":"./fhi-icon-circle-arrow-left.js","types":"./fhi-icon-circle-arrow-left.d.ts"},"./fhi-icon-circle-arrow-right":{"default":"./fhi-icon-circle-arrow-right.js","types":"./fhi-icon-circle-arrow-right.d.ts"},"./fhi-icon-circle-arrow-up":{"default":"./fhi-icon-circle-arrow-up.js","types":"./fhi-icon-circle-arrow-up.d.ts"},"./fhi-icon-circle-check-big":{"default":"./fhi-icon-circle-check-big.js","types":"./fhi-icon-circle-check-big.d.ts"},"./fhi-icon-circle-check":{"default":"./fhi-icon-circle-check.js","types":"./fhi-icon-circle-check.d.ts"},"./fhi-icon-circle-chevron-down":{"default":"./fhi-icon-circle-chevron-down.js","types":"./fhi-icon-circle-chevron-down.d.ts"},"./fhi-icon-circle-chevron-left":{"default":"./fhi-icon-circle-chevron-left.js","types":"./fhi-icon-circle-chevron-left.d.ts"},"./fhi-icon-circle-chevron-right":{"default":"./fhi-icon-circle-chevron-right.js","types":"./fhi-icon-circle-chevron-right.d.ts"},"./fhi-icon-circle-chevron-up":{"default":"./fhi-icon-circle-chevron-up.js","types":"./fhi-icon-circle-chevron-up.d.ts"},"./fhi-icon-circle-exclamation":{"default":"./fhi-icon-circle-exclamation.js","types":"./fhi-icon-circle-exclamation.d.ts"},"./fhi-icon-circle-info":{"default":"./fhi-icon-circle-info.js","types":"./fhi-icon-circle-info.d.ts"},"./fhi-icon-circle-minus":{"default":"./fhi-icon-circle-minus.js","types":"./fhi-icon-circle-minus.d.ts"},"./fhi-icon-circle-plus":{"default":"./fhi-icon-circle-plus.js","types":"./fhi-icon-circle-plus.d.ts"},"./fhi-icon-circle-question":{"default":"./fhi-icon-circle-question.js","types":"./fhi-icon-circle-question.d.ts"},"./fhi-icon-circle-x":{"default":"./fhi-icon-circle-x.js","types":"./fhi-icon-circle-x.d.ts"},"./fhi-icon-circle":{"default":"./fhi-icon-circle.js","types":"./fhi-icon-circle.d.ts"},"./fhi-icon-clock":{"default":"./fhi-icon-clock.js","types":"./fhi-icon-clock.d.ts"},"./fhi-icon-copy":{"default":"./fhi-icon-copy.js","types":"./fhi-icon-copy.d.ts"},"./fhi-icon-download":{"default":"./fhi-icon-download.js","types":"./fhi-icon-download.d.ts"},"./fhi-icon-ellipsis-vertical":{"default":"./fhi-icon-ellipsis-vertical.js","types":"./fhi-icon-ellipsis-vertical.d.ts"},"./fhi-icon-ellipsis":{"default":"./fhi-icon-ellipsis.js","types":"./fhi-icon-ellipsis.d.ts"},"./fhi-icon-exclamation":{"default":"./fhi-icon-exclamation.js","types":"./fhi-icon-exclamation.d.ts"},"./fhi-icon-expand":{"default":"./fhi-icon-expand.js","types":"./fhi-icon-expand.d.ts"},"./fhi-icon-external-link":{"default":"./fhi-icon-external-link.js","types":"./fhi-icon-external-link.d.ts"},"./fhi-icon-eye-off":{"default":"./fhi-icon-eye-off.js","types":"./fhi-icon-eye-off.d.ts"},"./fhi-icon-eye":{"default":"./fhi-icon-eye.js","types":"./fhi-icon-eye.d.ts"},"./fhi-icon-file-text":{"default":"./fhi-icon-file-text.js","types":"./fhi-icon-file-text.d.ts"},"./fhi-icon-file":{"default":"./fhi-icon-file.js","types":"./fhi-icon-file.d.ts"},"./fhi-icon-filter":{"default":"./fhi-icon-filter.js","types":"./fhi-icon-filter.d.ts"},"./fhi-icon-folder":{"default":"./fhi-icon-folder.js","types":"./fhi-icon-folder.d.ts"},"./fhi-icon-gear":{"default":"./fhi-icon-gear.js","types":"./fhi-icon-gear.d.ts"},"./fhi-icon-grid-9-dots":{"default":"./fhi-icon-grid-9-dots.js","types":"./fhi-icon-grid-9-dots.d.ts"},"./fhi-icon-grip-horizontal":{"default":"./fhi-icon-grip-horizontal.js","types":"./fhi-icon-grip-horizontal.d.ts"},"./fhi-icon-grip-vertical":{"default":"./fhi-icon-grip-vertical.js","types":"./fhi-icon-grip-vertical.d.ts"},"./fhi-icon-history":{"default":"./fhi-icon-history.js","types":"./fhi-icon-history.d.ts"},"./fhi-icon-info":{"default":"./fhi-icon-info.js","types":"./fhi-icon-info.d.ts"},"./fhi-icon-link-2-off":{"default":"./fhi-icon-link-2-off.js","types":"./fhi-icon-link-2-off.d.ts"},"./fhi-icon-link-2":{"default":"./fhi-icon-link-2.js","types":"./fhi-icon-link-2.d.ts"},"./fhi-icon-link":{"default":"./fhi-icon-link.js","types":"./fhi-icon-link.d.ts"},"./fhi-icon-lock-open":{"default":"./fhi-icon-lock-open.js","types":"./fhi-icon-lock-open.d.ts"},"./fhi-icon-lock":{"default":"./fhi-icon-lock.js","types":"./fhi-icon-lock.d.ts"},"./fhi-icon-log-in":{"default":"./fhi-icon-log-in.js","types":"./fhi-icon-log-in.d.ts"},"./fhi-icon-log-out":{"default":"./fhi-icon-log-out.js","types":"./fhi-icon-log-out.d.ts"},"./fhi-icon-mail":{"default":"./fhi-icon-mail.js","types":"./fhi-icon-mail.d.ts"},"./fhi-icon-map-pin":{"default":"./fhi-icon-map-pin.js","types":"./fhi-icon-map-pin.d.ts"},"./fhi-icon-menu":{"default":"./fhi-icon-menu.js","types":"./fhi-icon-menu.d.ts"},"./fhi-icon-message":{"default":"./fhi-icon-message.js","types":"./fhi-icon-message.d.ts"},"./fhi-icon-minus":{"default":"./fhi-icon-minus.js","types":"./fhi-icon-minus.d.ts"},"./fhi-icon-octagon-alert":{"default":"./fhi-icon-octagon-alert.js","types":"./fhi-icon-octagon-alert.d.ts"},"./fhi-icon-paperclip":{"default":"./fhi-icon-paperclip.js","types":"./fhi-icon-paperclip.d.ts"},"./fhi-icon-pencil":{"default":"./fhi-icon-pencil.js","types":"./fhi-icon-pencil.d.ts"},"./fhi-icon-phone":{"default":"./fhi-icon-phone.js","types":"./fhi-icon-phone.d.ts"},"./fhi-icon-pin-off":{"default":"./fhi-icon-pin-off.js","types":"./fhi-icon-pin-off.d.ts"},"./fhi-icon-pin":{"default":"./fhi-icon-pin.js","types":"./fhi-icon-pin.d.ts"},"./fhi-icon-plus":{"default":"./fhi-icon-plus.js","types":"./fhi-icon-plus.d.ts"},"./fhi-icon-printer":{"default":"./fhi-icon-printer.js","types":"./fhi-icon-printer.d.ts"},"./fhi-icon-question":{"default":"./fhi-icon-question.js","types":"./fhi-icon-question.d.ts"},"./fhi-icon-refresh":{"default":"./fhi-icon-refresh.js","types":"./fhi-icon-refresh.d.ts"},"./fhi-icon-rotate-left":{"default":"./fhi-icon-rotate-left.js","types":"./fhi-icon-rotate-left.d.ts"},"./fhi-icon-rotate-right":{"default":"./fhi-icon-rotate-right.js","types":"./fhi-icon-rotate-right.d.ts"},"./fhi-icon-search":{"default":"./fhi-icon-search.js","types":"./fhi-icon-search.d.ts"},"./fhi-icon-send":{"default":"./fhi-icon-send.js","types":"./fhi-icon-send.d.ts"},"./fhi-icon-share":{"default":"./fhi-icon-share.js","types":"./fhi-icon-share.d.ts"},"./fhi-icon-sheet":{"default":"./fhi-icon-sheet.js","types":"./fhi-icon-sheet.d.ts"},"./fhi-icon-square-check-big":{"default":"./fhi-icon-square-check-big.js","types":"./fhi-icon-square-check-big.d.ts"},"./fhi-icon-square-check":{"default":"./fhi-icon-square-check.js","types":"./fhi-icon-square-check.d.ts"},"./fhi-icon-square-pen":{"default":"./fhi-icon-square-pen.js","types":"./fhi-icon-square-pen.d.ts"},"./fhi-icon-square-x":{"default":"./fhi-icon-square-x.js","types":"./fhi-icon-square-x.d.ts"},"./fhi-icon-square":{"default":"./fhi-icon-square.js","types":"./fhi-icon-square.d.ts"},"./fhi-icon-trash":{"default":"./fhi-icon-trash.js","types":"./fhi-icon-trash.d.ts"},"./fhi-icon-triangle-alert":{"default":"./fhi-icon-triangle-alert.js","types":"./fhi-icon-triangle-alert.d.ts"},"./fhi-icon-upload":{"default":"./fhi-icon-upload.js","types":"./fhi-icon-upload.d.ts"},"./fhi-icon-user":{"default":"./fhi-icon-user.js","types":"./fhi-icon-user.d.ts"},"./fhi-icon-x":{"default":"./fhi-icon-x.js","types":"./fhi-icon-x.d.ts"},"./fhi-data-table":{"default":"./fhi-data-table.js","types":"./fhi-data-table.d.ts"},"./fhi-data-table-cell":{"default":"./fhi-data-table-cell.js","types":"./fhi-data-table-cell.d.ts"},"./fhi-data-table-row":{"default":"./fhi-data-table-row.js","types":"./fhi-data-table-row.d.ts"},"./fhi-select":{"default":"./fhi-select.js","types":"./fhi-select.d.ts"},"./fhi-select-item":{"default":"./fhi-select-item.js","types":"./fhi-select-item.d.ts"},"./fhi-body":{"default":"./fhi-body.js","types":"./fhi-body.d.ts"},"./fhi-display":{"default":"./fhi-display.js","types":"./fhi-display.d.ts"},"./fhi-headline":{"default":"./fhi-headline.js","types":"./fhi-headline.d.ts"},"./fhi-label":{"default":"./fhi-label.js","types":"./fhi-label.d.ts"},"./fhi-title":{"default":"./fhi-title.js","types":"./fhi-title.d.ts"},".":{"default":"./index.js"},"./theme/default.css":{"default":"./theme/default.css","style":"./theme/default.css"},"./custom-elements.json":{"default":"./custom-elements.json"}}}