@folkehelseinstituttet/designsystem 0.40.0 → 0.40.1

package/fhi-grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"fhi-grid.js","sources":["../../src/components/fhi-grid/fhi-grid.component.ts"],"sourcesContent":["import { html, css, LitElement, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nexport const FhiGridSelector = 'fhi-grid';\ntype FhiUnitType = 'px' | 'rem';\ntype FhiGapWidthUnit = `${number}${FhiUnitType}` | number;\n\n/**\n * ## FHI Grid\n *\n * {@link https://designsystem.fhi.no/?path=/docs/komponenter-grid--docs}\n *\n * The `<fhi-grid>` component is a grid container that uses CSS Grid Layout to organize its child elements into a structured grid format.\n * It allows for easy control over the number of columns and the spacing between grid items.\n *\n * @tag fhi-grid\n * @element fhi-grid\n *\n */\n@customElement(FhiGridSelector)\nexport class FhiGrid extends LitElement {\n  /**\n   * Sets the gap between items within the grid container. It can be one of the preset values, a rem or px value, or a number.\n   * If you give a number, it will be treated as pixels.\n   * @type {'small' | 'medium' | 'large' | number | string}\n   */\n  @property({ type: String }) gap:\n    | 'small'\n    | 'medium'\n    | 'large'\n    | FhiGapWidthUnit = 'medium';\n\n  /**\n   * Sets the number of columns in the grid layout.\n   * @type {number}\n   */\n  @property({ type: Number }) columns = 12;\n\n  /**\n   * Sets the number of rows in the grid layout.\n   * @type {number}\n   */\n  @property({ type: Number }) rows = 1;\n\n  updated(changedProperties: PropertyValues<this>) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('columns')) {\n      this.style.gridTemplateColumns = `repeat( ${this.columns}, 1fr )`;\n    }\n\n    if (changedProperties.has('rows')) {\n      this.style.gridTemplateRows = `repeat( ${this.rows}, 1fr )`;\n    }\n\n    if (changedProperties.has('gap')) {\n      switch (this.gap) {\n        case 'large':\n        case 'medium':\n        case 'small':\n          this.style.gap = '';\n          return;\n        default:\n          const gapValue = Number(this.gap) ? `${this.gap}px` : this.gap;\n          this.style.gap = gapValue as string;\n          return;\n      }\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = css`\n    :host {\n      --dimension-grid-gap-small: var(--fhi-spacing-100);\n      --dimension-grid-gap-medium: var(--fhi-spacing-200);\n      --dimension-grid-gap-large: var(--fhi-spacing-300);\n    }\n    :host {\n      display: grid;\n      gap: var(--dimension-grid-gap-medium);\n    }\n    :host([gap='small']) {\n      gap: var(--dimension-grid-gap-small);\n    }\n\n    :host([gap='medium']) {\n      gap: var(--dimension-grid-gap-medium);\n    }\n\n    :host([gap='large']) {\n      gap: var(--dimension-grid-gap-large);\n    }\n  `;\n}\n"],"names":["FhiGridSelector","FhiGrid","LitElement","changedProperties","gapValue","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAGO,MAAMA,IAAkB;AAiBxB,IAAMC,IAAN,cAAsBC,EAAW;AAAA,EAAjC,cAAA;AAAA,UAAA,GAAA,SAAA,GAMuB,KAAA,MAIN,UAMM,KAAA,UAAU,IAMV,KAAA,OAAO;AAAA,EAAA;AAAA,EAEnC,QAAQC,GAAyC;AAW/C,QAVA,MAAM,QAAQA,CAAiB,GAE3BA,EAAkB,IAAI,SAAS,MACjC,KAAK,MAAM,sBAAsB,WAAW,KAAK,OAAO,YAGtDA,EAAkB,IAAI,MAAM,MAC9B,KAAK,MAAM,mBAAmB,WAAW,KAAK,IAAI,YAGhDA,EAAkB,IAAI,KAAK;AAC7B,cAAQ,KAAK,KAAA;AAAA,QACX,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACH,eAAK,MAAM,MAAM;AACjB;AAAA,QACF;AACE,gBAAMC,IAAW,OAAO,KAAK,GAAG,IAAI,GAAG,KAAK,GAAG,OAAO,KAAK;AAC3D,eAAK,MAAM,MAAMA;AACjB;AAAA,MAAA;AAAA,EAGR;AAAA,EAEA,SAAS;AACP,WAAOC;AAAAA,EACT;AAwBF;AA5EaJ,EAsDJ,SAASK;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAhDYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GANfP,EAMiB,WAAA,OAAA,CAAA;AAUAM,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAhBfP,EAgBiB,WAAA,WAAA,CAAA;AAMAM,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAtBfP,EAsBiB,WAAA,QAAA,CAAA;AAtBjBA,IAANM,EAAA;AAAA,EADNE,EAAcT,CAAe;AAAA,GACjBC,CAAA;"}
+{"version":3,"file":"fhi-grid.js","names":[],"sources":["../../src/components/fhi-grid/fhi-grid.component.ts"],"sourcesContent":["import { html, css, LitElement, PropertyValues } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\n\nexport const FhiGridSelector = 'fhi-grid';\ntype FhiUnitType = 'px' | 'rem';\ntype FhiGapWidthUnit = `${number}${FhiUnitType}` | number;\n\n/**\n * ## FHI Grid\n *\n * {@link https://designsystem.fhi.no/?path=/docs/komponenter-grid--docs}\n *\n * The `<fhi-grid>` component is a grid container that uses CSS Grid Layout to organize its child elements into a structured grid format.\n * It allows for easy control over the number of columns and the spacing between grid items.\n *\n * @tag fhi-grid\n * @element fhi-grid\n *\n */\n@customElement(FhiGridSelector)\nexport class FhiGrid extends LitElement {\n  /**\n   * Sets the gap between items within the grid container. It can be one of the preset values, a rem or px value, or a number.\n   * If you give a number, it will be treated as pixels.\n   * @type {'small' | 'medium' | 'large' | number | string}\n   */\n  @property({ type: String }) gap:\n    | 'small'\n    | 'medium'\n    | 'large'\n    | FhiGapWidthUnit = 'medium';\n\n  /**\n   * Sets the number of columns in the grid layout.\n   * @type {number}\n   */\n  @property({ type: Number }) columns = 12;\n\n  /**\n   * Sets the number of rows in the grid layout.\n   * @type {number}\n   */\n  @property({ type: Number }) rows = 1;\n\n  updated(changedProperties: PropertyValues<this>) {\n    super.updated(changedProperties);\n\n    if (changedProperties.has('columns')) {\n      this.style.gridTemplateColumns = `repeat( ${this.columns}, 1fr )`;\n    }\n\n    if (changedProperties.has('rows')) {\n      this.style.gridTemplateRows = `repeat( ${this.rows}, 1fr )`;\n    }\n\n    if (changedProperties.has('gap')) {\n      switch (this.gap) {\n        case 'large':\n        case 'medium':\n        case 'small':\n          this.style.gap = '';\n          return;\n        default:\n          const gapValue = Number(this.gap) ? `${this.gap}px` : this.gap;\n          this.style.gap = gapValue as string;\n          return;\n      }\n    }\n  }\n\n  render() {\n    return html`<slot></slot>`;\n  }\n\n  static styles = css`\n    :host {\n      --dimension-grid-gap-small: var(--fhi-spacing-100);\n      --dimension-grid-gap-medium: var(--fhi-spacing-200);\n      --dimension-grid-gap-large: var(--fhi-spacing-300);\n    }\n    :host {\n      display: grid;\n      gap: var(--dimension-grid-gap-medium);\n    }\n    :host([gap='small']) {\n      gap: var(--dimension-grid-gap-small);\n    }\n\n    :host([gap='medium']) {\n      gap: var(--dimension-grid-gap-medium);\n    }\n\n    :host([gap='large']) {\n      gap: var(--dimension-grid-gap-large);\n    }\n  `;\n}\n"],"mappings":";;AAGA,IAAa,IAAkB,YAiBxB,IAAA,cAAsB,EAAW;;0BAUhB,yBAMgB,gBAMH;;CAEnC,QAAQ,GAAyC;EAW/C,IAVA,MAAM,QAAQ,CAAiB,GAE3B,EAAkB,IAAI,SAAS,MACjC,KAAK,MAAM,sBAAsB,WAAW,KAAK,QAAQ,WAGvD,EAAkB,IAAI,MAAM,MAC9B,KAAK,MAAM,mBAAmB,WAAW,KAAK,KAAK,WAGjD,EAAkB,IAAI,KAAK,GAC7B,QAAQ,KAAK,KAAb;GACE,KAAK;GACL,KAAK;GACL,KAAK;IACH,KAAK,MAAM,MAAM;IACjB;GACF;IACE,IAAM,IAAW,OAAO,KAAK,GAAG,IAAI,GAAG,KAAK,IAAI,MAAM,KAAK;IAC3D,KAAK,MAAM,MAAM;IACjB;EACJ;CAEJ;CAEA,SAAS;EACP,OAAO,CAAI;CACb;;gBAEgB,CAAG;;;;;;;;;;;;;;;;;;;;;;;AAsBrB;GAtEG,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,OAAA,KAAA,CAAA,MAUzB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,WAAA,KAAA,CAAA,MAMzB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UAvB3B,EAAc,CAAe,CAAA,GAAA,CAAA"}

