@helsenorge/designsystem-react 8.1.0 → 8.2.0

package/components/Input/Input.js

@@ -1,30 +1,31 @@
 import r, { useRef as K, useState as $, useEffect as xe } from "react";
 import v from "classnames";
-import { FormMode as l, FormSize as Ce, IconSize as B, AnalyticsId as _e, AVERAGE_CHARACTER_WIDTH_PX as ve } from "../../constants.js";
-import { useBreakpoint as ye, Breakpoint as Ee } from "../../hooks/useBreakpoint.js";
-import { useUuid as U } from "../../hooks/useUuid.js";
-import { getColor as F } from "../../theme/currys/color.js";
-import { getAriaDescribedBy as ke } from "../../utils/accessibility.js";
-import { ErrorWrapper as we } from "../ErrorWrapper/ErrorWrapper.js";
-import { Icon as Ne } from "../Icon/Icon.js";
-import { renderLabel as Ie } from "../Label/Label.js";
-import { LazyIcon as Re } from "../LazyIcon/LazyIcon.js";
-import We from "../MaxCharacters/MaxCharacters.js";
+import { FormMode as l, FormSize as _e, IconSize as B, AnalyticsId as ve, AVERAGE_CHARACTER_WIDTH_PX as ye } from "../../constants.js";
+import { useBreakpoint as Ee, Breakpoint as ke } from "../../hooks/useBreakpoint.js";
+import { useUuid as L } from "../../hooks/useUuid.js";
+import { getColor as U } from "../../theme/currys/color.js";
+import { getAriaDescribedBy as we } from "../../utils/accessibility.js";
+import { mergeRefs as Ne } from "../../utils/refs.js";
+import { ErrorWrapper as Ie } from "../ErrorWrapper/ErrorWrapper.js";
+import { Icon as Re } from "../Icon/Icon.js";
+import { renderLabel as We } from "../Label/Label.js";
+import { LazyIcon as Se } from "../LazyIcon/LazyIcon.js";
+import ze from "../MaxCharacters/MaxCharacters.js";
 import t from "../Input/styles.module.scss";