package/fhi-headline.js

@@ -1,36 +1,26 @@
-import { i as p, n as s, a as f, b as g, t as y } from "./property-B2Ico5CW.js";
-import { o as d } from "./unsafe-html-DfuTUjUu.js";
-var m = Object.defineProperty, c = Object.getOwnPropertyDescriptor, a = (e, t, h, r) => {
-  for (var i = r > 1 ? void 0 : r ? c(t, h) : t, o = e.length - 1, n; o >= 0; o--)
-    (n = e[o]) && (i = (r ? n(t, h, i) : n(i)) || i);
-  return r && i && m(t, h, i), i;
-};
-const v = "fhi-headline";
-let l = class extends f {
-  constructor() {
-    super(...arguments), this.size = "medium", this.color = "currentcolor";
-  }
-  updated(e) {
-    if (super.updated(e), e.has("level")) {
-      const t = Number(this.level);
-      (isNaN(t) || t < 1 || t > 6) && console.error(
-        new 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() {
-    const e = `
+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";
+//#region src/components/typography/fhi-headline/fhi-headline.component.ts
+var s = "fhi-headline", c = class extends r {
+	constructor(...e) {
+		super(...e), this.size = "medium", this.color = "currentcolor";
+	}
+	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(`
       <h${this.level} class="headline">
         <slot></slot>
       </h${this.level}>
-    `;
-    return g`${d(e)}`;
-  }
-};
-l.styles = p`
+    `)}`;
+	}
+	static {
+		this.styles = t`
     :host {
       display: block;
       contain: layout;
@@ -68,20 +58,13 @@ l.styles = p`
       }
     }
   `;
-a([
-  s({ type: String, reflect: !0 })
-], l.prototype, "size", 2);
-a([
-  s({ type: String })
-], l.prototype, "color", 2);
-a([
-  s({ type: Number })
-], l.prototype, "level", 2);
-l = a([
-  y(v)
-], l);
-export {
-  l as FhiHeadline,
-  v as FhiHeadlineSelector
+	}
 };
-//# sourceMappingURL=fhi-headline.js.map
+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);
+//#endregion
+export { c as FhiHeadline, s as FhiHeadlineSelector };
+
+//# sourceMappingURL=fhi-headline.js.map

package/fhi-headline.js.map

@@ -1 +1 @@
-{"version":3,"file":"fhi-headline.js","sources":["../../src/components/typography/fhi-headline/fhi-headline.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 FhiHeadlineSelector = 'fhi-headline';\n\nexport type HeadlineLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * ## FHI Headline\n *\n * {@link https://designsystem.fhi.no/?path=/story/komponenter-typography-headline--preview}\n *\n * The `<fhi-headline>` component is used to display standard headline text in accordance with the FHI Design System guidelines.\n *\n * For smaller, less prominent title text, use the `<fhi-title>` 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-headline\n * @element fhi-headline\n *\n * @slot - The content of the fhi-headline component. This should be pure text.\n */\n@customElement(FhiHeadlineSelector)\nexport class FhiHeadline 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-headline color=\"var(--fhi-color-primary-text-default)\">\n   *    This text will be in the primary text color.\n   *  </fhi-headline>\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!: HeadlineLevel;\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=\"headline\">\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      .headline {\n        font-family: var(--fhi-font-family-default);\n        -webkit-font-smoothing: antialiased;\n        margin: 0;\n      }\n    }\n\n    :host([size='large']) {\n      .headline {\n        font-size: var(--fhi-typography-headline-large-font-size);\n        font-weight: var(--fhi-typography-headline-large-font-weight);\n        line-height: var(--fhi-typography-headline-large-line-height);\n        letter-spacing: var(--fhi-typography-headline-large-letter-spacing);\n      }\n    }\n\n    :host([size='medium']) {\n      .headline {\n        font-size: var(--fhi-typography-headline-medium-font-size);\n        font-weight: var(--fhi-typography-headline-medium-font-weight);\n        line-height: var(--fhi-typography-headline-medium-line-height);\n        letter-spacing: var(--fhi-typography-headline-medium-letter-spacing);\n      }\n    }\n\n    :host([size='small']) {\n      .headline {\n        font-size: var(--fhi-typography-headline-small-font-size);\n        font-weight: var(--fhi-typography-headline-small-font-weight);\n        line-height: var(--fhi-typography-headline-small-line-height);\n        letter-spacing: var(--fhi-typography-headline-small-letter-spacing);\n      }\n    }\n  `;\n}\n"],"names":["FhiHeadlineSelector","FhiHeadline","LitElement","changedProperties","levelAsNumber","template","html","unsafeHTML","css","__decorateClass","property","customElement"],"mappings":";;;;;;;AAIO,MAAMA,IAAsB;AAuB5B,IAAMC,IAAN,cAA0BC,EAAW;AAAA,EAArC,cAAA;AAAA,UAAA,GAAA,SAAA,GAMsC,KAAA,OAG7B,UAiBc,KAAA,QAAiB;AAAA,EAAA;AAAA,EAQ7C,QAAQC,GAAyC;AAG/C,QAFA,MAAM,QAAQA,CAAiB,GAE3BA,EAAkB,IAAI,OAAO,GAAG;AAClC,YAAMC,IAAgB,OAAO,KAAK,KAAK;AACvC,OAAI,MAAMA,CAAa,KAAKA,IAAgB,KAAKA,IAAgB,MAC/D,QAAQ;AAAA,QACN,IAAI;AAAA,UACF,8EAA8E,KAAK,KAAK;AAAA,QAAA;AAAA,MAC1F;AAAA,IAGN;AAEA,IAAID,EAAkB,IAAI,OAAO,MAC/B,KAAK,MAAM,QACT,OAAO,KAAK,SAAU,WAAW,KAAK,QAAQ;AAAA,EAEpD;AAAA,EAEA,SAAS;AACP,UAAME,IAAW;AAAA,UACX,KAAK,KAAK;AAAA;AAAA,WAET,KAAK,KAAK;AAAA;AAEjB,WAAOC,IAAOC,EAAWF,CAAQ,CAAC;AAAA,EACpC;AAwCF;AArGaJ,EA+DJ,SAASO;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;AAzD2BC,EAAA;AAAA,EAA1CC,EAAS,EAAE,MAAM,QAAQ,SAAS,IAAM;AAAA,GAN9BT,EAMgC,WAAA,QAAA,CAAA;AAoBfQ,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GA1BfT,EA0BiB,WAAA,SAAA,CAAA;AAMAQ,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAhCfT,EAgCiB,WAAA,SAAA,CAAA;AAhCjBA,IAANQ,EAAA;AAAA,EADNE,EAAcX,CAAmB;AAAA,GACrBC,CAAA;"}
+{"version":3,"file":"fhi-headline.js","names":[],"sources":["../../src/components/typography/fhi-headline/fhi-headline.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 FhiHeadlineSelector = 'fhi-headline';\n\nexport type HeadlineLevel = 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * ## FHI Headline\n *\n * {@link https://designsystem.fhi.no/?path=/story/komponenter-typography-headline--preview}\n *\n * The `<fhi-headline>` component is used to display standard headline text in accordance with the FHI Design System guidelines.\n *\n * For smaller, less prominent title text, use the `<fhi-title>` 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-headline\n * @element fhi-headline\n *\n * @slot - The content of the fhi-headline component. This should be pure text.\n */\n@customElement(FhiHeadlineSelector)\nexport class FhiHeadline 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-headline color=\"var(--fhi-color-primary-text-default)\">\n   *    This text will be in the primary text color.\n   *  </fhi-headline>\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!: HeadlineLevel;\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=\"headline\">\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      .headline {\n        font-family: var(--fhi-font-family-default);\n        -webkit-font-smoothing: antialiased;\n        margin: 0;\n      }\n    }\n\n    :host([size='large']) {\n      .headline {\n        font-size: var(--fhi-typography-headline-large-font-size);\n        font-weight: var(--fhi-typography-headline-large-font-weight);\n        line-height: var(--fhi-typography-headline-large-line-height);\n        letter-spacing: var(--fhi-typography-headline-large-letter-spacing);\n      }\n    }\n\n    :host([size='medium']) {\n      .headline {\n        font-size: var(--fhi-typography-headline-medium-font-size);\n        font-weight: var(--fhi-typography-headline-medium-font-weight);\n        line-height: var(--fhi-typography-headline-medium-line-height);\n        letter-spacing: var(--fhi-typography-headline-medium-letter-spacing);\n      }\n    }\n\n    :host([size='small']) {\n      .headline {\n        font-size: var(--fhi-typography-headline-small-font-size);\n        font-weight: var(--fhi-typography-headline-small-font-weight);\n        line-height: var(--fhi-typography-headline-small-line-height);\n        letter-spacing: var(--fhi-typography-headline-small-letter-spacing);\n      }\n    }\n  `;\n}\n"],"mappings":";;;AAIA,IAAa,IAAsB,gBAuB5B,IAAA,cAA0B,EAAW;;2BAS5B,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,CAAmB,CAAA,GAAA,CAAA"}

package/fhi-icon-arrow-down-left.js

@@ -1,52 +1,35 @@
-import { i as c, n as h, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
-var w = Object.defineProperty, f = Object.getOwnPropertyDescriptor, l = (a, r, s, i) => {
-  for (var e = i > 1 ? void 0 : i ? f(r, s) : r, n = a.length - 1, o; n >= 0; n--)
-    (o = a[n]) && (e = (i ? o(r, s, e) : o(e)) || e);
-  return i && e && w(r, s, e), e;
-};
-const g = "fhi-icon-arrow-down-left";
-let t = class extends m {
-  constructor() {
-    super(...arguments), this.color = "currentcolor", this.size = "medium";
-  }
-  get _size() {
-    switch (this.size) {
-      case "xsmall":
-        return "1rem";
-      case "small":
-        return "1.25rem";
-      case "medium":
-        return "1.5rem";
-      case "large":
-        return "2rem";
-      default:
-        return String(this.size).endsWith("px") || String(this.size).endsWith("rem") ? String(this.size) : isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`), "1.5rem") : `${this.size}px`;
-    }
-  }
-  render() {
-    return u`
+import { a as e, d as t, o as n, s as r, t as i, u as a } from "./decorate-DFXIek-k.js";
+//#region src/components/icons/fhi-icon-arrow-down-left.component.ts
+var o = "fhi-icon-arrow-down-left", s = class extends r {
+	constructor(...e) {
+		super(...e), this.color = "currentcolor", this.size = "medium";
+	}
+	get _size() {
+		switch (this.size) {
+			case "xsmall": return "1rem";
+			case "small": return "1.25rem";
+			case "medium": return "1.5rem";
+			case "large": return "2rem";
+			default: return String(this.size).endsWith("px") || String(this.size).endsWith("rem") ? String(this.size) : isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`), "1.5rem") : `${this.size}px`;
+		}
+	}
+	render() {
+		return a`
       <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.526 6.418a.75.75 0 0 1 1.056 1.056l-.052.056-8.72 8.72H17a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75V7a.75.75 0 1 1 1.5 0v8.19l8.72-8.72z"/></svg>
     `;
-  }
-};
-t.styles = c`
+	}
+	static {
+		this.styles = t`
     :host {
       display: flex;
       max-height: min-content;
       max-width: min-content;
     }
   `;
-l([
-  h({ type: String })
-], t.prototype, "color", 2);
-l([
-  h({ type: String })
-], t.prototype, "size", 2);
-t = l([
-  p(g)
-], t);
-export {
-  t as FhiIconArrowDownLeft,
-  g as FhiIconArrowDownLeftSelector
+	}
 };
-//# sourceMappingURL=fhi-icon-arrow-down-left.js.map
+i([e({ type: String })], s.prototype, "color", void 0), i([e({ type: String })], s.prototype, "size", void 0), s = i([n(o)], s);
+//#endregion
+export { s as FhiIconArrowDownLeft, o as FhiIconArrowDownLeftSelector };
+
+//# sourceMappingURL=fhi-icon-arrow-down-left.js.map

package/fhi-icon-arrow-down-left.js.map

@@ -1 +1 @@
-{"version":3,"file":"fhi-icon-arrow-down-left.js","sources":["../../src/components/icons/fhi-icon-arrow-down-left.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 FhiIconArrowDownLeftSelector = \"fhi-icon-arrow-down-left\";\n\n/**\n * ## FhiIconArrowDownLeft\n * \n * {@link https://designsystem.fhi.no/?path=/docs/ikoner--docs}\n * \n * @tag fhi-icon-arrow-down-left\n * @element fhi-icon-arrow-down-left\n */\n@customElement(FhiIconArrowDownLeftSelector)\nexport class FhiIconArrowDownLeft extends LitElement {\n\n  /**\n   * Sets the color for the icon.\n   * Should preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)\n   * @type {string}\n   */ \n  @property({ type: String }) color: string = \"currentcolor\";\n\n  /**\n   * Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\n   * Number values are treated as px.\n   * @type { 'xsmall' | 'small' | 'medium' | 'large' | number | string}\n   */\n  @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number | `${number}px` | `${number}rem` = 'medium';\n\n  private get _size(): string {\n    switch (this.size) {\n      case 'xsmall': \n        return '1rem'; \n      case 'small':\n        return '1.25rem';\n      case 'medium':\n        return '1.5rem'; \n      case 'large':\n        return '2rem'; \n      default:\n        if (String(this.size).endsWith('px') || String(this.size).endsWith('rem')) {\n          return String(this.size);\n        }\n        if (isNaN(Number(this.size))) {\n          console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`)\n          return '1.5rem';\n        }\n        return `${this.size}px`;\n    }\n  }\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.526 6.418a.75.75 0 0 1 1.056 1.056l-.052.056-8.72 8.72H17a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75V7a.75.75 0 1 1 1.5 0v8.19l8.72-8.72z\"/></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":["FhiIconArrowDownLeftSelector","FhiIconArrowDownLeft","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAA+B;AAWrC,IAAMC,IAAN,cAAmCC,EAAW;AAAA,EAA9C,cAAA;AAAA,UAAA,GAAA,SAAA,GAOuB,KAAA,QAAgB,gBAOhB,KAAA,OAA0F;AAAA,EAAA;AAAA,EAEtH,IAAY,QAAgB;AAC1B,YAAQ,KAAK,MAAA;AAAA,MACX,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAI,OAAO,KAAK,IAAI,EAAE,SAAS,IAAI,KAAK,OAAO,KAAK,IAAI,EAAE,SAAS,KAAK,IAC/D,OAAO,KAAK,IAAI,IAErB,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,IAAI,0CAA0C,GAChF,YAEF,GAAG,KAAK,IAAI;AAAA,IAAA;AAAA,EAEzB;AAAA,EAEA,SAAS;AACP,WAAOC;AAAAA,2EACgE,KAAK,KAAK,aAAa,KAAK,KAAK,WAAW,KAAK,KAAK;AAAA;AAAA,EAE/H;AASA;AAnDWF,EA4CJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AArCYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAPfL,EAOiB,WAAA,SAAA,CAAA;AAOAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAdfL,EAciB,WAAA,QAAA,CAAA;AAdjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAA4B;AAAA,GAC9BC,CAAA;"}
+{"version":3,"file":"fhi-icon-arrow-down-left.js","names":[],"sources":["../../src/components/icons/fhi-icon-arrow-down-left.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 FhiIconArrowDownLeftSelector = \"fhi-icon-arrow-down-left\";\n\n/**\n * ## FhiIconArrowDownLeft\n * \n * {@link https://designsystem.fhi.no/?path=/docs/ikoner--docs}\n * \n * @tag fhi-icon-arrow-down-left\n * @element fhi-icon-arrow-down-left\n */\n@customElement(FhiIconArrowDownLeftSelector)\nexport class FhiIconArrowDownLeft extends LitElement {\n\n  /**\n   * Sets the color for the icon.\n   * Should preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)\n   * @type {string}\n   */ \n  @property({ type: String }) color: string = \"currentcolor\";\n\n  /**\n   * Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\n   * Number values are treated as px.\n   * @type { 'xsmall' | 'small' | 'medium' | 'large' | number | string}\n   */\n  @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number | `${number}px` | `${number}rem` = 'medium';\n\n  private get _size(): string {\n    switch (this.size) {\n      case 'xsmall': \n        return '1rem'; \n      case 'small':\n        return '1.25rem';\n      case 'medium':\n        return '1.5rem'; \n      case 'large':\n        return '2rem'; \n      default:\n        if (String(this.size).endsWith('px') || String(this.size).endsWith('rem')) {\n          return String(this.size);\n        }\n        if (isNaN(Number(this.size))) {\n          console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`)\n          return '1.5rem';\n        }\n        return `${this.size}px`;\n    }\n  }\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.526 6.418a.75.75 0 0 1 1.056 1.056l-.052.056-8.72 8.72H17a.75.75 0 0 1 0 1.5H7a.75.75 0 0 1-.75-.75V7a.75.75 0 1 1 1.5 0v8.19l8.72-8.72z\"/></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"],"mappings":";;AAOA,IAAa,IAA+B,4BAWrC,IAAA,cAAmC,EAAW;;4BAOP,4BAO0E;;CAEtH,IAAY,QAAgB;EAC1B,QAAQ,KAAK,MAAb;GACE,KAAK,UACH,OAAO;GACT,KAAK,SACH,OAAO;GACT,KAAK,UACH,OAAO;GACT,KAAK,SACH,OAAO;GACT,SAQE,OAPI,OAAO,KAAK,IAAI,EAAE,SAAS,IAAI,KAAK,OAAO,KAAK,IAAI,EAAE,SAAS,KAAK,IAC/D,OAAO,KAAK,IAAI,IAErB,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,KAAK,yCAAyC,GAChF,YAEF,GAAG,KAAK,KAAK;EACxB;CACF;CAEA,SAAS;EACP,OAAO,CAAI;2EAC4D,KAAK,MAAM,YAAY,KAAK,MAAM,UAAU,KAAK,MAAM;;CAEhI;;gBAEgB,CAAG;;;;;;;;AAOnB;GA5CC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAOzB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UAf3B,EAAc,CAA4B,CAAA,GAAA,CAAA"}

package/fhi-icon-arrow-down-right.js

@@ -1,52 +1,35 @@
-import { i as c, n as a, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
-var g = Object.defineProperty, w = Object.getOwnPropertyDescriptor, h = (l, r, s, i) => {
-  for (var e = i > 1 ? void 0 : i ? w(r, s) : r, n = l.length - 1, o; n >= 0; n--)
-    (o = l[n]) && (e = (i ? o(r, s, e) : o(e)) || e);
-  return i && e && g(r, s, e), e;
-};
-const z = "fhi-icon-arrow-down-right";
-let t = class extends m {
-  constructor() {
-    super(...arguments), this.color = "currentcolor", this.size = "medium";
-  }
-  get _size() {
-    switch (this.size) {
-      case "xsmall":
-        return "1rem";
-      case "small":
-        return "1.25rem";
-      case "medium":
-        return "1.5rem";
-      case "large":
-        return "2rem";
-      default:
-        return String(this.size).endsWith("px") || String(this.size).endsWith("rem") ? String(this.size) : isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`), "1.5rem") : `${this.size}px`;
-    }
-  }
-  render() {
-    return u`
+import { a as e, d as t, o as n, s as r, t as i, u as a } from "./decorate-DFXIek-k.js";
+//#region src/components/icons/fhi-icon-arrow-down-right.component.ts
+var o = "fhi-icon-arrow-down-right", s = class extends r {
+	constructor(...e) {
+		super(...e), this.color = "currentcolor", this.size = "medium";
+	}
+	get _size() {
+		switch (this.size) {
+			case "xsmall": return "1rem";
+			case "small": return "1.25rem";
+			case "medium": return "1.5rem";
+			case "large": return "2rem";
+			default: return String(this.size).endsWith("px") || String(this.size).endsWith("rem") ? String(this.size) : isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`), "1.5rem") : `${this.size}px`;
+		}
+	}
+	render() {
+		return a`
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${this._size}" height="${this._size}" fill="${this.color}"><path d="M6.47 6.47a.75.75 0 0 1 1.004-.052l.056.052 8.72 8.72V7a.75.75 0 0 1 1.5 0v10a.75.75 0 0 1-.75.75H7a.75.75 0 0 1 0-1.5h8.19L6.47 7.53l-.052-.056A.75.75 0 0 1 6.47 6.47"/></svg>
     `;
-  }
-};
-t.styles = c`
+	}
+	static {
+		this.styles = t`
     :host {
       display: flex;
       max-height: min-content;
       max-width: min-content;
     }
   `;
-h([
-  a({ type: String })
-], t.prototype, "color", 2);
-h([
-  a({ type: String })
-], t.prototype, "size", 2);
-t = h([
-  p(z)
-], t);
-export {
-  t as FhiIconArrowDownRight,
-  z as FhiIconArrowDownRightSelector
+	}
 };
-//# sourceMappingURL=fhi-icon-arrow-down-right.js.map
+i([e({ type: String })], s.prototype, "color", void 0), i([e({ type: String })], s.prototype, "size", void 0), s = i([n(o)], s);
+//#endregion
+export { s as FhiIconArrowDownRight, o as FhiIconArrowDownRightSelector };
+
+//# sourceMappingURL=fhi-icon-arrow-down-right.js.map

package/fhi-icon-arrow-down-right.js.map

@@ -1 +1 @@
-{"version":3,"file":"fhi-icon-arrow-down-right.js","sources":["../../src/components/icons/fhi-icon-arrow-down-right.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 FhiIconArrowDownRightSelector = \"fhi-icon-arrow-down-right\";\n\n/**\n * ## FhiIconArrowDownRight\n * \n * {@link https://designsystem.fhi.no/?path=/docs/ikoner--docs}\n * \n * @tag fhi-icon-arrow-down-right\n * @element fhi-icon-arrow-down-right\n */\n@customElement(FhiIconArrowDownRightSelector)\nexport class FhiIconArrowDownRight extends LitElement {\n\n  /**\n   * Sets the color for the icon.\n   * Should preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)\n   * @type {string}\n   */ \n  @property({ type: String }) color: string = \"currentcolor\";\n\n  /**\n   * Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\n   * Number values are treated as px.\n   * @type { 'xsmall' | 'small' | 'medium' | 'large' | number | string}\n   */\n  @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number | `${number}px` | `${number}rem` = 'medium';\n\n  private get _size(): string {\n    switch (this.size) {\n      case 'xsmall': \n        return '1rem'; \n      case 'small':\n        return '1.25rem';\n      case 'medium':\n        return '1.5rem'; \n      case 'large':\n        return '2rem'; \n      default:\n        if (String(this.size).endsWith('px') || String(this.size).endsWith('rem')) {\n          return String(this.size);\n        }\n        if (isNaN(Number(this.size))) {\n          console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`)\n          return '1.5rem';\n        }\n        return `${this.size}px`;\n    }\n  }\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=\"M6.47 6.47a.75.75 0 0 1 1.004-.052l.056.052 8.72 8.72V7a.75.75 0 0 1 1.5 0v10a.75.75 0 0 1-.75.75H7a.75.75 0 0 1 0-1.5h8.19L6.47 7.53l-.052-.056A.75.75 0 0 1 6.47 6.47\"/></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":["FhiIconArrowDownRightSelector","FhiIconArrowDownRight","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAAgC;AAWtC,IAAMC,IAAN,cAAoCC,EAAW;AAAA,EAA/C,cAAA;AAAA,UAAA,GAAA,SAAA,GAOuB,KAAA,QAAgB,gBAOhB,KAAA,OAA0F;AAAA,EAAA;AAAA,EAEtH,IAAY,QAAgB;AAC1B,YAAQ,KAAK,MAAA;AAAA,MACX,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAI,OAAO,KAAK,IAAI,EAAE,SAAS,IAAI,KAAK,OAAO,KAAK,IAAI,EAAE,SAAS,KAAK,IAC/D,OAAO,KAAK,IAAI,IAErB,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,IAAI,0CAA0C,GAChF,YAEF,GAAG,KAAK,IAAI;AAAA,IAAA;AAAA,EAEzB;AAAA,EAEA,SAAS;AACP,WAAOC;AAAAA,2EACgE,KAAK,KAAK,aAAa,KAAK,KAAK,WAAW,KAAK,KAAK;AAAA;AAAA,EAE/H;AASA;AAnDWF,EA4CJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AArCYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAPfL,EAOiB,WAAA,SAAA,CAAA;AAOAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAdfL,EAciB,WAAA,QAAA,CAAA;AAdjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAA6B;AAAA,GAC/BC,CAAA;"}
+{"version":3,"file":"fhi-icon-arrow-down-right.js","names":[],"sources":["../../src/components/icons/fhi-icon-arrow-down-right.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 FhiIconArrowDownRightSelector = \"fhi-icon-arrow-down-right\";\n\n/**\n * ## FhiIconArrowDownRight\n * \n * {@link https://designsystem.fhi.no/?path=/docs/ikoner--docs}\n * \n * @tag fhi-icon-arrow-down-right\n * @element fhi-icon-arrow-down-right\n */\n@customElement(FhiIconArrowDownRightSelector)\nexport class FhiIconArrowDownRight extends LitElement {\n\n  /**\n   * Sets the color for the icon.\n   * Should preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)\n   * @type {string}\n   */ \n  @property({ type: String }) color: string = \"currentcolor\";\n\n  /**\n   * Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\n   * Number values are treated as px.\n   * @type { 'xsmall' | 'small' | 'medium' | 'large' | number | string}\n   */\n  @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number | `${number}px` | `${number}rem` = 'medium';\n\n  private get _size(): string {\n    switch (this.size) {\n      case 'xsmall': \n        return '1rem'; \n      case 'small':\n        return '1.25rem';\n      case 'medium':\n        return '1.5rem'; \n      case 'large':\n        return '2rem'; \n      default:\n        if (String(this.size).endsWith('px') || String(this.size).endsWith('rem')) {\n          return String(this.size);\n        }\n        if (isNaN(Number(this.size))) {\n          console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`)\n          return '1.5rem';\n        }\n        return `${this.size}px`;\n    }\n  }\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=\"M6.47 6.47a.75.75 0 0 1 1.004-.052l.056.052 8.72 8.72V7a.75.75 0 0 1 1.5 0v10a.75.75 0 0 1-.75.75H7a.75.75 0 0 1 0-1.5h8.19L6.47 7.53l-.052-.056A.75.75 0 0 1 6.47 6.47\"/></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"],"mappings":";;AAOA,IAAa,IAAgC,6BAWtC,IAAA,cAAoC,EAAW;;4BAOR,4BAO0E;;CAEtH,IAAY,QAAgB;EAC1B,QAAQ,KAAK,MAAb;GACE,KAAK,UACH,OAAO;GACT,KAAK,SACH,OAAO;GACT,KAAK,UACH,OAAO;GACT,KAAK,SACH,OAAO;GACT,SAQE,OAPI,OAAO,KAAK,IAAI,EAAE,SAAS,IAAI,KAAK,OAAO,KAAK,IAAI,EAAE,SAAS,KAAK,IAC/D,OAAO,KAAK,IAAI,IAErB,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,KAAK,yCAAyC,GAChF,YAEF,GAAG,KAAK,KAAK;EACxB;CACF;CAEA,SAAS;EACP,OAAO,CAAI;2EAC4D,KAAK,MAAM,YAAY,KAAK,MAAM,UAAU,KAAK,MAAM;;CAEhI;;gBAEgB,CAAG;;;;;;;;AAOnB;GA5CC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAOzB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UAf3B,EAAc,CAA6B,CAAA,GAAA,CAAA"}

package/fhi-icon-arrow-down.js

@@ -1,52 +1,35 @@
-import { i as c, n as h, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
-var w = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (a, t, s, i) => {
-  for (var e = i > 1 ? void 0 : i ? g(t, s) : t, n = a.length - 1, o; n >= 0; n--)
-    (o = a[n]) && (e = (i ? o(t, s, e) : o(e)) || e);
-  return i && e && w(t, s, e), e;
-};
-const z = "fhi-icon-arrow-down";
-let r = class extends m {
-  constructor() {
-    super(...arguments), this.color = "currentcolor", this.size = "medium";
-  }
-  get _size() {
-    switch (this.size) {
-      case "xsmall":
-        return "1rem";
-      case "small":
-        return "1.25rem";
-      case "medium":
-        return "1.5rem";
-      case "large":
-        return "2rem";
-      default:
-        return String(this.size).endsWith("px") || String(this.size).endsWith("rem") ? String(this.size) : isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`), "1.5rem") : `${this.size}px`;
-    }
-  }
-  render() {
-    return u`
+import { a as e, d as t, o as n, s as r, t as i, u as a } from "./decorate-DFXIek-k.js";
+//#region src/components/icons/fhi-icon-arrow-down.component.ts
+var o = "fhi-icon-arrow-down", s = class extends r {
+	constructor(...e) {
+		super(...e), this.color = "currentcolor", this.size = "medium";
+	}
+	get _size() {
+		switch (this.size) {
+			case "xsmall": return "1rem";
+			case "small": return "1.25rem";
+			case "medium": return "1.5rem";
+			case "large": return "2rem";
+			default: return String(this.size).endsWith("px") || String(this.size).endsWith("rem") ? String(this.size) : isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`), "1.5rem") : `${this.size}px`;
+		}
+	}
+	render() {
+		return a`
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${this._size}" height="${this._size}" fill="${this.color}"><path d="M11.25 5a.75.75 0 0 1 1.5 0v12.19l5.72-5.72a.75.75 0 1 1 1.06 1.06l-7 7a.75.75 0 0 1-1.003.052l-.057-.052-7-7-.052-.056a.75.75 0 0 1 1.056-1.056l.056.052 5.72 5.72z"/></svg>
     `;
-  }
-};
-r.styles = c`
+	}
+	static {
+		this.styles = t`
     :host {
       display: flex;
       max-height: min-content;
       max-width: min-content;
     }
   `;
-l([
-  h({ type: String })
-], r.prototype, "color", 2);
-l([
-  h({ type: String })
-], r.prototype, "size", 2);
-r = l([
-  p(z)
-], r);
-export {
-  r as FhiIconArrowDown,
-  z as FhiIconArrowDownSelector
+	}
 };
-//# sourceMappingURL=fhi-icon-arrow-down.js.map
+i([e({ type: String })], s.prototype, "color", void 0), i([e({ type: String })], s.prototype, "size", void 0), s = i([n(o)], s);
+//#endregion
+export { s as FhiIconArrowDown, o as FhiIconArrowDownSelector };
+
+//# sourceMappingURL=fhi-icon-arrow-down.js.map

package/fhi-icon-arrow-down.js.map

@@ -1 +1 @@
-{"version":3,"file":"fhi-icon-arrow-down.js","sources":["../../src/components/icons/fhi-icon-arrow-down.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 FhiIconArrowDownSelector = \"fhi-icon-arrow-down\";\n\n/**\n * ## FhiIconArrowDown\n * \n * {@link https://designsystem.fhi.no/?path=/docs/ikoner--docs}\n * \n * @tag fhi-icon-arrow-down\n * @element fhi-icon-arrow-down\n */\n@customElement(FhiIconArrowDownSelector)\nexport class FhiIconArrowDown extends LitElement {\n\n  /**\n   * Sets the color for the icon.\n   * Should preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)\n   * @type {string}\n   */ \n  @property({ type: String }) color: string = \"currentcolor\";\n\n  /**\n   * Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\n   * Number values are treated as px.\n   * @type { 'xsmall' | 'small' | 'medium' | 'large' | number | string}\n   */\n  @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number | `${number}px` | `${number}rem` = 'medium';\n\n  private get _size(): string {\n    switch (this.size) {\n      case 'xsmall': \n        return '1rem'; \n      case 'small':\n        return '1.25rem';\n      case 'medium':\n        return '1.5rem'; \n      case 'large':\n        return '2rem'; \n      default:\n        if (String(this.size).endsWith('px') || String(this.size).endsWith('rem')) {\n          return String(this.size);\n        }\n        if (isNaN(Number(this.size))) {\n          console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`)\n          return '1.5rem';\n        }\n        return `${this.size}px`;\n    }\n  }\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=\"M11.25 5a.75.75 0 0 1 1.5 0v12.19l5.72-5.72a.75.75 0 1 1 1.06 1.06l-7 7a.75.75 0 0 1-1.003.052l-.057-.052-7-7-.052-.056a.75.75 0 0 1 1.056-1.056l.056.052 5.72 5.72z\"/></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":["FhiIconArrowDownSelector","FhiIconArrowDown","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAA2B;AAWjC,IAAMC,IAAN,cAA+BC,EAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA,GAOuB,KAAA,QAAgB,gBAOhB,KAAA,OAA0F;AAAA,EAAA;AAAA,EAEtH,IAAY,QAAgB;AAC1B,YAAQ,KAAK,MAAA;AAAA,MACX,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAI,OAAO,KAAK,IAAI,EAAE,SAAS,IAAI,KAAK,OAAO,KAAK,IAAI,EAAE,SAAS,KAAK,IAC/D,OAAO,KAAK,IAAI,IAErB,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,IAAI,0CAA0C,GAChF,YAEF,GAAG,KAAK,IAAI;AAAA,IAAA;AAAA,EAEzB;AAAA,EAEA,SAAS;AACP,WAAOC;AAAAA,2EACgE,KAAK,KAAK,aAAa,KAAK,KAAK,WAAW,KAAK,KAAK;AAAA;AAAA,EAE/H;AASA;AAnDWF,EA4CJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AArCYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAPfL,EAOiB,WAAA,SAAA,CAAA;AAOAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAdfL,EAciB,WAAA,QAAA,CAAA;AAdjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAAwB;AAAA,GAC1BC,CAAA;"}
+{"version":3,"file":"fhi-icon-arrow-down.js","names":[],"sources":["../../src/components/icons/fhi-icon-arrow-down.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 FhiIconArrowDownSelector = \"fhi-icon-arrow-down\";\n\n/**\n * ## FhiIconArrowDown\n * \n * {@link https://designsystem.fhi.no/?path=/docs/ikoner--docs}\n * \n * @tag fhi-icon-arrow-down\n * @element fhi-icon-arrow-down\n */\n@customElement(FhiIconArrowDownSelector)\nexport class FhiIconArrowDown extends LitElement {\n\n  /**\n   * Sets the color for the icon.\n   * Should preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)\n   * @type {string}\n   */ \n  @property({ type: String }) color: string = \"currentcolor\";\n\n  /**\n   * Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\n   * Number values are treated as px.\n   * @type { 'xsmall' | 'small' | 'medium' | 'large' | number | string}\n   */\n  @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number | `${number}px` | `${number}rem` = 'medium';\n\n  private get _size(): string {\n    switch (this.size) {\n      case 'xsmall': \n        return '1rem'; \n      case 'small':\n        return '1.25rem';\n      case 'medium':\n        return '1.5rem'; \n      case 'large':\n        return '2rem'; \n      default:\n        if (String(this.size).endsWith('px') || String(this.size).endsWith('rem')) {\n          return String(this.size);\n        }\n        if (isNaN(Number(this.size))) {\n          console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`)\n          return '1.5rem';\n        }\n        return `${this.size}px`;\n    }\n  }\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=\"M11.25 5a.75.75 0 0 1 1.5 0v12.19l5.72-5.72a.75.75 0 1 1 1.06 1.06l-7 7a.75.75 0 0 1-1.003.052l-.057-.052-7-7-.052-.056a.75.75 0 0 1 1.056-1.056l.056.052 5.72 5.72z\"/></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"],"mappings":";;AAOA,IAAa,IAA2B,uBAWjC,IAAA,cAA+B,EAAW;;4BAOH,4BAO0E;;CAEtH,IAAY,QAAgB;EAC1B,QAAQ,KAAK,MAAb;GACE,KAAK,UACH,OAAO;GACT,KAAK,SACH,OAAO;GACT,KAAK,UACH,OAAO;GACT,KAAK,SACH,OAAO;GACT,SAQE,OAPI,OAAO,KAAK,IAAI,EAAE,SAAS,IAAI,KAAK,OAAO,KAAK,IAAI,EAAE,SAAS,KAAK,IAC/D,OAAO,KAAK,IAAI,IAErB,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,KAAK,yCAAyC,GAChF,YAEF,GAAG,KAAK,KAAK;EACxB;CACF;CAEA,SAAS;EACP,OAAO,CAAI;2EAC4D,KAAK,MAAM,YAAY,KAAK,MAAM,UAAU,KAAK,MAAM;;CAEhI;;gBAEgB,CAAG;;;;;;;;AAOnB;GA5CC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAOzB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UAf3B,EAAc,CAAwB,CAAA,GAAA,CAAA"}

package/fhi-icon-arrow-left.js

@@ -1,52 +1,35 @@
-import { i as c, n as h, a as m, b as u, t as p } from "./property-B2Ico5CW.js";
-var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, l = (a, r, s, i) => {
-  for (var e = i > 1 ? void 0 : i ? g(r, s) : r, n = a.length - 1, o; n >= 0; n--)
-    (o = a[n]) && (e = (i ? o(r, s, e) : o(e)) || e);
-  return i && e && f(r, s, e), e;
-};
-const z = "fhi-icon-arrow-left";
-let t = class extends m {
-  constructor() {
-    super(...arguments), this.color = "currentcolor", this.size = "medium";
-  }
-  get _size() {
-    switch (this.size) {
-      case "xsmall":
-        return "1rem";
-      case "small":
-        return "1.25rem";
-      case "medium":
-        return "1.5rem";
-      case "large":
-        return "2rem";
-      default:
-        return String(this.size).endsWith("px") || String(this.size).endsWith("rem") ? String(this.size) : isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`), "1.5rem") : `${this.size}px`;
-    }
-  }
-  render() {
-    return u`
+import { a as e, d as t, o as n, s as r, t as i, u as a } from "./decorate-DFXIek-k.js";
+//#region src/components/icons/fhi-icon-arrow-left.component.ts
+var o = "fhi-icon-arrow-left", s = class extends r {
+	constructor(...e) {
+		super(...e), this.color = "currentcolor", this.size = "medium";
+	}
+	get _size() {
+		switch (this.size) {
+			case "xsmall": return "1rem";
+			case "small": return "1.25rem";
+			case "medium": return "1.5rem";
+			case "large": return "2rem";
+			default: return String(this.size).endsWith("px") || String(this.size).endsWith("rem") ? String(this.size) : isNaN(Number(this.size)) ? (console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`), "1.5rem") : `${this.size}px`;
+		}
+	}
+	render() {
+		return a`
       <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="${this._size}" height="${this._size}" fill="${this.color}"><path d="M11.47 4.47a.75.75 0 1 1 1.06 1.06l-5.72 5.72H19a.75.75 0 1 1 0 1.5H6.81l5.72 5.72.052.056a.75.75 0 0 1-1.056 1.056l-.056-.052-7-7a.75.75 0 0 1 0-1.06z"/></svg>
     `;
-  }
-};
-t.styles = c`
+	}
+	static {
+		this.styles = t`
     :host {
       display: flex;
       max-height: min-content;
       max-width: min-content;
     }
   `;
-l([
-  h({ type: String })
-], t.prototype, "color", 2);
-l([
-  h({ type: String })
-], t.prototype, "size", 2);
-t = l([
-  p(z)
-], t);
-export {
-  t as FhiIconArrowLeft,
-  z as FhiIconArrowLeftSelector
+	}
 };
-//# sourceMappingURL=fhi-icon-arrow-left.js.map
+i([e({ type: String })], s.prototype, "color", void 0), i([e({ type: String })], s.prototype, "size", void 0), s = i([n(o)], s);
+//#endregion
+export { s as FhiIconArrowLeft, o as FhiIconArrowLeftSelector };
+
+//# sourceMappingURL=fhi-icon-arrow-left.js.map

package/fhi-icon-arrow-left.js.map

@@ -1 +1 @@
-{"version":3,"file":"fhi-icon-arrow-left.js","sources":["../../src/components/icons/fhi-icon-arrow-left.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 FhiIconArrowLeftSelector = \"fhi-icon-arrow-left\";\n\n/**\n * ## FhiIconArrowLeft\n * \n * {@link https://designsystem.fhi.no/?path=/docs/ikoner--docs}\n * \n * @tag fhi-icon-arrow-left\n * @element fhi-icon-arrow-left\n */\n@customElement(FhiIconArrowLeftSelector)\nexport class FhiIconArrowLeft extends LitElement {\n\n  /**\n   * Sets the color for the icon.\n   * Should preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)\n   * @type {string}\n   */ \n  @property({ type: String }) color: string = \"currentcolor\";\n\n  /**\n   * Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\n   * Number values are treated as px.\n   * @type { 'xsmall' | 'small' | 'medium' | 'large' | number | string}\n   */\n  @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number | `${number}px` | `${number}rem` = 'medium';\n\n  private get _size(): string {\n    switch (this.size) {\n      case 'xsmall': \n        return '1rem'; \n      case 'small':\n        return '1.25rem';\n      case 'medium':\n        return '1.5rem'; \n      case 'large':\n        return '2rem'; \n      default:\n        if (String(this.size).endsWith('px') || String(this.size).endsWith('rem')) {\n          return String(this.size);\n        }\n        if (isNaN(Number(this.size))) {\n          console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`)\n          return '1.5rem';\n        }\n        return `${this.size}px`;\n    }\n  }\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=\"M11.47 4.47a.75.75 0 1 1 1.06 1.06l-5.72 5.72H19a.75.75 0 1 1 0 1.5H6.81l5.72 5.72.052.056a.75.75 0 0 1-1.056 1.056l-.056-.052-7-7a.75.75 0 0 1 0-1.06z\"/></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":["FhiIconArrowLeftSelector","FhiIconArrowLeft","LitElement","html","css","__decorateClass","property","customElement"],"mappings":";;;;;;AAOO,MAAMA,IAA2B;AAWjC,IAAMC,IAAN,cAA+BC,EAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA,GAOuB,KAAA,QAAgB,gBAOhB,KAAA,OAA0F;AAAA,EAAA;AAAA,EAEtH,IAAY,QAAgB;AAC1B,YAAQ,KAAK,MAAA;AAAA,MACX,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT,KAAK;AACH,eAAO;AAAA,MACT;AACE,eAAI,OAAO,KAAK,IAAI,EAAE,SAAS,IAAI,KAAK,OAAO,KAAK,IAAI,EAAE,SAAS,KAAK,IAC/D,OAAO,KAAK,IAAI,IAErB,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,IAAI,0CAA0C,GAChF,YAEF,GAAG,KAAK,IAAI;AAAA,IAAA;AAAA,EAEzB;AAAA,EAEA,SAAS;AACP,WAAOC;AAAAA,2EACgE,KAAK,KAAK,aAAa,KAAK,KAAK,WAAW,KAAK,KAAK;AAAA;AAAA,EAE/H;AASA;AAnDWF,EA4CJ,SAASG;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AArCYC,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAPfL,EAOiB,WAAA,SAAA,CAAA;AAOAI,EAAA;AAAA,EAA3BC,EAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAdfL,EAciB,WAAA,QAAA,CAAA;AAdjBA,IAANI,EAAA;AAAA,EADNE,EAAcP,CAAwB;AAAA,GAC1BC,CAAA;"}
+{"version":3,"file":"fhi-icon-arrow-left.js","names":[],"sources":["../../src/components/icons/fhi-icon-arrow-left.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 FhiIconArrowLeftSelector = \"fhi-icon-arrow-left\";\n\n/**\n * ## FhiIconArrowLeft\n * \n * {@link https://designsystem.fhi.no/?path=/docs/ikoner--docs}\n * \n * @tag fhi-icon-arrow-left\n * @element fhi-icon-arrow-left\n */\n@customElement(FhiIconArrowLeftSelector)\nexport class FhiIconArrowLeft extends LitElement {\n\n  /**\n   * Sets the color for the icon.\n   * Should preferably be a color token. See [Color Tokens](https://designsystem.fhi.no/?path=/docs/design-tokens-farger--docs)\n   * @type {string}\n   */ \n  @property({ type: String }) color: string = \"currentcolor\";\n\n  /**\n   * Sets the size of the icon. Can be one of the predefined sizes, a number value, rem or px.\n   * Number values are treated as px.\n   * @type { 'xsmall' | 'small' | 'medium' | 'large' | number | string}\n   */\n  @property({ type: String }) size: 'xsmall' | 'small' | 'medium' | 'large' | number | `${number}px` | `${number}rem` = 'medium';\n\n  private get _size(): string {\n    switch (this.size) {\n      case 'xsmall': \n        return '1rem'; \n      case 'small':\n        return '1.25rem';\n      case 'medium':\n        return '1.5rem'; \n      case 'large':\n        return '2rem'; \n      default:\n        if (String(this.size).endsWith('px') || String(this.size).endsWith('rem')) {\n          return String(this.size);\n        }\n        if (isNaN(Number(this.size))) {\n          console.warn(`Invalid size value: ${this.size}. Falling back to default size '1.5rem'.`)\n          return '1.5rem';\n        }\n        return `${this.size}px`;\n    }\n  }\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=\"M11.47 4.47a.75.75 0 1 1 1.06 1.06l-5.72 5.72H19a.75.75 0 1 1 0 1.5H6.81l5.72 5.72.052.056a.75.75 0 0 1-1.056 1.056l-.056-.052-7-7a.75.75 0 0 1 0-1.06z\"/></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"],"mappings":";;AAOA,IAAa,IAA2B,uBAWjC,IAAA,cAA+B,EAAW;;4BAOH,4BAO0E;;CAEtH,IAAY,QAAgB;EAC1B,QAAQ,KAAK,MAAb;GACE,KAAK,UACH,OAAO;GACT,KAAK,SACH,OAAO;GACT,KAAK,UACH,OAAO;GACT,KAAK,SACH,OAAO;GACT,SAQE,OAPI,OAAO,KAAK,IAAI,EAAE,SAAS,IAAI,KAAK,OAAO,KAAK,IAAI,EAAE,SAAS,KAAK,IAC/D,OAAO,KAAK,IAAI,IAErB,MAAM,OAAO,KAAK,IAAI,CAAC,KACzB,QAAQ,KAAK,uBAAuB,KAAK,KAAK,yCAAyC,GAChF,YAEF,GAAG,KAAK,KAAK;EACxB;CACF;CAEA,SAAS;EACP,OAAO,CAAI;2EAC4D,KAAK,MAAM,YAAY,KAAK,MAAM,UAAU,KAAK,MAAM;;CAEhI;;gBAEgB,CAAG;;;;;;;;AAOnB;GA5CC,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,SAAA,KAAA,CAAA,MAOzB,EAAS,EAAE,MAAM,OAAO,CAAC,CAAA,GAAA,EAAA,WAAA,QAAA,KAAA,CAAA,UAf3B,EAAc,CAAwB,CAAA,GAAA,CAAA"}