-var Se = /* @__PURE__ */ ((e) => (e.text = "text", e.number = "number", e.email = "email", e.password = "password", e.search = "search", e.tel = "tel", e.url = "url", e.date = "date", e.time = "time", e))(Se || {});
-const ze = (e, s, p) => {
+var Ae = /* @__PURE__ */ ((e) => (e.text = "text", e.number = "number", e.email = "email", e.password = "password", e.search = "search", e.tel = "tel", e.url = "url", e.date = "date", e.time = "time", e))(Ae || {});
+const Ve = (e, s, p) => {
   const i = s ? "1.5rem" : "2rem", f = s ? `${p}px` : "0px";
-  return `calc(${e * ve}px + ${i} + ${f} + 4px)`;
-}, Ae = r.forwardRef((e, s) => {
+  return `calc(${e * ye}px + ${i} + ${f} + 4px)`;
+}, De = r.forwardRef((e, s) => {
   const {
     className: p,
     defaultValue: i,
     placeholder: f,
     type: h = "text",
-    name: L,
+    name: F,
     transparent: M = !1,
     icon: a,
-    iconRight: b,
+    iconRight: g,
     inputId: P,
     inputWrapperRef: H,
     mode: c = l.onwhite,
@@ -47,70 +48,82 @@ const ze = (e, s, p) => {
     autoFocus: ee,
     maxCharacters: d,
     maxText: te,
-    ...ne
-  } = e, re = ye(), m = K(null), I = U(P), [R, W] = $(i || ""), [ae, oe] = $(void 0), g = K(!1), S = U(G), z = /^[0-9]$/;
+    inputContainerRef: ne,
+    ...re
+  } = e, ae = Ee(), m = K(null), I = L(P), [R, W] = $(i || ""), [oe, ie] = $(void 0), b = K(!1), S = L(G), z = /^[0-9]$/;
   xe(() => {
     W(i || "");
   }, [i]);
-  const ie = c === l.ondark, ce = c === l.onblueberry, le = !!d && R.toString().length > d, x = c === l.oninvalid || !!E || !!q || le, C = O === Ce.large, se = M && c !== l.ondark && !x, ue = v(t["input-wrapper"], p), de = v(t["input-container"], {
-    [t["input-container--transparent"]]: se,
-    [t["input-container--on-blueberry"]]: ce,
-    [t["input-container--on-dark"]]: ie,
-    [t["input-container--invalid"]]: x,
-    [t["input-container--large"]]: C,
+  const ce = c === l.ondark, le = c === l.onblueberry, se = !!d && R.toString().length > d, C = c === l.oninvalid || !!E || !!q || se, x = O === _e.large, ue = M && c !== l.ondark && !C, de = v(t["input-wrapper"], p), me = v(t["input-container"], {
+    [t["input-container--transparent"]]: ue,
+    [t["input-container--on-blueberry"]]: le,
+    [t["input-container--on-dark"]]: ce,
+    [t["input-container--invalid"]]: C,
+    [t["input-container--large"]]: x,
     [t["input-container--disabled"]]: u,
     [t["input-container--with-icon"]]: a
-  }), me = v(t["input-container__input"], {
-    [t["input-container__input--large"]]: C,
+  }), pe = v(t["input-container__input"], {
+    [t["input-container__input--large"]]: x,
     [t["input-container__input--disabled"]]: u
-  }), A = u ? F("neutral", 700) : F("black"), _ = re === Ee.xs || !C ? B.XSmall : B.Small, V = () => {
+  }), A = u ? U("neutral", 700) : U("black"), _ = ae === ke.xs || !x ? B.XSmall : B.Small, V = () => {
     if (a)
-      return typeof a == "string" ? /* @__PURE__ */ r.createElement(Re, { className: t["input-container__input__icon"], color: A, size: _, iconName: a }) : /* @__PURE__ */ r.createElement(Ne, { className: t["input-container__input__icon"], color: A, size: _, svgIcon: a });
-  }, pe = (n) => {
+      return typeof a == "string" ? /* @__PURE__ */ r.createElement(Se, { className: t["input-container__input__icon"], color: A, size: _, iconName: a }) : /* @__PURE__ */ r.createElement(Re, { className: t["input-container__input__icon"], color: A, size: _, svgIcon: a });
+  }, fe = (n) => {
     if (m && m.current && a) {
-      const o = b ? 0 : 1;
+      const o = g ? 0 : 1;
       m.current.children[o].focus(), e.onClick && e.onClick(n);
     }
-  }, fe = (n) => {
-    const o = he(n);
-    w && w(n), W(o), oe(o);
   }, he = (n) => {
+    const o = ge(n);
+    w && w(n), W(o), ie(o);
+  }, ge = (n) => {
     if (typeof y > "u" || h !== "number") return n.target.value;
     const o = Number(n.target.value);
-    return !ae && !g.current && (o === 1 || o === -1) && (n.target.value = y + ""), n.target.value;
+    return !oe && !b.current && (o === 1 || o === -1) && (n.target.value = y + ""), n.target.value;
   }, be = (n) => {
-    z.test(n.key) && (g.current = !0), N && N(n);
-  }, ge = (n) => {
-    z.test(n.key) && (g.current = !1);
-  }, D = k ? ze(k, !!a, _) : void 0;
-  return /* @__PURE__ */ r.createElement(we, { errorText: E, errorTextId: S }, /* @__PURE__ */ r.createElement("div", { "data-testid": j, "data-analyticsid": _e.Input, className: ue, ref: H }, Ie(X, I, c), /* @__PURE__ */ r.createElement("div", { className: t["content-wrapper"] }, /* @__PURE__ */ r.createElement("div", { onClick: pe, ref: m, className: de, style: { maxWidth: D } }, !b && V(), /* @__PURE__ */ r.createElement(
-    "input",
+    z.test(n.key) && (b.current = !0), N && N(n);
+  }, Ce = (n) => {
+    z.test(n.key) && (b.current = !1);
+  }, D = k ? Ve(k, !!a, _) : void 0;
+  return /* @__PURE__ */ r.createElement(Ie, { errorText: E, errorTextId: S }, /* @__PURE__ */ r.createElement("div", { "data-testid": j, "data-analyticsid": ve.Input, className: de, ref: H }, We(X, I, c), /* @__PURE__ */ r.createElement("div", { className: t["content-wrapper"] }, /* @__PURE__ */ r.createElement(
+    "div",
     {
-      onChange: fe,
-      onKeyDown: be,
-      onKeyUp: ge,
-      name: L,
-      type: h,
-      defaultValue: i,
-      id: I,
+      onClick: fe,
+      ref: Ne([m, ne]),
       className: me,
-      ref: s,
-      "aria-labelledby": e["aria-labelledby"] ?? void 0,
-      "aria-describedby": ke(e, S),
-      "aria-invalid": !!x,
-      disabled: u,
-      placeholder: f,
-      readOnly: J,
-      autoComplete: Q || "off",
-      required: Z,
-      autoFocus: ee,
-      ...ne
-    }
-  ), b && V()), /* @__PURE__ */ r.createElement("div", { className: t["content-wrapper__right-of-input"] }, Y)), d && /* @__PURE__ */ r.createElement(We, { maxCharacters: d, length: R.toString().length, maxText: te, mode: c, maxWidth: D }), T));
+      style: { maxWidth: D }
+    },
+    !g && V(),
+    /* @__PURE__ */ r.createElement(
+      "input",
+      {
+        onChange: he,
+        onKeyDown: be,
+        onKeyUp: Ce,
+        name: F,
+        type: h,
+        defaultValue: i,
+        id: I,
+        className: pe,
+        ref: s,
+        "aria-labelledby": e["aria-labelledby"] ?? void 0,
+        "aria-describedby": we(e, S),
+        "aria-invalid": !!C,
+        disabled: u,
+        placeholder: f,
+        readOnly: J,
+        autoComplete: Q || "off",
+        required: Z,
+        autoFocus: ee,
+        ...re
+      }
+    ),
+    g && V()
+  ), /* @__PURE__ */ r.createElement("div", { className: t["content-wrapper__right-of-input"] }, Y)), d && /* @__PURE__ */ r.createElement(ze, { maxCharacters: d, length: R.toString().length, maxText: te, mode: c, maxWidth: D }), T));
 });
-Ae.displayName = "Input";
+De.displayName = "Input";
 export {
-  Se as InputTypes,
-  Ae as default
+  Ae as InputTypes,
+  De as default
 };
 //# sourceMappingURL=Input.js.map

package/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport cn from 'classnames';\n\nimport { FormMode, FormSize, AnalyticsId, AVERAGE_CHARACTER_WIDTH_PX } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport { useUuid } from '../../hooks/useUuid';\nimport { getColor } from '../../theme/currys';\nimport { getAriaDescribedBy } from '../../utils/accessibility';\nimport ErrorWrapper from '../ErrorWrapper';\nimport Icon, { IconSize, SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\nimport { renderLabel } from '../Label';\nimport LazyIcon from '../LazyIcon';\nimport MaxCharacters from '../MaxCharacters/MaxCharacters';\n\nimport styles from './styles.module.scss';\n\nexport interface InputProps\n  extends Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    | 'disabled'\n    | 'readOnly'\n    | 'autoComplete'\n    | 'name'\n    | 'placeholder'\n    | 'defaultValue'\n    | 'required'\n    | 'value'\n    | 'min'\n    | 'max'\n    | 'aria-describedby'\n    | 'aria-labelledby'\n    | 'onBlur'\n    | 'onClick'\n    | 'onChange'\n    | 'onFocus'\n    | 'onKeyDown'\n    | 'autoFocus'\n  > {\n  /** The number at which the input field starts when you increment or decrement it */\n  baseIncrementValue?: number;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /**  HMTL Input type */\n  type?: keyof typeof InputTypes;\n  /** input id */\n  inputId?: string;\n  /** Width of input field in characters (approximate) */\n  width?: number;\n  /** If true, the component will be transparent. */\n  transparent?: boolean;\n  /** Icon to be displayed next to the input field */\n  icon?: SvgIcon | IconName;\n  /** Places the icon to the right */\n  iconRight?: boolean;\n  /** Ref that is placed on the inputWrapper */\n  inputWrapperRef?: React.RefObject<HTMLDivElement>;\n  /** Changes the color profile of the input */\n  mode?: keyof typeof FormMode;\n  /** Changes the visuals of the input */\n  size?: keyof typeof FormSize;\n  /** Label of the input */\n  label?: React.ReactNode;\n  /** Activates Error style for the input */\n  error?: boolean;\n  /** Error text to show above the component */\n  errorText?: string;\n  /** Error text id */\n  errorTextId?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Component shown after input */\n  afterInputChildren?: React.ReactNode;\n  /** Component shown to the right of input */\n  rightOfInput?: React.ReactNode;\n  /** max character limit in input  */\n  maxCharacters?: number;\n  /** The text is displayed in the end of the text-counter */\n  maxText?: string;\n}\n\nexport enum InputTypes {\n  text = 'text',\n  number = 'number',\n  email = 'email',\n  password = 'password',\n  search = 'search',\n  tel = 'tel',\n  url = 'url',\n  date = 'date',\n  time = 'time',\n}\n\nconst getInputMaxWidth = (characters: number, hasIcon: boolean, iconSize: number): string => {\n  const paddingWidth = hasIcon ? '1.5rem' : '2rem';\n  const iconWidth = hasIcon ? `${iconSize}px` : '0px';\n  const borderWidth = '4px';\n\n  return `calc(${characters * AVERAGE_CHARACTER_WIDTH_PX}px + ${paddingWidth} + ${iconWidth} + ${borderWidth})`;\n};\n\nconst Input = React.forwardRef((props: InputProps, ref: React.Ref<HTMLInputElement>) => {\n  const {\n    className,\n    defaultValue,\n    placeholder,\n    type = InputTypes.text,\n    name,\n    transparent = false,\n    icon,\n    iconRight,\n    inputId,\n    inputWrapperRef,\n    mode = FormMode.onwhite,\n    size,\n    baseIncrementValue,\n    label,\n    error,\n    errorText,\n    errorTextId,\n    testId,\n    disabled,\n    readOnly,\n    autoComplete = 'off',\n    afterInputChildren,\n    rightOfInput,\n    width,\n    required,\n    onChange,\n    onKeyDown,\n    autoFocus,\n    maxCharacters,\n    maxText,\n    ...rest\n  } = props;\n  const breakpoint = useBreakpoint();\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const inputIdState = useUuid(inputId);\n  const [input, setInput] = useState(defaultValue || '');\n  const [prevValue, setPrevValue] = useState<string | number | undefined>(undefined);\n  const numKeyPressed = useRef<boolean>(false);\n  const errorTextUuid = useUuid(errorTextId);\n  const numRegex = /^[0-9]$/;\n\n  useEffect(() => {\n    setInput(defaultValue || '');\n  }, [defaultValue]);\n\n  const onDark = mode === FormMode.ondark;\n  const onBlueberry = mode === FormMode.onblueberry;\n  const maxCharactersExceeded = !!maxCharacters && input.toString().length > maxCharacters;\n  const onError = mode === FormMode.oninvalid || !!errorText || !!error || maxCharactersExceeded;\n  const isLarge = size === FormSize.large;\n  const isTransparent = transparent && mode !== FormMode.ondark && !onError;\n\n  const inputWrapperClass = cn(styles['input-wrapper'], className);\n\n  const inputContainer = cn(styles['input-container'], {\n    [styles['input-container--transparent']]: isTransparent,\n    [styles['input-container--on-blueberry']]: onBlueberry,\n    [styles['input-container--on-dark']]: onDark,\n    [styles['input-container--invalid']]: onError,\n    [styles['input-container--large']]: isLarge,\n    [styles['input-container--disabled']]: disabled,\n    [styles['input-container--with-icon']]: icon,\n  });\n\n  const inputClass = cn(styles['input-container__input'], {\n    [styles['input-container__input--large']]: isLarge,\n    [styles['input-container__input--disabled']]: disabled,\n  });\n\n  const iconColor = disabled ? getColor('neutral', 700) : getColor('black');\n  const iconSize = breakpoint === Breakpoint.xs || !isLarge ? IconSize.XSmall : IconSize.Small;\n\n  const renderIcon = (): React.ReactNode => {\n    if (!icon) {\n      return;\n    }\n\n    if (typeof icon === 'string') {\n      return <LazyIcon className={styles['input-container__input__icon']} color={iconColor} size={iconSize} iconName={icon} />;\n    }\n\n    return <Icon className={styles['input-container__input__icon']} color={iconColor} size={iconSize} svgIcon={icon} />;\n  };\n\n  // eslint-disable-next-line\n  const handleClick = (e: React.MouseEvent<any>): void => {\n    if (inputContainerRef && inputContainerRef.current && icon) {\n      const selectedChild = iconRight ? 0 : 1;\n      const input = inputContainerRef.current.children[selectedChild] as HTMLInputElement;\n      input.focus();\n\n      props.onClick && props.onClick(e);\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    const newValue = getIncrementValue(e);\n\n    if (onChange) {\n      onChange(e);\n    }\n\n    setInput(newValue);\n    setPrevValue(newValue);\n  };\n\n  // Hvis bruker endrer number value med 1 og det skal startes på en annen verdi enn 0\n  const getIncrementValue = (e: React.ChangeEvent<HTMLInputElement>): string => {\n    if (typeof baseIncrementValue === 'undefined' || type !== 'number') return e.target.value;\n\n    const valueAsNumber = Number(e.target.value);\n\n    if (!prevValue && !numKeyPressed.current && (valueAsNumber === 1 || valueAsNumber === -1)) {\n      e.target.value = baseIncrementValue + '';\n    }\n\n    return e.target.value;\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>): void => {\n    if (numRegex.test(e.key)) {\n      numKeyPressed.current = true;\n    }\n    onKeyDown && onKeyDown(e);\n  };\n\n  const handleKeyUp = (e: React.KeyboardEvent<HTMLInputElement>): void => {\n    if (numRegex.test(e.key)) {\n      numKeyPressed.current = false;\n    }\n  };\n\n  const maxWidth = width ? getInputMaxWidth(width, !!icon, iconSize) : undefined;\n\n  return (\n    <ErrorWrapper errorText={errorText} errorTextId={errorTextUuid}>\n      <div data-testid={testId} data-analyticsid={AnalyticsId.Input} className={inputWrapperClass} ref={inputWrapperRef}>\n        {renderLabel(label, inputIdState, mode as FormMode)}\n        {/* input-elementet tillater keyboard-interaksjon */}\n        <div className={styles['content-wrapper']}>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n          <div onClick={handleClick} ref={inputContainerRef} className={inputContainer} style={{ maxWidth }}>\n            {!iconRight && renderIcon()}\n            <input\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onKeyUp={handleKeyUp}\n              name={name}\n              type={type}\n              defaultValue={defaultValue}\n              id={inputIdState}\n              className={inputClass}\n              ref={ref}\n              aria-labelledby={props['aria-labelledby'] ?? undefined}\n              aria-describedby={getAriaDescribedBy(props, errorTextUuid)}\n              aria-invalid={!!onError}\n              disabled={disabled}\n              placeholder={placeholder}\n              readOnly={readOnly}\n              autoComplete={autoComplete || 'off'}\n              required={required}\n              // eslint-disable-next-line jsx-a11y/no-autofocus\n              autoFocus={autoFocus}\n              {...rest}\n            />\n            {iconRight && renderIcon()}\n          </div>\n          <div className={styles['content-wrapper__right-of-input']}>{rightOfInput}</div>\n        </div>\n        {maxCharacters && (\n          <MaxCharacters maxCharacters={maxCharacters} length={input.toString().length} maxText={maxText} mode={mode} maxWidth={maxWidth} />\n        )}\n        {afterInputChildren}\n      </div>\n    </ErrorWrapper>\n  );\n});\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["InputTypes","getInputMaxWidth","characters","hasIcon","iconSize","paddingWidth","iconWidth","AVERAGE_CHARACTER_WIDTH_PX","Input","React","props","ref","className","defaultValue","placeholder","type","name","transparent","icon","iconRight","inputId","inputWrapperRef","mode","FormMode","size","baseIncrementValue","label","error","errorText","errorTextId","testId","disabled","readOnly","autoComplete","afterInputChildren","rightOfInput","width","required","onChange","onKeyDown","autoFocus","maxCharacters","maxText","rest","breakpoint","useBreakpoint","inputContainerRef","useRef","inputIdState","useUuid","input","setInput","useState","prevValue","setPrevValue","numKeyPressed","errorTextUuid","numRegex","useEffect","onDark","onBlueberry","maxCharactersExceeded","onError","isLarge","FormSize","isTransparent","inputWrapperClass","cn","styles","inputContainer","inputClass","iconColor","getColor","Breakpoint","IconSize","renderIcon","LazyIcon","Icon","handleClick","e","selectedChild","handleChange","newValue","getIncrementValue","valueAsNumber","handleKeyDown","handleKeyUp","maxWidth","ErrorWrapper","AnalyticsId","renderLabel","getAriaDescribedBy","MaxCharacters"],"mappings":"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"}
+{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport cn from 'classnames';\n\nimport { FormMode, FormSize, AnalyticsId, AVERAGE_CHARACTER_WIDTH_PX } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport { useUuid } from '../../hooks/useUuid';\nimport { getColor } from '../../theme/currys';\nimport { getAriaDescribedBy } from '../../utils/accessibility';\nimport { mergeRefs } from '../../utils/refs';\nimport ErrorWrapper from '../ErrorWrapper';\nimport Icon, { IconSize, SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\nimport { renderLabel } from '../Label';\nimport LazyIcon from '../LazyIcon';\nimport MaxCharacters from '../MaxCharacters/MaxCharacters';\n\nimport styles from './styles.module.scss';\n\nexport interface InputProps\n  extends Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    | 'disabled'\n    | 'readOnly'\n    | 'autoComplete'\n    | 'name'\n    | 'placeholder'\n    | 'defaultValue'\n    | 'required'\n    | 'value'\n    | 'min'\n    | 'max'\n    | 'aria-describedby'\n    | 'aria-labelledby'\n    | 'onBlur'\n    | 'onClick'\n    | 'onChange'\n    | 'onFocus'\n    | 'onKeyDown'\n    | 'autoFocus'\n  > {\n  /** The number at which the input field starts when you increment or decrement it */\n  baseIncrementValue?: number;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /**  HMTL Input type */\n  type?: keyof typeof InputTypes;\n  /** input id */\n  inputId?: string;\n  /** Width of input field in characters (approximate) */\n  width?: number;\n  /** If true, the component will be transparent. */\n  transparent?: boolean;\n  /** Icon to be displayed next to the input field */\n  icon?: SvgIcon | IconName;\n  /** Places the icon to the right */\n  iconRight?: boolean;\n  /** Ref that is placed on the inputContainerRef */\n  inputContainerRef?: React.RefObject<HTMLDivElement>;\n  /** Ref that is placed on the inputWrapper */\n  inputWrapperRef?: React.RefObject<HTMLDivElement>;\n  /** Changes the color profile of the input */\n  mode?: keyof typeof FormMode;\n  /** Changes the visuals of the input */\n  size?: keyof typeof FormSize;\n  /** Label of the input */\n  label?: React.ReactNode;\n  /** Activates Error style for the input */\n  error?: boolean;\n  /** Error text to show above the component */\n  errorText?: string;\n  /** Error text id */\n  errorTextId?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Component shown after input */\n  afterInputChildren?: React.ReactNode;\n  /** Component shown to the right of input */\n  rightOfInput?: React.ReactNode;\n  /** max character limit in input  */\n  maxCharacters?: number;\n  /** The text is displayed in the end of the text-counter */\n  maxText?: string;\n}\n\nexport enum InputTypes {\n  text = 'text',\n  number = 'number',\n  email = 'email',\n  password = 'password',\n  search = 'search',\n  tel = 'tel',\n  url = 'url',\n  date = 'date',\n  time = 'time',\n}\n\nconst getInputMaxWidth = (characters: number, hasIcon: boolean, iconSize: number): string => {\n  const paddingWidth = hasIcon ? '1.5rem' : '2rem';\n  const iconWidth = hasIcon ? `${iconSize}px` : '0px';\n  const borderWidth = '4px';\n\n  return `calc(${characters * AVERAGE_CHARACTER_WIDTH_PX}px + ${paddingWidth} + ${iconWidth} + ${borderWidth})`;\n};\n\nconst Input = React.forwardRef((props: InputProps, ref: React.Ref<HTMLInputElement>) => {\n  const {\n    className,\n    defaultValue,\n    placeholder,\n    type = InputTypes.text,\n    name,\n    transparent = false,\n    icon,\n    iconRight,\n    inputId,\n    inputWrapperRef,\n    mode = FormMode.onwhite,\n    size,\n    baseIncrementValue,\n    label,\n    error,\n    errorText,\n    errorTextId,\n    testId,\n    disabled,\n    readOnly,\n    autoComplete = 'off',\n    afterInputChildren,\n    rightOfInput,\n    width,\n    required,\n    onChange,\n    onKeyDown,\n    autoFocus,\n    maxCharacters,\n    maxText,\n    inputContainerRef,\n    ...rest\n  } = props;\n  const breakpoint = useBreakpoint();\n  const inputContainerRefLocal = useRef<HTMLDivElement>(null);\n  const inputIdState = useUuid(inputId);\n  const [input, setInput] = useState(defaultValue || '');\n  const [prevValue, setPrevValue] = useState<string | number | undefined>(undefined);\n  const numKeyPressed = useRef<boolean>(false);\n  const errorTextUuid = useUuid(errorTextId);\n  const numRegex = /^[0-9]$/;\n\n  useEffect(() => {\n    setInput(defaultValue || '');\n  }, [defaultValue]);\n\n  const onDark = mode === FormMode.ondark;\n  const onBlueberry = mode === FormMode.onblueberry;\n  const maxCharactersExceeded = !!maxCharacters && input.toString().length > maxCharacters;\n  const onError = mode === FormMode.oninvalid || !!errorText || !!error || maxCharactersExceeded;\n  const isLarge = size === FormSize.large;\n  const isTransparent = transparent && mode !== FormMode.ondark && !onError;\n\n  const inputWrapperClass = cn(styles['input-wrapper'], className);\n\n  const inputContainer = cn(styles['input-container'], {\n    [styles['input-container--transparent']]: isTransparent,\n    [styles['input-container--on-blueberry']]: onBlueberry,\n    [styles['input-container--on-dark']]: onDark,\n    [styles['input-container--invalid']]: onError,\n    [styles['input-container--large']]: isLarge,\n    [styles['input-container--disabled']]: disabled,\n    [styles['input-container--with-icon']]: icon,\n  });\n\n  const inputClass = cn(styles['input-container__input'], {\n    [styles['input-container__input--large']]: isLarge,\n    [styles['input-container__input--disabled']]: disabled,\n  });\n\n  const iconColor = disabled ? getColor('neutral', 700) : getColor('black');\n  const iconSize = breakpoint === Breakpoint.xs || !isLarge ? IconSize.XSmall : IconSize.Small;\n\n  const renderIcon = (): React.ReactNode => {\n    if (!icon) {\n      return;\n    }\n\n    if (typeof icon === 'string') {\n      return <LazyIcon className={styles['input-container__input__icon']} color={iconColor} size={iconSize} iconName={icon} />;\n    }\n\n    return <Icon className={styles['input-container__input__icon']} color={iconColor} size={iconSize} svgIcon={icon} />;\n  };\n\n  // eslint-disable-next-line\n  const handleClick = (e: React.MouseEvent<any>): void => {\n    if (inputContainerRefLocal && inputContainerRefLocal.current && icon) {\n      const selectedChild = iconRight ? 0 : 1;\n      const input = inputContainerRefLocal.current.children[selectedChild] as HTMLInputElement;\n      input.focus();\n\n      props.onClick && props.onClick(e);\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    const newValue = getIncrementValue(e);\n\n    if (onChange) {\n      onChange(e);\n    }\n\n    setInput(newValue);\n    setPrevValue(newValue);\n  };\n\n  // Hvis bruker endrer number value med 1 og det skal startes på en annen verdi enn 0\n  const getIncrementValue = (e: React.ChangeEvent<HTMLInputElement>): string => {\n    if (typeof baseIncrementValue === 'undefined' || type !== 'number') return e.target.value;\n\n    const valueAsNumber = Number(e.target.value);\n\n    if (!prevValue && !numKeyPressed.current && (valueAsNumber === 1 || valueAsNumber === -1)) {\n      e.target.value = baseIncrementValue + '';\n    }\n\n    return e.target.value;\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>): void => {\n    if (numRegex.test(e.key)) {\n      numKeyPressed.current = true;\n    }\n    onKeyDown && onKeyDown(e);\n  };\n\n  const handleKeyUp = (e: React.KeyboardEvent<HTMLInputElement>): void => {\n    if (numRegex.test(e.key)) {\n      numKeyPressed.current = false;\n    }\n  };\n\n  const maxWidth = width ? getInputMaxWidth(width, !!icon, iconSize) : undefined;\n\n  return (\n    <ErrorWrapper errorText={errorText} errorTextId={errorTextUuid}>\n      <div data-testid={testId} data-analyticsid={AnalyticsId.Input} className={inputWrapperClass} ref={inputWrapperRef}>\n        {renderLabel(label, inputIdState, mode as FormMode)}\n        {/* input-elementet tillater keyboard-interaksjon */}\n        <div className={styles['content-wrapper']}>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n          <div\n            onClick={handleClick}\n            ref={mergeRefs([inputContainerRefLocal, inputContainerRef])}\n            className={inputContainer}\n            style={{ maxWidth }}\n          >\n            {!iconRight && renderIcon()}\n            <input\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onKeyUp={handleKeyUp}\n              name={name}\n              type={type}\n              defaultValue={defaultValue}\n              id={inputIdState}\n              className={inputClass}\n              ref={ref}\n              aria-labelledby={props['aria-labelledby'] ?? undefined}\n              aria-describedby={getAriaDescribedBy(props, errorTextUuid)}\n              aria-invalid={!!onError}\n              disabled={disabled}\n              placeholder={placeholder}\n              readOnly={readOnly}\n              autoComplete={autoComplete || 'off'}\n              required={required}\n              // eslint-disable-next-line jsx-a11y/no-autofocus\n              autoFocus={autoFocus}\n              {...rest}\n            />\n            {iconRight && renderIcon()}\n          </div>\n          <div className={styles['content-wrapper__right-of-input']}>{rightOfInput}</div>\n        </div>\n        {maxCharacters && (\n          <MaxCharacters maxCharacters={maxCharacters} length={input.toString().length} maxText={maxText} mode={mode} maxWidth={maxWidth} />\n        )}\n        {afterInputChildren}\n      </div>\n    </ErrorWrapper>\n  );\n});\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["InputTypes","getInputMaxWidth","characters","hasIcon","iconSize","paddingWidth","iconWidth","AVERAGE_CHARACTER_WIDTH_PX","Input","React","props","ref","className","defaultValue","placeholder","type","name","transparent","icon","iconRight","inputId","inputWrapperRef","mode","FormMode","size","baseIncrementValue","label","error","errorText","errorTextId","testId","disabled","readOnly","autoComplete","afterInputChildren","rightOfInput","width","required","onChange","onKeyDown","autoFocus","maxCharacters","maxText","inputContainerRef","rest","breakpoint","useBreakpoint","inputContainerRefLocal","useRef","inputIdState","useUuid","input","setInput","useState","prevValue","setPrevValue","numKeyPressed","errorTextUuid","numRegex","useEffect","onDark","onBlueberry","maxCharactersExceeded","onError","isLarge","FormSize","isTransparent","inputWrapperClass","cn","styles","inputContainer","inputClass","iconColor","getColor","Breakpoint","IconSize","renderIcon","LazyIcon","Icon","handleClick","e","selectedChild","handleChange","newValue","getIncrementValue","valueAsNumber","handleKeyDown","handleKeyUp","maxWidth","ErrorWrapper","AnalyticsId","renderLabel","mergeRefs","getAriaDescribedBy","MaxCharacters"],"mappings":"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"}

package/components/Input/styles.module.scss

@@ -32,13 +32,13 @@
 }
 
 .input-container {
-  @include input-container;
-
   $container: &;
 
   padding: 0.5rem 0;
   align-items: center;
 
+  @include input-container;
+
   &--with-icon {
     padding: 1px 0;
 

package/components/LazyIcon/LazyIcon.js

@@ -4,7 +4,7 @@ import I from "./ErrorBoundary.js";
 import { isServerSide as x } from "./utils.js";
 import { Icon as a } from "../Icon/Icon.js";
 import { IconSize as l } from "../../constants.js";
-const h = (o) => p(() => c(/* @__PURE__ */ Object.assign({ "../Icons/ActiveMonitoring.tsx": () => import("../Icons/ActiveMonitoring.js"), "../Icons/AcupunctureBack.tsx": () => import("../Icons/AcupunctureBack.js"), "../Icons/AlarmClock.tsx": () => import("../Icons/AlarmClock.js"), "../Icons/AlertSignFill.tsx": () => import("../Icons/AlertSignFill.js"), "../Icons/AlertSignStroke.tsx": () => import("../Icons/AlertSignStroke.js"), "../Icons/Amputation.tsx": () => import("../Icons/Amputation.js"), "../Icons/Anxiety.tsx": () => import("../Icons/Anxiety.js"), "../Icons/Apple.tsx": () => import("../Icons/Apple.js"), "../Icons/Archive.tsx": () => import("../Icons/Archive.js"), "../Icons/ArmFlexing.tsx": () => import("../Icons/ArmFlexing.js"), "../Icons/ArrowDown.tsx": () => import("../Icons/ArrowDown.js"), "../Icons/ArrowLeft.tsx": () => import("../Icons/ArrowLeft.js"), "../Icons/ArrowRight.tsx": () => import("../Icons/ArrowRight.js"), "../Icons/ArrowUp.tsx": () => import("../Icons/ArrowUp.js"), "../Icons/ArrowUpRight.tsx": () => import("../Icons/ArrowUpRight.js"), "../Icons/Attachment.tsx": () => import("../Icons/Attachment.js"), "../Icons/Atv.tsx": () => import("../Icons/Atv.js"), "../Icons/Avatar.tsx": () => import("../Icons/Avatar.js"), "../Icons/AwakePersonOnPillow.tsx": () => import("../Icons/AwakePersonOnPillow.js"), "../Icons/Baby.tsx": () => import("../Icons/Baby.js"), "../Icons/BandAid.tsx": () => import("../Icons/BandAid.js"), "../Icons/BeerAndPills.tsx": () => import("../Icons/BeerAndPills.js"), "../Icons/Bell.tsx": () => import("../Icons/Bell.js"), "../Icons/Bike.tsx": () => import("../Icons/Bike.js"), "../Icons/BirthControl.tsx": () => import("../Icons/BirthControl.js"), "../Icons/BirthdayCake.tsx": () => import("../Icons/BirthdayCake.js"), "../Icons/Boat.tsx": () => import("../Icons/Boat.js"), "../Icons/Body.tsx": () => import("../Icons/Body.js"), "../Icons/Braille.tsx": () => import("../Icons/Braille.js"), "../Icons/Brain.tsx": () => import("../Icons/Brain.js"), "../Icons/BreastReconstruction.tsx": () => import("../Icons/BreastReconstruction.js"), "../Icons/BreastRemoval.tsx": () => import("../Icons/BreastRemoval.js"), "../Icons/Breasts.tsx": () => import("../Icons/Breasts.js"), "../Icons/BrokenHeart.tsx": () => import("../Icons/BrokenHeart.js"), "../Icons/BrokenPuzzle.tsx": () => import("../Icons/BrokenPuzzle.js"), "../Icons/Bus.tsx": () => import("../Icons/Bus.js"), "../Icons/Calendar.tsx": () => import("../Icons/Calendar.js"), "../Icons/CalendarChange.tsx": () => import("../Icons/CalendarChange.js"), "../Icons/CalendarCheck.tsx": () => import("../Icons/CalendarCheck.js"), "../Icons/CalendarEvent.tsx": () => import("../Icons/CalendarEvent.js"), "../Icons/CalendarSave.tsx": () => import("../Icons/CalendarSave.js"), "../Icons/Cancer.tsx": () => import("../Icons/Cancer.js"), "../Icons/Candle.tsx": () => import("../Icons/Candle.js"), "../Icons/Car.tsx": () => import("../Icons/Car.js"), "../Icons/Change.tsx": () => import("../Icons/Change.js"), "../Icons/Check.tsx": () => import("../Icons/Check.js"), "../Icons/CheckFill.tsx": () => import("../Icons/CheckFill.js"), "../Icons/CheckOutline.tsx": () => import("../Icons/CheckOutline.js"), "../Icons/Chest.tsx": () => import("../Icons/Chest.js"), "../Icons/ChevronDown.tsx": () => import("../Icons/ChevronDown.js"), "../Icons/ChevronLeft.tsx": () => import("../Icons/ChevronLeft.js"), "../Icons/ChevronRight.tsx": () => import("../Icons/ChevronRight.js"), "../Icons/ChevronUp.tsx": () => import("../Icons/ChevronUp.js"), "../Icons/ChevronsDown.tsx": () => import("../Icons/ChevronsDown.js"), "../Icons/ChevronsUp.tsx": () => import("../Icons/ChevronsUp.js"), "../Icons/ChildPlaying.tsx": () => import("../Icons/ChildPlaying.js"), "../Icons/Cigarette.tsx": () => import("../Icons/Cigarette.js"), "../Icons/Coins.tsx": () => import("../Icons/Coins.js"), "../Icons/Contacts.tsx": () => import("../Icons/Contacts.js"), "../Icons/Copy.tsx": () => import("../Icons/Copy.js"), "../Icons/CoronaCertificate.tsx": () => import("../Icons/CoronaCertificate.js"), "../Icons/Coronavirus.tsx": () => import("../Icons/Coronavirus.js"), "../Icons/Cough.tsx": () => import("../Icons/Cough.js"), "../Icons/CriticalHealthInfo.tsx": () => import("../Icons/CriticalHealthInfo.js"), "../Icons/Cross.tsx": () => import("../Icons/Cross.js"), "../Icons/DataExchange.tsx": () => import("../Icons/DataExchange.js"), "../Icons/DataReceived.tsx": () => import("../Icons/DataReceived.js"), "../Icons/DataSent.tsx": () => import("../Icons/DataSent.js"), "../Icons/Depression.tsx": () => import("../Icons/Depression.js"), "../Icons/DigestiveSystem.tsx": () => import("../Icons/DigestiveSystem.js"), "../Icons/Dizzy.tsx": () => import("../Icons/Dizzy.js"), "../Icons/Documents.tsx": () => import("../Icons/Documents.js"), "../Icons/Dog.tsx": () => import("../Icons/Dog.js"), "../Icons/DonorCard.tsx": () => import("../Icons/DonorCard.js"), "../Icons/Download.tsx": () => import("../Icons/Download.js"), "../Icons/Draft.tsx": () => import("../Icons/Draft.js"), "../Icons/EChat.tsx": () => import("../Icons/EChat.js"), "../Icons/Ear.tsx": () => import("../Icons/Ear.js"), "../Icons/EarDeaf.tsx": () => import("../Icons/EarDeaf.js"), "../Icons/EarHearingAid.tsx": () => import("../Icons/EarHearingAid.js"), "../Icons/EarNoseThroat.tsx": () => import("../Icons/EarNoseThroat.js"), "../Icons/EarVolume.tsx": () => import("../Icons/EarVolume.js"), "../Icons/ElderlyPerson.tsx": () => import("../Icons/ElderlyPerson.js"), "../Icons/Embolization.tsx": () => import("../Icons/Embolization.js"), "../Icons/EmergencyCall.tsx": () => import("../Icons/EmergencyCall.js"), "../Icons/EmoticonAnnoyed.tsx": () => import("../Icons/EmoticonAnnoyed.js"), "../Icons/EmoticonDelighted.tsx": () => import("../Icons/EmoticonDelighted.js"), "../Icons/EmoticonDisappointed.tsx": () => import("../Icons/EmoticonDisappointed.js"), "../Icons/EmoticonHappy.tsx": () => import("../Icons/EmoticonHappy.js"), "../Icons/EmoticonMeh.tsx": () => import("../Icons/EmoticonMeh.js"), "../Icons/EnterFullScreen.tsx": () => import("../Icons/EnterFullScreen.js"), "../Icons/Envelope.tsx": () => import("../Icons/Envelope.js"), "../Icons/Epilepsy.tsx": () => import("../Icons/Epilepsy.js"), "../Icons/Eraser.tsx": () => import("../Icons/Eraser.js"), "../Icons/ErrorSignFill.tsx": () => import("../Icons/ErrorSignFill.js"), "../Icons/ErrorSignStroke.tsx": () => import("../Icons/ErrorSignStroke.js"), "../Icons/EuropeanHealthCard.tsx": () => import("../Icons/EuropeanHealthCard.js"), "../Icons/ExitFullScreen.tsx": () => import("../Icons/ExitFullScreen.js"), "../Icons/Eye.tsx": () => import("../Icons/Eye.js"), "../Icons/Facebook.tsx": () => import("../Icons/Facebook.js"), "../Icons/FallingLeaf.tsx": () => import("../Icons/FallingLeaf.js"), "../Icons/Female.tsx": () => import("../Icons/Female.js"), "../Icons/FemaleDoctor.tsx": () => import("../Icons/FemaleDoctor.js"), "../Icons/Ferry.tsx": () => import("../Icons/Ferry.js"), "../Icons/File.tsx": () => import("../Icons/File.js"), "../Icons/Filter.tsx": () => import("../Icons/Filter.js"), "../Icons/FingerBleed.tsx": () => import("../Icons/FingerBleed.js"), "../Icons/FirstAidKit.tsx": () => import("../Icons/FirstAidKit.js"), "../Icons/FloppyDisk.tsx": () => import("../Icons/FloppyDisk.js"), "../Icons/Football.tsx": () => import("../Icons/Football.js"), "../Icons/Form.tsx": () => import("../Icons/Form.js"), "../Icons/Forward.tsx": () => import("../Icons/Forward.js"), "../Icons/Gallery.tsx": () => import("../Icons/Gallery.js"), "../Icons/Garden.tsx": () => import("../Icons/Garden.js"), "../Icons/GasCan.tsx": () => import("../Icons/GasCan.js"), "../Icons/GenderIdentity.tsx": () => import("../Icons/GenderIdentity.js"), "../Icons/Glasses.tsx": () => import("../Icons/Glasses.js"), "../Icons/Globe.tsx": () => import("../Icons/Globe.js"), "../Icons/Graph.tsx": () => import("../Icons/Graph.js"), "../Icons/Group.tsx": () => import("../Icons/Group.js"), "../Icons/GroupTwins.tsx": () => import("../Icons/GroupTwins.js"), "../Icons/HTMLFile.tsx": () => import("../Icons/HTMLFile.js"), "../Icons/HandWaving.tsx": () => import("../Icons/HandWaving.js"), "../Icons/HandWithDisease.tsx": () => import("../Icons/HandWithDisease.js"), "../Icons/HandsAndHeart.tsx": () => import("../Icons/HandsAndHeart.js"), "../Icons/HealthClinic.tsx": () => import("../Icons/HealthClinic.js"), "../Icons/HealthWarning.tsx": () => import("../Icons/HealthWarning.js"), "../Icons/HealthcarePerson.tsx": () => import("../Icons/HealthcarePerson.js"), "../Icons/HealthcarePersonell.tsx": () => import("../Icons/HealthcarePersonell.js"), "../Icons/HearingProtection.tsx": () => import("../Icons/HearingProtection.js"), "../Icons/Heart.tsx": () => import("../Icons/Heart.js"), "../Icons/HeartHands.tsx": () => import("../Icons/HeartHands.js"), "../Icons/HelpSign.tsx": () => import("../Icons/HelpSign.js"), "../Icons/HelpingHand.tsx": () => import("../Icons/HelpingHand.js"), "../Icons/Hemodialysis.tsx": () => import("../Icons/Hemodialysis.js"), "../Icons/Hiker.tsx": () => import("../Icons/Hiker.js"), "../Icons/Hipprosthesis.tsx": () => import("../Icons/Hipprosthesis.js"), "../Icons/History.tsx": () => import("../Icons/History.js"), "../Icons/HivAndAids.tsx": () => import("../Icons/HivAndAids.js"), "../Icons/Home.tsx": () => import("../Icons/Home.js"), "../Icons/Hormone.tsx": () => import("../Icons/Hormone.js"), "../Icons/Hospital.tsx": () => import("../Icons/Hospital.js"), "../Icons/Hourglass.tsx": () => import("../Icons/Hourglass.js"), "../Icons/ImgFile.tsx": () => import("../Icons/ImgFile.js"), "../Icons/Inbox.tsx": () => import("../Icons/Inbox.js"), "../Icons/InfoSignFill.tsx": () => import("../Icons/InfoSignFill.js"), "../Icons/InfoSignStroke.tsx": () => import("../Icons/InfoSignStroke.js"), "../Icons/Instagram.tsx": () => import("../Icons/Instagram.js"), "../Icons/Intravenous.tsx": () => import("../Icons/Intravenous.js"), "../Icons/JointPain.tsx": () => import("../Icons/JointPain.js"), "../Icons/Journal.tsx": () => import("../Icons/Journal.js"), "../Icons/JpgFile.tsx": () => import("../Icons/JpgFile.js"), "../Icons/Kidney.tsx": () => import("../Icons/Kidney.js"), "../Icons/KitchenScale.tsx": () => import("../Icons/KitchenScale.js"), "../Icons/Kjernejournal.tsx": () => import("../Icons/Kjernejournal.js"), "../Icons/Laboratory.tsx": () => import("../Icons/Laboratory.js"), "../Icons/LaptopBlog.tsx": () => import("../Icons/LaptopBlog.js"), "../Icons/LawBook.tsx": () => import("../Icons/LawBook.js"), "../Icons/LegalDocument.tsx": () => import("../Icons/LegalDocument.js"), "../Icons/LightBulb.tsx": () => import("../Icons/LightBulb.js"), "../Icons/List.tsx": () => import("../Icons/List.js"), "../Icons/Location.tsx": () => import("../Icons/Location.js"), "../Icons/Lock.tsx": () => import("../Icons/Lock.js"), "../Icons/Login.tsx": () => import("../Icons/Login.js"), "../Icons/Logout.tsx": () => import("../Icons/Logout.js"), "../Icons/Lungs.tsx": () => import("../Icons/Lungs.js"), "../Icons/Makeup.tsx": () => import("../Icons/Makeup.js"), "../Icons/MaleDoctor.tsx": () => import("../Icons/MaleDoctor.js"), "../Icons/MaleDoctorAndPerson.tsx": () => import("../Icons/MaleDoctorAndPerson.js"), "../Icons/MaleGenitalia.tsx": () => import("../Icons/MaleGenitalia.js"), "../Icons/Medicine.tsx": () => import("../Icons/Medicine.js"), "../Icons/MedicineWarning.tsx": () => import("../Icons/MedicineWarning.js"), "../Icons/MentalHealthAdult.tsx": () => import("../Icons/MentalHealthAdult.js"), "../Icons/MentalHealthChild.tsx": () => import("../Icons/MentalHealthChild.js"), "../Icons/Menu.tsx": () => import("../Icons/Menu.js"), "../Icons/Microscope.tsx": () => import("../Icons/Microscope.js"), "../Icons/Minus.tsx": () => import("../Icons/Minus.js"), "../Icons/Mirror.tsx": () => import("../Icons/Mirror.js"), "../Icons/MobilePhone.tsx": () => import("../Icons/MobilePhone.js"), "../Icons/MotherHoldingBaby.tsx": () => import("../Icons/MotherHoldingBaby.js"), "../Icons/MuscleBack.tsx": () => import("../Icons/MuscleBack.js"), "../Icons/MuscleLeg.tsx": () => import("../Icons/MuscleLeg.js"), "../Icons/Mushroom.tsx": () => import("../Icons/Mushroom.js"), "../Icons/Music.tsx": () => import("../Icons/Music.js"), "../Icons/MusselsAndSalt.tsx": () => import("../Icons/MusselsAndSalt.js"), "../Icons/NoAccess.tsx": () => import("../Icons/NoAccess.js"), "../Icons/NoEye.tsx": () => import("../Icons/NoEye.js"), "../Icons/NoFilter.tsx": () => import("../Icons/NoFilter.js"), "../Icons/Notepad.tsx": () => import("../Icons/Notepad.js"), "../Icons/Osteotomy.tsx": () => import("../Icons/Osteotomy.js"), "../Icons/PaintRoller.tsx": () => import("../Icons/PaintRoller.js"), "../Icons/PaperPlane.tsx": () => import("../Icons/PaperPlane.js"), "../Icons/PatientAndPerson.tsx": () => import("../Icons/PatientAndPerson.js"), "../Icons/Pause.tsx": () => import("../Icons/Pause.js"), "../Icons/PdfFile.tsx": () => import("../Icons/PdfFile.js"), "../Icons/Pencil.tsx": () => import("../Icons/Pencil.js"), "../Icons/PeopleTalking.tsx": () => import("../Icons/PeopleTalking.js"), "../Icons/Peritonealdialysis.tsx": () => import("../Icons/Peritonealdialysis.js"), "../Icons/Person.tsx": () => import("../Icons/Person.js"), "../Icons/PersonAndPatient.tsx": () => import("../Icons/PersonAndPatient.js"), "../Icons/PersonCancel.tsx": () => import("../Icons/PersonCancel.js"), "../Icons/PersonInXRayMachine.tsx": () => import("../Icons/PersonInXRayMachine.js"), "../Icons/PersonOverweight.tsx": () => import("../Icons/PersonOverweight.js"), "../Icons/PersonRelaxing.tsx": () => import("../Icons/PersonRelaxing.js"), "../Icons/PersonWithBrain.tsx": () => import("../Icons/PersonWithBrain.js"), "../Icons/PersonWithBrokenArm.tsx": () => import("../Icons/PersonWithBrokenArm.js"), "../Icons/PersonWithCrutches.tsx": () => import("../Icons/PersonWithCrutches.js"), "../Icons/PersonWithJaw.tsx": () => import("../Icons/PersonWithJaw.js"), "../Icons/PersonWithMagnifyingGlass.tsx": () => import("../Icons/PersonWithMagnifyingGlass.js"), "../Icons/PersonWithSenses.tsx": () => import("../Icons/PersonWithSenses.js"), "../Icons/PersonWorking.tsx": () => import("../Icons/PersonWorking.js"), "../Icons/PersonalPlan.tsx": () => import("../Icons/PersonalPlan.js"), "../Icons/PizzaSlice.tsx": () => import("../Icons/PizzaSlice.js"), "../Icons/Plane.tsx": () => import("../Icons/Plane.js"), "../Icons/Plant.tsx": () => import("../Icons/Plant.js"), "../Icons/Play.tsx": () => import("../Icons/Play.js"), "../Icons/PlusLarge.tsx": () => import("../Icons/PlusLarge.js"), "../Icons/PlusSmall.tsx": () => import("../Icons/PlusSmall.js"), "../Icons/PngFile.tsx": () => import("../Icons/PngFile.js"), "../Icons/Podcast.tsx": () => import("../Icons/Podcast.js"), "../Icons/PoisonInformation.tsx": () => import("../Icons/PoisonInformation.js"), "../Icons/Pregnant.tsx": () => import("../Icons/Pregnant.js"), "../Icons/Printer.tsx": () => import("../Icons/Printer.js"), "../Icons/Psychosis.tsx": () => import("../Icons/Psychosis.js"), "../Icons/Publication.tsx": () => import("../Icons/Publication.js"), "../Icons/Puzzle.tsx": () => import("../Icons/Puzzle.js"), "../Icons/QrCode.tsx": () => import("../Icons/QrCode.js"), "../Icons/Quarrel.tsx": () => import("../Icons/Quarrel.js"), "../Icons/RadioTherapy.tsx": () => import("../Icons/RadioTherapy.js"), "../Icons/RadioactiveTreatment.tsx": () => import("../Icons/RadioactiveTreatment.js"), "../Icons/Radioiodine.tsx": () => import("../Icons/Radioiodine.js"), "../Icons/Receipt.tsx": () => import("../Icons/Receipt.js"), "../Icons/Receptionist.tsx": () => import("../Icons/Receptionist.js"), "../Icons/Recovery.tsx": () => import("../Icons/Recovery.js"), "../Icons/Referral.tsx": () => import("../Icons/Referral.js"), "../Icons/Refresh.tsx": () => import("../Icons/Refresh.js"), "../Icons/Refund.tsx": () => import("../Icons/Refund.js"), "../Icons/Reply.tsx": () => import("../Icons/Reply.js"), "../Icons/Rocket.tsx": () => import("../Icons/Rocket.js"), "../Icons/RtfFile.tsx": () => import("../Icons/RtfFile.js"), "../Icons/STDs.tsx": () => import("../Icons/STDs.js"), "../Icons/Save.tsx": () => import("../Icons/Save.js"), "../Icons/Scale.tsx": () => import("../Icons/Scale.js"), "../Icons/ScreenReader.tsx": () => import("../Icons/ScreenReader.js"), "../Icons/Search.tsx": () => import("../Icons/Search.js"), "../Icons/SectionSign.tsx": () => import("../Icons/SectionSign.js"), "../Icons/Settings.tsx": () => import("../Icons/Settings.js"), "../Icons/Sexualorientation.tsx": () => import("../Icons/Sexualorientation.js"), "../Icons/ShakingHand.tsx": () => import("../Icons/ShakingHand.js"), "../Icons/Share.tsx": () => import("../Icons/Share.js"), "../Icons/Shield.tsx": () => import("../Icons/Shield.js"), "../Icons/ShuntOperation.tsx": () => import("../Icons/ShuntOperation.js"), "../Icons/Skeleton.tsx": () => import("../Icons/Skeleton.js"), "../Icons/Skin.tsx": () => import("../Icons/Skin.js"), "../Icons/Snake.tsx": () => import("../Icons/Snake.js"), "../Icons/Snapchat.tsx": () => import("../Icons/Snapchat.js"), "../Icons/SortDown.tsx": () => import("../Icons/SortDown.js"), "../Icons/SortUp.tsx": () => import("../Icons/SortUp.js"), "../Icons/SpeechBubble.tsx": () => import("../Icons/SpeechBubble.js"), "../Icons/Spray.tsx": () => import("../Icons/Spray.js"), "../Icons/Stopwatch.tsx": () => import("../Icons/Stopwatch.js"), "../Icons/Sun.tsx": () => import("../Icons/Sun.js"), "../Icons/SupportingPerson.tsx": () => import("../Icons/SupportingPerson.js"), "../Icons/Surgery.tsx": () => import("../Icons/Surgery.js"), "../Icons/Syringe.tsx": () => import("../Icons/Syringe.js"), "../Icons/Taxi.tsx": () => import("../Icons/Taxi.js"), "../Icons/TeddyBear.tsx": () => import("../Icons/TeddyBear.js"), "../Icons/Teenagers.tsx": () => import("../Icons/Teenagers.js"), "../Icons/ThinkingAboutBaby.tsx": () => import("../Icons/ThinkingAboutBaby.js"), "../Icons/Ticket.tsx": () => import("../Icons/Ticket.js"), "../Icons/TimePassing.tsx": () => import("../Icons/TimePassing.js"), "../Icons/Tombstone.tsx": () => import("../Icons/Tombstone.js"), "../Icons/Toolbox.tsx": () => import("../Icons/Toolbox.js"), "../Icons/Tooth.tsx": () => import("../Icons/Tooth.js"), "../Icons/TotalKneeProsthesis.tsx": () => import("../Icons/TotalKneeProsthesis.js"), "../Icons/Train.tsx": () => import("../Icons/Train.js"), "../Icons/Transplantation.tsx": () => import("../Icons/Transplantation.js"), "../Icons/TrashCan.tsx": () => import("../Icons/TrashCan.js"), "../Icons/TravelRoute.tsx": () => import("../Icons/TravelRoute.js"), "../Icons/TriangleX.tsx": () => import("../Icons/TriangleX.js"), "../Icons/Twitter.tsx": () => import("../Icons/Twitter.js"), "../Icons/Undo.tsx": () => import("../Icons/Undo.js"), "../Icons/UniProsthesis.tsx": () => import("../Icons/UniProsthesis.js"), "../Icons/Upload.tsx": () => import("../Icons/Upload.js"), "../Icons/UserOrganization.tsx": () => import("../Icons/UserOrganization.js"), "../Icons/Vaccine.tsx": () => import("../Icons/Vaccine.js"), "../Icons/VerticalDots.tsx": () => import("../Icons/VerticalDots.js"), "../Icons/VideoCamera.tsx": () => import("../Icons/VideoCamera.js"), "../Icons/VideoChat.tsx": () => import("../Icons/VideoChat.js"), "../Icons/Wallet.tsx": () => import("../Icons/Wallet.js"), "../Icons/Watch.tsx": () => import("../Icons/Watch.js"), "../Icons/Website.tsx": () => import("../Icons/Website.js"), "../Icons/Wheelchair.tsx": () => import("../Icons/Wheelchair.js"), "../Icons/WheelchairActive.tsx": () => import("../Icons/WheelchairActive.js"), "../Icons/Window.tsx": () => import("../Icons/Window.js"), "../Icons/WordDocument.tsx": () => import("../Icons/WordDocument.js"), "../Icons/WorkSuitcase.tsx": () => import("../Icons/WorkSuitcase.js"), "../Icons/X.tsx": () => import("../Icons/X.js"), "../Icons/XOutline.tsx": () => import("../Icons/XOutline.js"), "../Icons/XmlFile.tsx": () => import("../Icons/XmlFile.js"), "../Icons/YouTube.tsx": () => import("../Icons/YouTube.js"), "../Icons/Zoom.tsx": () => import("../Icons/Zoom.js") }), `../Icons/${o}.tsx`, 3)), y = ({ iconName: o, size: t = l.Small, ...r }) => {
+const h = (o) => p(() => c(/* @__PURE__ */ Object.assign({ "../Icons/ActiveMonitoring.tsx": () => import("../Icons/ActiveMonitoring.js"), "../Icons/AcupunctureBack.tsx": () => import("../Icons/AcupunctureBack.js"), "../Icons/AlarmClock.tsx": () => import("../Icons/AlarmClock.js"), "../Icons/AlertSignFill.tsx": () => import("../Icons/AlertSignFill.js"), "../Icons/AlertSignStroke.tsx": () => import("../Icons/AlertSignStroke.js"), "../Icons/Amputation.tsx": () => import("../Icons/Amputation.js"), "../Icons/Anxiety.tsx": () => import("../Icons/Anxiety.js"), "../Icons/Apple.tsx": () => import("../Icons/Apple.js"), "../Icons/Archive.tsx": () => import("../Icons/Archive.js"), "../Icons/ArmFlexing.tsx": () => import("../Icons/ArmFlexing.js"), "../Icons/ArrowDown.tsx": () => import("../Icons/ArrowDown.js"), "../Icons/ArrowLeft.tsx": () => import("../Icons/ArrowLeft.js"), "../Icons/ArrowRight.tsx": () => import("../Icons/ArrowRight.js"), "../Icons/ArrowUp.tsx": () => import("../Icons/ArrowUp.js"), "../Icons/ArrowUpRight.tsx": () => import("../Icons/ArrowUpRight.js"), "../Icons/Attachment.tsx": () => import("../Icons/Attachment.js"), "../Icons/Atv.tsx": () => import("../Icons/Atv.js"), "../Icons/Avatar.tsx": () => import("../Icons/Avatar.js"), "../Icons/AwakePersonOnPillow.tsx": () => import("../Icons/AwakePersonOnPillow.js"), "../Icons/Baby.tsx": () => import("../Icons/Baby.js"), "../Icons/BandAid.tsx": () => import("../Icons/BandAid.js"), "../Icons/BeerAndPills.tsx": () => import("../Icons/BeerAndPills.js"), "../Icons/Bell.tsx": () => import("../Icons/Bell.js"), "../Icons/Bike.tsx": () => import("../Icons/Bike.js"), "../Icons/BirthControl.tsx": () => import("../Icons/BirthControl.js"), "../Icons/BirthdayCake.tsx": () => import("../Icons/BirthdayCake.js"), "../Icons/Boat.tsx": () => import("../Icons/Boat.js"), "../Icons/Body.tsx": () => import("../Icons/Body.js"), "../Icons/Braille.tsx": () => import("../Icons/Braille.js"), "../Icons/Brain.tsx": () => import("../Icons/Brain.js"), "../Icons/BreastReconstruction.tsx": () => import("../Icons/BreastReconstruction.js"), "../Icons/BreastRemoval.tsx": () => import("../Icons/BreastRemoval.js"), "../Icons/Breasts.tsx": () => import("../Icons/Breasts.js"), "../Icons/BrokenHeart.tsx": () => import("../Icons/BrokenHeart.js"), "../Icons/BrokenPuzzle.tsx": () => import("../Icons/BrokenPuzzle.js"), "../Icons/Bus.tsx": () => import("../Icons/Bus.js"), "../Icons/Calendar.tsx": () => import("../Icons/Calendar.js"), "../Icons/CalendarChange.tsx": () => import("../Icons/CalendarChange.js"), "../Icons/CalendarCheck.tsx": () => import("../Icons/CalendarCheck.js"), "../Icons/CalendarEvent.tsx": () => import("../Icons/CalendarEvent.js"), "../Icons/CalendarSave.tsx": () => import("../Icons/CalendarSave.js"), "../Icons/Cancer.tsx": () => import("../Icons/Cancer.js"), "../Icons/Candle.tsx": () => import("../Icons/Candle.js"), "../Icons/Car.tsx": () => import("../Icons/Car.js"), "../Icons/Carton.tsx": () => import("../Icons/Carton.js"), "../Icons/Change.tsx": () => import("../Icons/Change.js"), "../Icons/Check.tsx": () => import("../Icons/Check.js"), "../Icons/CheckFill.tsx": () => import("../Icons/CheckFill.js"), "../Icons/CheckOutline.tsx": () => import("../Icons/CheckOutline.js"), "../Icons/Chest.tsx": () => import("../Icons/Chest.js"), "../Icons/ChevronDown.tsx": () => import("../Icons/ChevronDown.js"), "../Icons/ChevronLeft.tsx": () => import("../Icons/ChevronLeft.js"), "../Icons/ChevronRight.tsx": () => import("../Icons/ChevronRight.js"), "../Icons/ChevronUp.tsx": () => import("../Icons/ChevronUp.js"), "../Icons/ChevronsDown.tsx": () => import("../Icons/ChevronsDown.js"), "../Icons/ChevronsUp.tsx": () => import("../Icons/ChevronsUp.js"), "../Icons/ChildPlaying.tsx": () => import("../Icons/ChildPlaying.js"), "../Icons/Cigarette.tsx": () => import("../Icons/Cigarette.js"), "../Icons/Coins.tsx": () => import("../Icons/Coins.js"), "../Icons/Contacts.tsx": () => import("../Icons/Contacts.js"), "../Icons/Copy.tsx": () => import("../Icons/Copy.js"), "../Icons/CoronaCertificate.tsx": () => import("../Icons/CoronaCertificate.js"), "../Icons/Coronavirus.tsx": () => import("../Icons/Coronavirus.js"), "../Icons/Cough.tsx": () => import("../Icons/Cough.js"), "../Icons/CreditCard.tsx": () => import("../Icons/CreditCard.js"), "../Icons/CriticalHealthInfo.tsx": () => import("../Icons/CriticalHealthInfo.js"), "../Icons/Cross.tsx": () => import("../Icons/Cross.js"), "../Icons/DataExchange.tsx": () => import("../Icons/DataExchange.js"), "../Icons/DataReceived.tsx": () => import("../Icons/DataReceived.js"), "../Icons/DataSent.tsx": () => import("../Icons/DataSent.js"), "../Icons/Depression.tsx": () => import("../Icons/Depression.js"), "../Icons/DigestiveSystem.tsx": () => import("../Icons/DigestiveSystem.js"), "../Icons/Dizzy.tsx": () => import("../Icons/Dizzy.js"), "../Icons/Documents.tsx": () => import("../Icons/Documents.js"), "../Icons/Dog.tsx": () => import("../Icons/Dog.js"), "../Icons/DonorCard.tsx": () => import("../Icons/DonorCard.js"), "../Icons/Download.tsx": () => import("../Icons/Download.js"), "../Icons/Draft.tsx": () => import("../Icons/Draft.js"), "../Icons/EChat.tsx": () => import("../Icons/EChat.js"), "../Icons/Ear.tsx": () => import("../Icons/Ear.js"), "../Icons/EarDeaf.tsx": () => import("../Icons/EarDeaf.js"), "../Icons/EarHearingAid.tsx": () => import("../Icons/EarHearingAid.js"), "../Icons/EarNoseThroat.tsx": () => import("../Icons/EarNoseThroat.js"), "../Icons/EarVolume.tsx": () => import("../Icons/EarVolume.js"), "../Icons/ElderlyPerson.tsx": () => import("../Icons/ElderlyPerson.js"), "../Icons/Embolization.tsx": () => import("../Icons/Embolization.js"), "../Icons/EmergencyCall.tsx": () => import("../Icons/EmergencyCall.js"), "../Icons/EmoticonAnnoyed.tsx": () => import("../Icons/EmoticonAnnoyed.js"), "../Icons/EmoticonDelighted.tsx": () => import("../Icons/EmoticonDelighted.js"), "../Icons/EmoticonDisappointed.tsx": () => import("../Icons/EmoticonDisappointed.js"), "../Icons/EmoticonHappy.tsx": () => import("../Icons/EmoticonHappy.js"), "../Icons/EmoticonMeh.tsx": () => import("../Icons/EmoticonMeh.js"), "../Icons/EnterFullScreen.tsx": () => import("../Icons/EnterFullScreen.js"), "../Icons/Envelope.tsx": () => import("../Icons/Envelope.js"), "../Icons/Epilepsy.tsx": () => import("../Icons/Epilepsy.js"), "../Icons/Eraser.tsx": () => import("../Icons/Eraser.js"), "../Icons/ErrorSignFill.tsx": () => import("../Icons/ErrorSignFill.js"), "../Icons/ErrorSignStroke.tsx": () => import("../Icons/ErrorSignStroke.js"), "../Icons/EuropeanHealthCard.tsx": () => import("../Icons/EuropeanHealthCard.js"), "../Icons/ExitFullScreen.tsx": () => import("../Icons/ExitFullScreen.js"), "../Icons/Eye.tsx": () => import("../Icons/Eye.js"), "../Icons/Facebook.tsx": () => import("../Icons/Facebook.js"), "../Icons/FallingLeaf.tsx": () => import("../Icons/FallingLeaf.js"), "../Icons/Female.tsx": () => import("../Icons/Female.js"), "../Icons/FemaleDoctor.tsx": () => import("../Icons/FemaleDoctor.js"), "../Icons/Ferry.tsx": () => import("../Icons/Ferry.js"), "../Icons/File.tsx": () => import("../Icons/File.js"), "../Icons/Filter.tsx": () => import("../Icons/Filter.js"), "../Icons/FingerBleed.tsx": () => import("../Icons/FingerBleed.js"), "../Icons/FirstAidKit.tsx": () => import("../Icons/FirstAidKit.js"), "../Icons/Fish.tsx": () => import("../Icons/Fish.js"), "../Icons/FloppyDisk.tsx": () => import("../Icons/FloppyDisk.js"), "../Icons/Football.tsx": () => import("../Icons/Football.js"), "../Icons/Form.tsx": () => import("../Icons/Form.js"), "../Icons/Forward.tsx": () => import("../Icons/Forward.js"), "../Icons/Gallery.tsx": () => import("../Icons/Gallery.js"), "../Icons/Garden.tsx": () => import("../Icons/Garden.js"), "../Icons/GasCan.tsx": () => import("../Icons/GasCan.js"), "../Icons/GenderIdentity.tsx": () => import("../Icons/GenderIdentity.js"), "../Icons/GlassWater.tsx": () => import("../Icons/GlassWater.js"), "../Icons/Glasses.tsx": () => import("../Icons/Glasses.js"), "../Icons/Globe.tsx": () => import("../Icons/Globe.js"), "../Icons/Grain.tsx": () => import("../Icons/Grain.js"), "../Icons/Graph.tsx": () => import("../Icons/Graph.js"), "../Icons/Group.tsx": () => import("../Icons/Group.js"), "../Icons/GroupTwins.tsx": () => import("../Icons/GroupTwins.js"), "../Icons/HTMLFile.tsx": () => import("../Icons/HTMLFile.js"), "../Icons/HandWaving.tsx": () => import("../Icons/HandWaving.js"), "../Icons/HandWithDisease.tsx": () => import("../Icons/HandWithDisease.js"), "../Icons/HandsAndHeart.tsx": () => import("../Icons/HandsAndHeart.js"), "../Icons/HealthClinic.tsx": () => import("../Icons/HealthClinic.js"), "../Icons/HealthWarning.tsx": () => import("../Icons/HealthWarning.js"), "../Icons/HealthcarePerson.tsx": () => import("../Icons/HealthcarePerson.js"), "../Icons/HealthcarePersonell.tsx": () => import("../Icons/HealthcarePersonell.js"), "../Icons/HearingProtection.tsx": () => import("../Icons/HearingProtection.js"), "../Icons/Heart.tsx": () => import("../Icons/Heart.js"), "../Icons/HeartHands.tsx": () => import("../Icons/HeartHands.js"), "../Icons/HelpSign.tsx": () => import("../Icons/HelpSign.js"), "../Icons/HelpingHand.tsx": () => import("../Icons/HelpingHand.js"), "../Icons/Hemodialysis.tsx": () => import("../Icons/Hemodialysis.js"), "../Icons/Hiker.tsx": () => import("../Icons/Hiker.js"), "../Icons/Hipprosthesis.tsx": () => import("../Icons/Hipprosthesis.js"), "../Icons/History.tsx": () => import("../Icons/History.js"), "../Icons/HivAndAids.tsx": () => import("../Icons/HivAndAids.js"), "../Icons/Home.tsx": () => import("../Icons/Home.js"), "../Icons/Hormone.tsx": () => import("../Icons/Hormone.js"), "../Icons/Hospital.tsx": () => import("../Icons/Hospital.js"), "../Icons/Hourglass.tsx": () => import("../Icons/Hourglass.js"), "../Icons/ImgFile.tsx": () => import("../Icons/ImgFile.js"), "../Icons/Inbox.tsx": () => import("../Icons/Inbox.js"), "../Icons/InfoSignFill.tsx": () => import("../Icons/InfoSignFill.js"), "../Icons/InfoSignStroke.tsx": () => import("../Icons/InfoSignStroke.js"), "../Icons/Instagram.tsx": () => import("../Icons/Instagram.js"), "../Icons/Intravenous.tsx": () => import("../Icons/Intravenous.js"), "../Icons/JointPain.tsx": () => import("../Icons/JointPain.js"), "../Icons/Journal.tsx": () => import("../Icons/Journal.js"), "../Icons/JpgFile.tsx": () => import("../Icons/JpgFile.js"), "../Icons/Kidney.tsx": () => import("../Icons/Kidney.js"), "../Icons/KitchenScale.tsx": () => import("../Icons/KitchenScale.js"), "../Icons/Kjernejournal.tsx": () => import("../Icons/Kjernejournal.js"), "../Icons/Laboratory.tsx": () => import("../Icons/Laboratory.js"), "../Icons/LaptopBlog.tsx": () => import("../Icons/LaptopBlog.js"), "../Icons/LawBook.tsx": () => import("../Icons/LawBook.js"), "../Icons/LegalDocument.tsx": () => import("../Icons/LegalDocument.js"), "../Icons/LightBulb.tsx": () => import("../Icons/LightBulb.js"), "../Icons/List.tsx": () => import("../Icons/List.js"), "../Icons/Location.tsx": () => import("../Icons/Location.js"), "../Icons/Lock.tsx": () => import("../Icons/Lock.js"), "../Icons/Login.tsx": () => import("../Icons/Login.js"), "../Icons/Logout.tsx": () => import("../Icons/Logout.js"), "../Icons/Lungs.tsx": () => import("../Icons/Lungs.js"), "../Icons/Makeup.tsx": () => import("../Icons/Makeup.js"), "../Icons/MaleDoctor.tsx": () => import("../Icons/MaleDoctor.js"), "../Icons/MaleDoctorAndPerson.tsx": () => import("../Icons/MaleDoctorAndPerson.js"), "../Icons/MaleGenitalia.tsx": () => import("../Icons/MaleGenitalia.js"), "../Icons/Medicine.tsx": () => import("../Icons/Medicine.js"), "../Icons/MedicineWarning.tsx": () => import("../Icons/MedicineWarning.js"), "../Icons/MentalHealthAdult.tsx": () => import("../Icons/MentalHealthAdult.js"), "../Icons/MentalHealthChild.tsx": () => import("../Icons/MentalHealthChild.js"), "../Icons/Menu.tsx": () => import("../Icons/Menu.js"), "../Icons/Microscope.tsx": () => import("../Icons/Microscope.js"), "../Icons/Minus.tsx": () => import("../Icons/Minus.js"), "../Icons/Mirror.tsx": () => import("../Icons/Mirror.js"), "../Icons/MobilePhone.tsx": () => import("../Icons/MobilePhone.js"), "../Icons/MotherHoldingBaby.tsx": () => import("../Icons/MotherHoldingBaby.js"), "../Icons/MuscleBack.tsx": () => import("../Icons/MuscleBack.js"), "../Icons/MuscleLeg.tsx": () => import("../Icons/MuscleLeg.js"), "../Icons/Mushroom.tsx": () => import("../Icons/Mushroom.js"), "../Icons/Music.tsx": () => import("../Icons/Music.js"), "../Icons/MusselsAndSalt.tsx": () => import("../Icons/MusselsAndSalt.js"), "../Icons/NoAccess.tsx": () => import("../Icons/NoAccess.js"), "../Icons/NoEye.tsx": () => import("../Icons/NoEye.js"), "../Icons/NoFilter.tsx": () => import("../Icons/NoFilter.js"), "../Icons/Notepad.tsx": () => import("../Icons/Notepad.js"), "../Icons/Osteotomy.tsx": () => import("../Icons/Osteotomy.js"), "../Icons/PaintRoller.tsx": () => import("../Icons/PaintRoller.js"), "../Icons/PaperPlane.tsx": () => import("../Icons/PaperPlane.js"), "../Icons/PatientAndPerson.tsx": () => import("../Icons/PatientAndPerson.js"), "../Icons/Pause.tsx": () => import("../Icons/Pause.js"), "../Icons/PdfFile.tsx": () => import("../Icons/PdfFile.js"), "../Icons/Pencil.tsx": () => import("../Icons/Pencil.js"), "../Icons/PeopleTalking.tsx": () => import("../Icons/PeopleTalking.js"), "../Icons/Peritonealdialysis.tsx": () => import("../Icons/Peritonealdialysis.js"), "../Icons/Person.tsx": () => import("../Icons/Person.js"), "../Icons/PersonAndPatient.tsx": () => import("../Icons/PersonAndPatient.js"), "../Icons/PersonCancel.tsx": () => import("../Icons/PersonCancel.js"), "../Icons/PersonInXRayMachine.tsx": () => import("../Icons/PersonInXRayMachine.js"), "../Icons/PersonOverweight.tsx": () => import("../Icons/PersonOverweight.js"), "../Icons/PersonRelaxing.tsx": () => import("../Icons/PersonRelaxing.js"), "../Icons/PersonWithBrain.tsx": () => import("../Icons/PersonWithBrain.js"), "../Icons/PersonWithBrokenArm.tsx": () => import("../Icons/PersonWithBrokenArm.js"), "../Icons/PersonWithCrutches.tsx": () => import("../Icons/PersonWithCrutches.js"), "../Icons/PersonWithJaw.tsx": () => import("../Icons/PersonWithJaw.js"), "../Icons/PersonWithMagnifyingGlass.tsx": () => import("../Icons/PersonWithMagnifyingGlass.js"), "../Icons/PersonWithSenses.tsx": () => import("../Icons/PersonWithSenses.js"), "../Icons/PersonWorking.tsx": () => import("../Icons/PersonWorking.js"), "../Icons/PersonalPlan.tsx": () => import("../Icons/PersonalPlan.js"), "../Icons/PizzaSlice.tsx": () => import("../Icons/PizzaSlice.js"), "../Icons/Plane.tsx": () => import("../Icons/Plane.js"), "../Icons/Plant.tsx": () => import("../Icons/Plant.js"), "../Icons/PlateKnifeFork.tsx": () => import("../Icons/PlateKnifeFork.js"), "../Icons/Play.tsx": () => import("../Icons/Play.js"), "../Icons/PlusLarge.tsx": () => import("../Icons/PlusLarge.js"), "../Icons/PlusSmall.tsx": () => import("../Icons/PlusSmall.js"), "../Icons/PngFile.tsx": () => import("../Icons/PngFile.js"), "../Icons/Podcast.tsx": () => import("../Icons/Podcast.js"), "../Icons/PoisonInformation.tsx": () => import("../Icons/PoisonInformation.js"), "../Icons/Pregnant.tsx": () => import("../Icons/Pregnant.js"), "../Icons/Printer.tsx": () => import("../Icons/Printer.js"), "../Icons/Psychosis.tsx": () => import("../Icons/Psychosis.js"), "../Icons/Publication.tsx": () => import("../Icons/Publication.js"), "../Icons/Puzzle.tsx": () => import("../Icons/Puzzle.js"), "../Icons/QrCode.tsx": () => import("../Icons/QrCode.js"), "../Icons/Quarrel.tsx": () => import("../Icons/Quarrel.js"), "../Icons/RadioTherapy.tsx": () => import("../Icons/RadioTherapy.js"), "../Icons/RadioactiveTreatment.tsx": () => import("../Icons/RadioactiveTreatment.js"), "../Icons/Radioiodine.tsx": () => import("../Icons/Radioiodine.js"), "../Icons/Receipt.tsx": () => import("../Icons/Receipt.js"), "../Icons/Receptionist.tsx": () => import("../Icons/Receptionist.js"), "../Icons/Recovery.tsx": () => import("../Icons/Recovery.js"), "../Icons/Referral.tsx": () => import("../Icons/Referral.js"), "../Icons/Refresh.tsx": () => import("../Icons/Refresh.js"), "../Icons/Refund.tsx": () => import("../Icons/Refund.js"), "../Icons/Reminder.tsx": () => import("../Icons/Reminder.js"), "../Icons/Reply.tsx": () => import("../Icons/Reply.js"), "../Icons/Rocket.tsx": () => import("../Icons/Rocket.js"), "../Icons/RtfFile.tsx": () => import("../Icons/RtfFile.js"), "../Icons/STDs.tsx": () => import("../Icons/STDs.js"), "../Icons/Save.tsx": () => import("../Icons/Save.js"), "../Icons/Scale.tsx": () => import("../Icons/Scale.js"), "../Icons/ScreenReader.tsx": () => import("../Icons/ScreenReader.js"), "../Icons/Search.tsx": () => import("../Icons/Search.js"), "../Icons/SectionSign.tsx": () => import("../Icons/SectionSign.js"), "../Icons/Settings.tsx": () => import("../Icons/Settings.js"), "../Icons/Sexualorientation.tsx": () => import("../Icons/Sexualorientation.js"), "../Icons/ShakingHand.tsx": () => import("../Icons/ShakingHand.js"), "../Icons/Share.tsx": () => import("../Icons/Share.js"), "../Icons/Shield.tsx": () => import("../Icons/Shield.js"), "../Icons/ShuntOperation.tsx": () => import("../Icons/ShuntOperation.js"), "../Icons/Skeleton.tsx": () => import("../Icons/Skeleton.js"), "../Icons/Skin.tsx": () => import("../Icons/Skin.js"), "../Icons/Snake.tsx": () => import("../Icons/Snake.js"), "../Icons/Snapchat.tsx": () => import("../Icons/Snapchat.js"), "../Icons/SortDown.tsx": () => import("../Icons/SortDown.js"), "../Icons/SortUp.tsx": () => import("../Icons/SortUp.js"), "../Icons/SpeechBubble.tsx": () => import("../Icons/SpeechBubble.js"), "../Icons/Spray.tsx": () => import("../Icons/Spray.js"), "../Icons/Stopwatch.tsx": () => import("../Icons/Stopwatch.js"), "../Icons/Sun.tsx": () => import("../Icons/Sun.js"), "../Icons/SupportingPerson.tsx": () => import("../Icons/SupportingPerson.js"), "../Icons/Surgery.tsx": () => import("../Icons/Surgery.js"), "../Icons/Sweets.tsx": () => import("../Icons/Sweets.js"), "../Icons/Syringe.tsx": () => import("../Icons/Syringe.js"), "../Icons/Taxi.tsx": () => import("../Icons/Taxi.js"), "../Icons/TeddyBear.tsx": () => import("../Icons/TeddyBear.js"), "../Icons/Teenagers.tsx": () => import("../Icons/Teenagers.js"), "../Icons/ThinkingAboutBaby.tsx": () => import("../Icons/ThinkingAboutBaby.js"), "../Icons/Ticket.tsx": () => import("../Icons/Ticket.js"), "../Icons/TimePassing.tsx": () => import("../Icons/TimePassing.js"), "../Icons/Tombstone.tsx": () => import("../Icons/Tombstone.js"), "../Icons/Toolbox.tsx": () => import("../Icons/Toolbox.js"), "../Icons/Tooth.tsx": () => import("../Icons/Tooth.js"), "../Icons/TotalKneeProsthesis.tsx": () => import("../Icons/TotalKneeProsthesis.js"), "../Icons/Train.tsx": () => import("../Icons/Train.js"), "../Icons/Transplantation.tsx": () => import("../Icons/Transplantation.js"), "../Icons/TrashCan.tsx": () => import("../Icons/TrashCan.js"), "../Icons/TravelRoute.tsx": () => import("../Icons/TravelRoute.js"), "../Icons/TriangleX.tsx": () => import("../Icons/TriangleX.js"), "../Icons/Twitter.tsx": () => import("../Icons/Twitter.js"), "../Icons/Undo.tsx": () => import("../Icons/Undo.js"), "../Icons/UniProsthesis.tsx": () => import("../Icons/UniProsthesis.js"), "../Icons/Upload.tsx": () => import("../Icons/Upload.js"), "../Icons/UserOrganization.tsx": () => import("../Icons/UserOrganization.js"), "../Icons/Vaccine.tsx": () => import("../Icons/Vaccine.js"), "../Icons/VerticalDots.tsx": () => import("../Icons/VerticalDots.js"), "../Icons/VideoCamera.tsx": () => import("../Icons/VideoCamera.js"), "../Icons/VideoChat.tsx": () => import("../Icons/VideoChat.js"), "../Icons/Wallet.tsx": () => import("../Icons/Wallet.js"), "../Icons/Watch.tsx": () => import("../Icons/Watch.js"), "../Icons/Website.tsx": () => import("../Icons/Website.js"), "../Icons/Wheelchair.tsx": () => import("../Icons/Wheelchair.js"), "../Icons/WheelchairActive.tsx": () => import("../Icons/WheelchairActive.js"), "../Icons/Window.tsx": () => import("../Icons/Window.js"), "../Icons/WordDocument.tsx": () => import("../Icons/WordDocument.js"), "../Icons/WorkSuitcase.tsx": () => import("../Icons/WorkSuitcase.js"), "../Icons/X.tsx": () => import("../Icons/X.js"), "../Icons/XOutline.tsx": () => import("../Icons/XOutline.js"), "../Icons/XmlFile.tsx": () => import("../Icons/XmlFile.js"), "../Icons/YouTube.tsx": () => import("../Icons/YouTube.js"), "../Icons/Zoom.tsx": () => import("../Icons/Zoom.js") }), `../Icons/${o}.tsx`, 3)), y = ({ iconName: o, size: t = l.Small, ...r }) => {
   const i = m(() => h(o), [o]);
   if (x())
     return null;

package/components/LazyIcon/LazyIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"LazyIcon.js","sources":["../../../src/components/LazyIcon/LazyIcon.tsx"],"sourcesContent":["import React, { lazy, Suspense, useMemo } from 'react';\n\nimport ErrorBoundary from './ErrorBoundary';\nimport { isServerSide } from './utils';\nimport Icon, { BaseIconProps, IconSize, SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\n\nexport interface LazyIconProps extends BaseIconProps {\n  // Navnet på ikonet som skal vises. Tilsvarer filnavnet til ikonet i Icons-mappen\n  iconName: IconName;\n}\n\nexport const lazyLoadIcon = (iconName: IconName): React.LazyExoticComponent<SvgIcon> =>\n  lazy<SvgIcon>(() => import(`../Icons/${iconName}.tsx`));\n\nexport const LazyIcon: React.FC<LazyIconProps> = ({ iconName, size = IconSize.Small, ...rest }) => {\n  const icon = useMemo(() => lazyLoadIcon(iconName), [iconName]);\n\n  if (isServerSide()) {\n    return null;\n  }\n\n  const fallback = (\n    <svg\n      data-testid={'fallback'}\n      role={'presentation'}\n      focusable={false}\n      aria-hidden={true}\n      viewBox=\"0 0 48 48\"\n      style={{ minWidth: size, minHeight: size }}\n      width={size}\n      height={size}\n    />\n  );\n\n  return (\n    <ErrorBoundary fallback={fallback} reset={iconName}>\n      <Suspense fallback={fallback}>\n        <Icon svgIcon={icon} size={size} {...rest} />\n      </Suspense>\n    </ErrorBoundary>\n  );\n};\n\nexport default LazyIcon;\n"],"names":["lazyLoadIcon","iconName","lazy","__variableDynamicImportRuntimeHelper","LazyIcon","size","IconSize","rest","icon","useMemo","isServerSide","fallback","React","ErrorBoundary","Suspense","Icon"],"mappings":"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"}
+{"version":3,"file":"LazyIcon.js","sources":["../../../src/components/LazyIcon/LazyIcon.tsx"],"sourcesContent":["import React, { lazy, Suspense, useMemo } from 'react';\n\nimport ErrorBoundary from './ErrorBoundary';\nimport { isServerSide } from './utils';\nimport Icon, { BaseIconProps, IconSize, SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\n\nexport interface LazyIconProps extends BaseIconProps {\n  // Navnet på ikonet som skal vises. Tilsvarer filnavnet til ikonet i Icons-mappen\n  iconName: IconName;\n}\n\nexport const lazyLoadIcon = (iconName: IconName): React.LazyExoticComponent<SvgIcon> =>\n  lazy<SvgIcon>(() => import(`../Icons/${iconName}.tsx`));\n\nexport const LazyIcon: React.FC<LazyIconProps> = ({ iconName, size = IconSize.Small, ...rest }) => {\n  const icon = useMemo(() => lazyLoadIcon(iconName), [iconName]);\n\n  if (isServerSide()) {\n    return null;\n  }\n\n  const fallback = (\n    <svg\n      data-testid={'fallback'}\n      role={'presentation'}\n      focusable={false}\n      aria-hidden={true}\n      viewBox=\"0 0 48 48\"\n      style={{ minWidth: size, minHeight: size }}\n      width={size}\n      height={size}\n    />\n  );\n\n  return (\n    <ErrorBoundary fallback={fallback} reset={iconName}>\n      <Suspense fallback={fallback}>\n        <Icon svgIcon={icon} size={size} {...rest} />\n      </Suspense>\n    </ErrorBoundary>\n  );\n};\n\nexport default LazyIcon;\n"],"names":["lazyLoadIcon","iconName","lazy","__variableDynamicImportRuntimeHelper","LazyIcon","size","IconSize","rest","icon","useMemo","isServerSide","fallback","React","ErrorBoundary","Suspense","Icon"],"mappings":"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"}

package/components/Loader/Loader.d.ts

@@ -7,7 +7,7 @@ export declare enum Overlay {
     parent = "parent"
 }
 export interface LoaderProps {
-    /** Sets the color of the loader */
+    /** Sets the color of the loader. If overlay is used, the color will always be white.  */
     color?: LoaderColors;
     /**	Adds custom classes to the element. */
     className?: string;
@@ -23,9 +23,9 @@ export interface LoaderProps {
     inline?: boolean;
     /** Loader is displayed with grey background covering the entire screen */
     overlay?: keyof typeof Overlay;
-    /**  Individual id for loading icon (aria-labelledby).  */
+    /** Individual id for loading icon (aria-labelledby).  */
     ariaLabelledById?: string;
-    /**  String that labels the current loading element  */
+    /** String that labels the current loading element  */
     ariaLabel?: string;
 }
 declare const Loader: React.FC<LoaderProps>;

package/components/Loader/Loader.js

@@ -3,26 +3,25 @@ import i from "classnames";
 import { ZIndex as z, AnalyticsId as D } from "../../constants.js";
 import { uuid as A } from "../../utils/uuid.js";
 import e from "../Loader/styles.module.scss";
-var B = /* @__PURE__ */ ((t) => (t.screen = "screen", t.parent = "parent", t))(B || {});
-const F = (t) => {
+var B = /* @__PURE__ */ ((a) => (a.screen = "screen", a.parent = "parent", a))(B || {});
+const F = (a) => {
   const {
-    overlay: a,
-    color: r = a ? "black" : "neutral",
-    size: d = "small",
+    overlay: t,
+    size: n = "small",
     className: N = "",
     labelId: m = A(),
-    testId: L,
-    center: h,
-    inline: n,
+    testId: h,
+    center: L,
+    inline: d,
     ariaLabelledById: p,
     ariaLabel: I = "Laster inn"
-  } = t, g = () => !(a === "parent" || n), [c, u] = S(g()), _ = d === "small", y = d === "medium", f = d === "large", k = i({
-    [e["loader-wrapper--center"]]: h,
-    [e["loader-wrapper--overlay"]]: a,
-    [e["loader-wrapper--overlay-screen"]]: a === "screen",
-    [e["loader-wrapper--overlay-parent"]]: a === "parent" && c,
-    [e["loader-wrapper--inline"]]: n && c
-  }), x = i(
+  } = a, r = a.overlay ? "white" : a.color || "neutral", g = () => !(t === "parent" || d), [c, u] = S(g()), _ = n === "small", y = n === "medium", f = n === "large", x = i({
+    [e["loader-wrapper--center"]]: L,
+    [e["loader-wrapper--overlay"]]: t,
+    [e["loader-wrapper--overlay-screen"]]: t === "screen",
+    [e["loader-wrapper--overlay-parent"]]: t === "parent" && c,
+    [e["loader-wrapper--inline"]]: d && c
+  }), k = i(
     e.loader,
     {
       [e["loader--small"]]: _,
@@ -43,16 +42,16 @@ const F = (t) => {
     [e["loader__dot--white"]]: r === "white"
   }), s = C(null);
   return R(() => {
-    var v, E, b, w;
-    a === "parent" && ((E = (v = s.current) == null ? void 0 : v.parentElement) != null && E.style) && (s.current.parentElement.style.position = "relative", u(!0)), n && ((w = (b = s.current) == null ? void 0 : b.parentElement) != null && w.style) && (s.current.parentElement.style.display = "flex", u(!0));
-  }, []), /* @__PURE__ */ l.createElement("div", { className: k, ref: s, style: a === "screen" ? { zIndex: z.OverlayScreen } : {} }, c && /* @__PURE__ */ l.createElement(
+    var v, w, E, b;
+    t === "parent" && ((w = (v = s.current) == null ? void 0 : v.parentElement) != null && w.style) && (s.current.parentElement.style.position = "relative", u(!0)), d && ((b = (E = s.current) == null ? void 0 : E.parentElement) != null && b.style) && (s.current.parentElement.style.display = "flex", u(!0));
+  }, []), /* @__PURE__ */ l.createElement("div", { className: x, ref: s, style: t === "screen" ? { zIndex: z.OverlayScreen } : {} }, c && /* @__PURE__ */ l.createElement(
     "div",
     {
-      "data-testid": L,
+      "data-testid": h,
       "data-analyticsid": D.Loader,
       role: "progressbar",
       "aria-labelledby": p || m,
-      className: x
+      className: k
     },
     /* @__PURE__ */ l.createElement("div", { className: o }),
     /* @__PURE__ */ l.createElement("div", { className: o }),