@helsenorge/designsystem-react 13.0.0-beta.2 → 13.0.0-beta.4

package/components/LinkList/styles.module.scss

@@ -15,70 +15,56 @@
 
   &--outline {
     &--neutral {
-      border: 1px solid var(--color-base-border-onlight);
+      border: 1px solid var(--component-listelements-border-neutral-normal);
     }
 
     &--blueberry {
-      border: 1px solid var(--core-color-blueberry-500);
+      border: 1px solid var(--component-listelements-border-blueberry-normal);
     }
 
     &--cherry {
-      border: 1px solid var(--core-color-cherry-400);
+      border: 1px solid var(--component-listelements-border-cherry-normal);
     }
 
     &--white {
-      border: 1px solid var(--color-base-border-onlight);
+      border: 1px solid var(--component-listelements-border-neutral-normal);
     }
   }
 
   &__list-item {
     &--line {
-      border-bottom: 1px solid var(--color-base-border-onlight);
+      border-bottom: 1px solid var(--component-listelements-border-neutral-normal);
 
       &:first-of-type {
-        border-top: 1px solid var(--color-base-border-onlight);
+        border-top: 1px solid var(--component-listelements-border-neutral-normal);
       }
     }
 
     &--outline {
-      &--white {
-        border-top: spacers.getSpacer(2xs) var(--core-color-neutral-100) solid;
-        border-left: spacers.getSpacer(2xs) var(--core-color-neutral-100) solid;
-        border-right: spacers.getSpacer(2xs) var(--core-color-neutral-100) solid;
+      --border-color: var(--component-listelements-border-neutral-light);
 
-        &:last-of-type {
-          border-bottom: spacers.getSpacer(2xs) var(--core-color-neutral-100) solid;
-        }
+      border-top: spacers.getSpacer(2xs) var(--border-color) solid;
+      border-left: spacers.getSpacer(2xs) var(--border-color) solid;
+      border-right: spacers.getSpacer(2xs) var(--border-color) solid;
+
+      &:last-of-type {
+        border-bottom: spacers.getSpacer(2xs) var(--border-color) solid;
       }
 
-      &--blueberry {
-        border-top: spacers.getSpacer(2xs) var(--core-color-blueberry-100) solid;
-        border-left: spacers.getSpacer(2xs) var(--core-color-blueberry-100) solid;
-        border-right: spacers.getSpacer(2xs) var(--core-color-blueberry-100) solid;
+      &--white {
+        --border-color: var(--component-listelements-border-neutral-light);
+      }
 
-        &:last-of-type {
-          border-bottom: spacers.getSpacer(2xs) var(--core-color-blueberry-100) solid;
-        }
+      &--blueberry {
+        --border-color: var(--component-listelements-border-blueberry-light);
       }
 
       &--cherry {
-        border-top: spacers.getSpacer(2xs) var(--core-color-cherry-100) solid;
-        border-left: spacers.getSpacer(2xs) var(--core-color-cherry-100) solid;
-        border-right: spacers.getSpacer(2xs) var(--core-color-cherry-100) solid;
-
-        &:last-of-type {
-          border-bottom: spacers.getSpacer(2xs) var(--core-color-cherry-100) solid;
-        }
+        --border-color: var(--component-listelements-border-cherry-light);
       }
 
       &--neutral {
-        border-top: spacers.getSpacer(2xs) var(--core-color-neutral-100) solid;
-        border-left: spacers.getSpacer(2xs) var(--core-color-neutral-100) solid;
-        border-right: spacers.getSpacer(2xs) var(--core-color-neutral-100) solid;
-
-        &:last-of-type {
-          border-bottom: spacers.getSpacer(2xs) var(--core-color-neutral-100) solid;
-        }
+        --border-color: var(--component-listelements-border-neutral-light);
       }
     }
   }
@@ -110,15 +96,15 @@
       }
 
       &--blueberry {
-        background-color: var(--core-color-blueberry-50);
+        background-color: var(--component-listelements-background-blueberry-light);
       }
 
       &--cherry {
-        background-color: var(--core-color-cherry-50);
+        background-color: var(--component-listelements-background-cherry-light);
       }
 
       &--neutral {
-        background-color: var(--core-color-neutral-50);
+        background-color: var(--component-listelements-background-neutral-light);
       }
     }
 
@@ -134,20 +120,20 @@
       }
 
       &--blueberry {
-        border: 1px solid var(--core-color-blueberry-500);
+        border: 1px solid var(--component-listelements-border-blueberry-normal);
       }
 
       &--cherry {
-        border: 1px solid var(--core-color-cherry-400);
+        border: 1px solid var(--component-listelements-border-cherry-normal);
       }
 
       &--neutral {
-        border: 1px solid var(--color-base-border-onlight);
+        border: 1px solid var(--component-listelements-border-neutral-normal);
       }
 
       // Skal ikke brukes, men klassen er definert for enkelhets skyld
       &--white {
-        border: 1px solid var(--color-base-border-onlight);
+        border: 1px solid var(--component-listelements-border-neutral-normal);
       }
     }
 
@@ -186,41 +172,41 @@
     &--white:not(.link-list__anchor--outline) {
       // listeelement settes til div om man er i edit mode, og skal da ikke ha hover/active effekter
       &:hover:not(div) {
-        background-color: var(--core-color-neutral-50);
+        background-color: var(--component-listelements-background-neutral-light);
       }
 
       &:active:not(div) {
-        background-color: var(--core-color-neutral-100);
+        background-color: var(--component-listelements-background-neutral-medium);
       }
     }
 
     &--blueberry:not(.link-list__anchor--outline) {
       &:hover:not(div) {
-        background-color: var(--core-color-blueberry-100);
+        background-color: var(--component-listelements-background-blueberry-medium);
       }
 
       &:active:not(div) {
-        background-color: var(--color-action-background-ondark-hoverselected);
+        background-color: var(--component-listelements-background-blueberry-dark);
       }
     }
 
     &--cherry:not(.link-list__anchor--outline) {
       &:hover:not(div) {
-        background-color: var(--core-color-cherry-100);
+        background-color: var(--component-listelements-background-cherry-medium);
       }
 
       &:active:not(div) {
-        background-color: var(--core-color-cherry-200);
+        background-color: var(--component-listelements-background-cherry-dark);
       }
     }
 
     &--neutral:not(.link-list__anchor--outline) {
       &:hover:not(div) {
-        background-color: var(--core-color-neutral-100);
+        background-color: var(--component-listelements-background-neutral-medium);
       }
 
       &:active:not(div) {
-        background-color: var(--core-color-neutral-200);
+        background-color: var(--component-listelements-background-neutral-dark);
       }
     }
 
@@ -240,51 +226,51 @@
       }
 
       &--blueberry {
-        border-bottom: 1px solid var(--core-color-blueberry-500);
+        border-bottom: 1px solid var(--component-listelements-border-blueberry-normal);
 
         &:hover:not(div) {
-          background-color: var(--core-color-blueberry-50);
+          background-color: var(--component-listelements-background-blueberry-light);
         }
 
         &:active:not(div) {
-          background-color: var(--core-color-blueberry-100);
+          background-color: var(--component-listelements-background-blueberry-medium);
         }
       }
 
       &--cherry {
-        border-bottom: 1px solid var(--core-color-cherry-400);
+        border-bottom: 1px solid var(--component-listelements-border-cherry-normal);
 
         &:hover:not(div) {
-          background-color: var(--core-color-cherry-50);
+          background-color: var(--component-listelements-background-cherry-light);
         }
 
         &:active:not(div) {
-          background-color: var(--core-color-cherry-100);
+          background-color: var(--component-listelements-background-cherry-medium);
         }
       }
 
       &--neutral {
-        border-bottom: 1px solid var(--color-base-border-onlight);
+        border-bottom: 1px solid var(--component-listelements-border-neutral-normal);
 
         &:hover:not(div) {
-          background-color: var(--core-color-neutral-50);
+          background-color: var(--component-listelements-background-neutral-light);
         }
 
         &:active:not(div) {
-          background-color: var(--core-color-neutral-100);
+          background-color: var(--component-listelements-background-neutral-medium);
         }
       }
     }
 
     &--new {
-      background-color: var(--core-color-blueberry-50) !important;
+      background-color: var(--component-listelements-background-blueberry-light) !important;
 
       &:hover:not(div) {
-        background-color: var(--core-color-blueberry-100) !important;
+        background-color: var(--component-listelements-background-blueberry-medium) !important;
       }
 
       &:active:not(div) {
-        background-color: var(--core-color-blueberry-200) !important;
+        background-color: var(--component-listelements-background-blueberry-dark) !important;
       }
     }
   }

package/components/LinkList/styles.module.scss.d.ts

@@ -31,6 +31,7 @@ export type Styles = {
   'link-list__anchor--white': string;
   'link-list__image-container': string;
   'link-list__list-item--line': string;
+  'link-list__list-item--outline': string;
   'link-list__list-item--outline--blueberry': string;
   'link-list__list-item--outline--cherry': string;
   'link-list__list-item--outline--neutral': string;

package/components/List/index.js

@@ -1,5 +1,3 @@
-import { L as List } from "../../List.js";
-export {
-  List as default
-};
-//# sourceMappingURL=index.js.map
+import "../../constants2.js";
+import { t as List_default } from "../../List.js";
+export { List_default as default };

package/components/ListEditMode/index.js

@@ -1,9 +1,6 @@
-import { L as ListEditModeItem } from "../../ListEditMode.js";
-import { I, l } from "../../ListEditMode.js";
-export {
-  I as IconButton,
-  ListEditModeItem,
-  ListEditModeItem as default,
-  l as listEditModeWrapperClassnames
-};
-//# sourceMappingURL=index.js.map
+import "../../constants2.js";
+import "../../usePseudoClasses.js";
+import "../../Icon.js";
+import "../../X.js";
+import { i as listEditModeWrapperClassnames, n as IconButton, r as ListEditModeItem, t as ListEditMode_default } from "../../ListEditMode.js";
+export { IconButton, ListEditModeItem, ListEditMode_default as default, listEditModeWrapperClassnames };

package/components/ListEditMode/styles.module.scss

@@ -18,6 +18,7 @@
     outline: none;
     padding: 0;
     margin: 4px;
+    cursor: pointer;
 
     &:focus-visible {
       outline: 4px solid var(--color-action-border-onlight-focus);

package/components/Loader/index.js

@@ -1,97 +1,86 @@
+import { t as uuid } from "../../uuid.js";
+import "../../environment.js";
+import { c as ZIndex, n as AnalyticsId } from "../../constants2.js";
+import React, { useEffect, useRef, useState } from "react";
+import cn from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useRef, useEffect } from "react";
-import classNames from "classnames";
-import { ZIndex, AnalyticsId } from "../../constants.js";
-import { u as uuid } from "../../uuid.js";
 import loaderStyles from "./styles.module.scss";
-var Overlay = /* @__PURE__ */ ((Overlay2) => {
-  Overlay2["screen"] = "screen";
-  Overlay2["parent"] = "parent";
-  return Overlay2;
-})(Overlay || {});
-const Loader = (props) => {
-  const {
-    overlay,
-    size = "small",
-    className = "",
-    labelId = uuid(),
-    testId,
-    center,
-    inline,
-    ariaLabelledById,
-    ariaLabel = "Laster inn"
-  } = props;
-  const color = props.overlay ? "white" : props.color || "neutral";
-  const showLoader = () => {
-    if (overlay === "parent" || inline) {
-      return false;
-    }
-    return true;
-  };
-  const [display, setDisplay] = useState(showLoader());
-  const isSmall = size === "small";
-  const isMedium = size === "medium";
-  const isLarge = size === "large";
-  const loaderWrapperClasses = classNames({
-    [loaderStyles["loader-wrapper--center"]]: center,
-    [loaderStyles["loader-wrapper--overlay"]]: overlay,
-    [loaderStyles["loader-wrapper--overlay-screen"]]: overlay === "screen",
-    [loaderStyles["loader-wrapper--overlay-parent"]]: overlay === "parent" && display,
-    [loaderStyles["loader-wrapper--inline"]]: inline && display
-  });
-  const loaderClasses = classNames(
-    loaderStyles.loader,
-    {
-      [loaderStyles["loader--small"]]: isSmall,
-      [loaderStyles["loader--medium"]]: isMedium,
-      [loaderStyles["loader--large"]]: isLarge
-    },
-    className
-  );
-  const loaderDotClasses = classNames(loaderStyles.loader__dot, {
-    [loaderStyles["loader__dot--small"]]: isSmall,
-    [loaderStyles["loader__dot--medium"]]: isMedium,
-    [loaderStyles["loader__dot--large"]]: isLarge,
-    [loaderStyles["loader__dot--banana"]]: color === "banana",
-    [loaderStyles["loader__dot--cherry"]]: color === "cherry",
-    [loaderStyles["loader__dot--kiwi"]]: color === "kiwi",
-    [loaderStyles["loader__dot--neutral"]]: color === "neutral",
-    [loaderStyles["loader__dot--plum"]]: color === "plum",
-    [loaderStyles["loader__dot--black"]]: color === "black",
-    [loaderStyles["loader__dot--white"]]: color === "white"
-  });
-  const wrapperRef = useRef(null);
-  useEffect(() => {
-    var _a, _b, _c, _d;
-    if (overlay === "parent" && ((_b = (_a = wrapperRef.current) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.style)) {
-      wrapperRef.current.parentElement.style.position = "relative";
-      setDisplay(true);
-    }
-    if (inline && ((_d = (_c = wrapperRef.current) == null ? void 0 : _c.parentElement) == null ? void 0 : _d.style)) {
-      wrapperRef.current.parentElement.style.display = "flex";
-      setDisplay(true);
-    }
-  }, []);
-  return /* @__PURE__ */ jsx("div", { className: loaderWrapperClasses, ref: wrapperRef, style: overlay === "screen" ? { zIndex: ZIndex.OverlayScreen } : {}, children: display && /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-testid": testId,
-      "data-analyticsid": AnalyticsId.Loader,
-      role: "progressbar",
-      "aria-labelledby": ariaLabelledById || labelId,
-      className: loaderClasses,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: loaderDotClasses }),
-        /* @__PURE__ */ jsx("div", { className: loaderDotClasses }),
-        /* @__PURE__ */ jsx("div", { className: loaderDotClasses }),
-        /* @__PURE__ */ jsx("div", { className: loaderDotClasses }),
-        !ariaLabelledById && /* @__PURE__ */ jsx("span", { id: labelId, className: loaderStyles["loader__hidden-text"], children: ariaLabel })
-      ]
-    }
-  ) });
+let Overlay = /* @__PURE__ */ function(Overlay$1) {
+	Overlay$1["screen"] = "screen";
+	Overlay$1["parent"] = "parent";
+	return Overlay$1;
+}({});
+var Loader = (props) => {
+	const { overlay, size = "small", className = "", labelId = uuid(), testId, center, inline, ariaLabelledById, ariaLabel = "Laster inn" } = props;
+	const color = props.overlay ? "white" : props.color || "neutral";
+	const showLoader = () => {
+		if (overlay === Overlay.parent || inline) return false;
+		return true;
+	};
+	const [display, setDisplay] = useState(showLoader());
+	const isSmall = size === "small";
+	const isMedium = size === "medium";
+	const isLarge = size === "large";
+	const loaderWrapperClasses = cn({
+		[loaderStyles["loader-wrapper--center"]]: center,
+		[loaderStyles["loader-wrapper--overlay"]]: overlay,
+		[loaderStyles["loader-wrapper--overlay-screen"]]: overlay === Overlay.screen,
+		[loaderStyles["loader-wrapper--overlay-parent"]]: overlay === Overlay.parent && display,
+		[loaderStyles["loader-wrapper--inline"]]: inline && display
+	});
+	const loaderClasses = cn(loaderStyles.loader, {
+		[loaderStyles["loader--small"]]: isSmall,
+		[loaderStyles["loader--medium"]]: isMedium,
+		[loaderStyles["loader--large"]]: isLarge
+	}, className);
+	const loaderDotClasses = cn(loaderStyles.loader__dot, {
+		[loaderStyles["loader__dot--small"]]: isSmall,
+		[loaderStyles["loader__dot--medium"]]: isMedium,
+		[loaderStyles["loader__dot--large"]]: isLarge,
+		[loaderStyles["loader__dot--banana"]]: color === "banana",
+		[loaderStyles["loader__dot--cherry"]]: color === "cherry",
+		[loaderStyles["loader__dot--kiwi"]]: color === "kiwi",
+		[loaderStyles["loader__dot--neutral"]]: color === "neutral",
+		[loaderStyles["loader__dot--plum"]]: color === "plum",
+		[loaderStyles["loader__dot--black"]]: color === "black",
+		[loaderStyles["loader__dot--white"]]: color === "white"
+	});
+	const wrapperRef = useRef(null);
+	useEffect(() => {
+		if (overlay === Overlay.parent && wrapperRef.current?.parentElement?.style) {
+			wrapperRef.current.parentElement.style.position = "relative";
+			setDisplay(true);
+		}
+		if (inline && wrapperRef.current?.parentElement?.style) {
+			wrapperRef.current.parentElement.style.display = "flex";
+			setDisplay(true);
+		}
+	}, []);
+	return /* @__PURE__ */ jsx("div", {
+		className: loaderWrapperClasses,
+		ref: wrapperRef,
+		style: overlay === Overlay.screen ? { zIndex: ZIndex.OverlayScreen } : {},
+		children: display && /* @__PURE__ */ jsxs("div", {
+			"data-testid": testId,
+			"data-analyticsid": AnalyticsId.Loader,
+			role: "progressbar",
+			"aria-labelledby": ariaLabelledById || labelId,
+			className: loaderClasses,
+			children: [
+				/* @__PURE__ */ jsx("div", { className: loaderDotClasses }),
+				/* @__PURE__ */ jsx("div", { className: loaderDotClasses }),
+				/* @__PURE__ */ jsx("div", { className: loaderDotClasses }),
+				/* @__PURE__ */ jsx("div", { className: loaderDotClasses }),
+				!ariaLabelledById && /* @__PURE__ */ jsx("span", {
+					id: labelId,
+					className: loaderStyles["loader__hidden-text"],
+					children: ariaLabel
+				})
+			]
+		})
+	});
 };
-export {
-  Overlay,
-  Loader as default
-};
-//# sourceMappingURL=index.js.map
+var Loader_default = Loader;
+export { Overlay, Loader_default as default };
+
+//# sourceMappingURL=index.js.map

package/components/Loader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Loader/Loader.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, ZIndex } from '../../constants';\nimport { PaletteNames } from '../../theme/palette';\nimport { uuid } from '../../utils/uuid';\n\nimport loaderStyles from './styles.module.scss';\n\nexport type LoaderColors = PaletteNames;\nexport type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';\nexport enum Overlay {\n  screen = 'screen',\n  parent = 'parent',\n}\n\nexport interface LoaderProps {\n  /** Sets the color of the loader. If overlay is used, the color will always be white.  */\n  color?: LoaderColors;\n  /**\tAdds custom classes to the element. */\n  className?: string;\n  /** Changes the size of the loader. */\n  size?: LoaderSizes;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** id of the label */\n  labelId?: string;\n  /** Centers the loader in a container */\n  center?: boolean;\n  /** Inline the loader so it can be used in a span or paragraph */\n  inline?: boolean;\n  /** Loader is displayed with grey background covering the entire screen */\n  overlay?: keyof typeof Overlay;\n  /** Individual id for loading icon (aria-labelledby).  */\n  ariaLabelledById?: string;\n  /** String that labels the current loading element  */\n  ariaLabel?: string;\n}\n\nconst Loader: React.FC<LoaderProps> = props => {\n  const {\n    overlay,\n    size = 'small',\n    className = '',\n    labelId = uuid(),\n    testId,\n    center,\n    inline,\n    ariaLabelledById,\n    ariaLabel = 'Laster inn',\n  } = props;\n  const color = props.overlay ? 'white' : props.color || 'neutral';\n\n  const showLoader = (): boolean => {\n    if (overlay === Overlay.parent || inline) {\n      return false;\n    }\n\n    return true;\n  };\n\n  const [display, setDisplay] = useState(showLoader());\n\n  const isSmall = size === 'small';\n  const isMedium = size === 'medium';\n  const isLarge = size === 'large';\n\n  const loaderWrapperClasses = classNames({\n    [loaderStyles['loader-wrapper--center']]: center,\n    [loaderStyles['loader-wrapper--overlay']]: overlay,\n    [loaderStyles['loader-wrapper--overlay-screen']]: overlay === Overlay.screen,\n    [loaderStyles['loader-wrapper--overlay-parent']]: overlay === Overlay.parent && display,\n    [loaderStyles['loader-wrapper--inline']]: inline && display,\n  });\n  const loaderClasses = classNames(\n    loaderStyles.loader,\n    {\n      [loaderStyles['loader--small']]: isSmall,\n      [loaderStyles['loader--medium']]: isMedium,\n      [loaderStyles['loader--large']]: isLarge,\n    },\n    className\n  );\n  const loaderDotClasses = classNames(loaderStyles.loader__dot, {\n    [loaderStyles['loader__dot--small']]: isSmall,\n    [loaderStyles['loader__dot--medium']]: isMedium,\n    [loaderStyles['loader__dot--large']]: isLarge,\n    [loaderStyles['loader__dot--banana']]: color === 'banana',\n    [loaderStyles['loader__dot--cherry']]: color === 'cherry',\n    [loaderStyles['loader__dot--kiwi']]: color === 'kiwi',\n    [loaderStyles['loader__dot--neutral']]: color === 'neutral',\n    [loaderStyles['loader__dot--plum']]: color === 'plum',\n    [loaderStyles['loader__dot--black']]: color === 'black',\n    [loaderStyles['loader__dot--white']]: color === 'white',\n  });\n\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (overlay === Overlay.parent && wrapperRef.current?.parentElement?.style) {\n      wrapperRef.current.parentElement.style.position = 'relative';\n      setDisplay(true);\n    }\n\n    if (inline && wrapperRef.current?.parentElement?.style) {\n      wrapperRef.current.parentElement.style.display = 'flex';\n      setDisplay(true);\n    }\n  }, []);\n\n  return (\n    <div className={loaderWrapperClasses} ref={wrapperRef} style={overlay === Overlay.screen ? { zIndex: ZIndex.OverlayScreen } : {}}>\n      {display && (\n        <div\n          data-testid={testId}\n          data-analyticsid={AnalyticsId.Loader}\n          role=\"progressbar\"\n          aria-labelledby={ariaLabelledById || labelId}\n          className={loaderClasses}\n        >\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          {!ariaLabelledById && (\n            <span id={labelId} className={loaderStyles['loader__hidden-text']}>\n              {ariaLabel}\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Loader;\n"],"names":["Overlay"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Loader: React.FC<LoaderProps>"],"sources":["../../../src/components/Loader/Loader.tsx","../../../src/components/Loader/index.ts"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, ZIndex } from '../../constants';\nimport { PaletteNames } from '../../theme/palette';\nimport { uuid } from '../../utils/uuid';\n\nimport loaderStyles from './styles.module.scss';\n\nexport type LoaderColors = PaletteNames;\nexport type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';\nexport enum Overlay {\n  screen = 'screen',\n  parent = 'parent',\n}\n\nexport interface LoaderProps {\n  /** Sets the color of the loader. If overlay is used, the color will always be white.  */\n  color?: LoaderColors;\n  /**\tAdds custom classes to the element. */\n  className?: string;\n  /** Changes the size of the loader. */\n  size?: LoaderSizes;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** id of the label */\n  labelId?: string;\n  /** Centers the loader in a container */\n  center?: boolean;\n  /** Inline the loader so it can be used in a span or paragraph */\n  inline?: boolean;\n  /** Loader is displayed with grey background covering the entire screen */\n  overlay?: keyof typeof Overlay;\n  /** Individual id for loading icon (aria-labelledby).  */\n  ariaLabelledById?: string;\n  /** String that labels the current loading element  */\n  ariaLabel?: string;\n}\n\nconst Loader: React.FC<LoaderProps> = props => {\n  const {\n    overlay,\n    size = 'small',\n    className = '',\n    labelId = uuid(),\n    testId,\n    center,\n    inline,\n    ariaLabelledById,\n    ariaLabel = 'Laster inn',\n  } = props;\n  const color = props.overlay ? 'white' : props.color || 'neutral';\n\n  const showLoader = (): boolean => {\n    if (overlay === Overlay.parent || inline) {\n      return false;\n    }\n\n    return true;\n  };\n\n  const [display, setDisplay] = useState(showLoader());\n\n  const isSmall = size === 'small';\n  const isMedium = size === 'medium';\n  const isLarge = size === 'large';\n\n  const loaderWrapperClasses = classNames({\n    [loaderStyles['loader-wrapper--center']]: center,\n    [loaderStyles['loader-wrapper--overlay']]: overlay,\n    [loaderStyles['loader-wrapper--overlay-screen']]: overlay === Overlay.screen,\n    [loaderStyles['loader-wrapper--overlay-parent']]: overlay === Overlay.parent && display,\n    [loaderStyles['loader-wrapper--inline']]: inline && display,\n  });\n  const loaderClasses = classNames(\n    loaderStyles.loader,\n    {\n      [loaderStyles['loader--small']]: isSmall,\n      [loaderStyles['loader--medium']]: isMedium,\n      [loaderStyles['loader--large']]: isLarge,\n    },\n    className\n  );\n  const loaderDotClasses = classNames(loaderStyles.loader__dot, {\n    [loaderStyles['loader__dot--small']]: isSmall,\n    [loaderStyles['loader__dot--medium']]: isMedium,\n    [loaderStyles['loader__dot--large']]: isLarge,\n    [loaderStyles['loader__dot--banana']]: color === 'banana',\n    [loaderStyles['loader__dot--cherry']]: color === 'cherry',\n    [loaderStyles['loader__dot--kiwi']]: color === 'kiwi',\n    [loaderStyles['loader__dot--neutral']]: color === 'neutral',\n    [loaderStyles['loader__dot--plum']]: color === 'plum',\n    [loaderStyles['loader__dot--black']]: color === 'black',\n    [loaderStyles['loader__dot--white']]: color === 'white',\n  });\n\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (overlay === Overlay.parent && wrapperRef.current?.parentElement?.style) {\n      wrapperRef.current.parentElement.style.position = 'relative';\n      setDisplay(true);\n    }\n\n    if (inline && wrapperRef.current?.parentElement?.style) {\n      wrapperRef.current.parentElement.style.display = 'flex';\n      setDisplay(true);\n    }\n  }, []);\n\n  return (\n    <div className={loaderWrapperClasses} ref={wrapperRef} style={overlay === Overlay.screen ? { zIndex: ZIndex.OverlayScreen } : {}}>\n      {display && (\n        <div\n          data-testid={testId}\n          data-analyticsid={AnalyticsId.Loader}\n          role=\"progressbar\"\n          aria-labelledby={ariaLabelledById || labelId}\n          className={loaderClasses}\n        >\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          {!ariaLabelledById && (\n            <span id={labelId} className={loaderStyles['loader__hidden-text']}>\n              {ariaLabel}\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Loader;\n","import Loader from './Loader';\nexport * from './Loader';\nexport default Loader;\n"],"mappings":";;;;;;;AAYA,IAAY,UAAA,yBAAA,WAAL;AACL,WAAA,YAAA;AACA,WAAA,YAAA;;;AA0BF,IAAMA,UAAgC,UAAS;CAC7C,MAAM,EACJ,SACA,OAAO,SACP,YAAY,IACZ,UAAU,MAAM,EAChB,QACA,QACA,QACA,kBACA,YAAY,iBACV;CACJ,MAAM,QAAQ,MAAM,UAAU,UAAU,MAAM,SAAS;CAEvD,MAAM,mBAA4B;AAChC,MAAI,YAAY,QAAQ,UAAU,OAChC,QAAO;AAGT,SAAO;;CAGT,MAAM,CAAC,SAAS,cAAc,SAAS,YAAY,CAAC;CAEpD,MAAM,UAAU,SAAS;CACzB,MAAM,WAAW,SAAS;CAC1B,MAAM,UAAU,SAAS;CAEzB,MAAM,uBAAuB,GAAW;GACrC,aAAa,4BAA4B;GACzC,aAAa,6BAA6B;GAC1C,aAAa,oCAAoC,YAAY,QAAQ;GACrE,aAAa,oCAAoC,YAAY,QAAQ,UAAU;GAC/E,aAAa,4BAA4B,UAAU;EACrD,CAAC;CACF,MAAM,gBAAgB,GACpB,aAAa,QACb;GACG,aAAa,mBAAmB;GAChC,aAAa,oBAAoB;GACjC,aAAa,mBAAmB;EAClC,EACD,UACD;CACD,MAAM,mBAAmB,GAAW,aAAa,aAAa;GAC3D,aAAa,wBAAwB;GACrC,aAAa,yBAAyB;GACtC,aAAa,wBAAwB;GACrC,aAAa,yBAAyB,UAAU;GAChD,aAAa,yBAAyB,UAAU;GAChD,aAAa,uBAAuB,UAAU;GAC9C,aAAa,0BAA0B,UAAU;GACjD,aAAa,uBAAuB,UAAU;GAC9C,aAAa,wBAAwB,UAAU;GAC/C,aAAa,wBAAwB,UAAU;EACjD,CAAC;CAEF,MAAM,aAAa,OAAuB,KAAK;AAE/C,iBAAgB;AACd,MAAI,YAAY,QAAQ,UAAU,WAAW,SAAS,eAAe,OAAO;AAC1E,cAAW,QAAQ,cAAc,MAAM,WAAW;AAClD,cAAW,KAAK;;AAGlB,MAAI,UAAU,WAAW,SAAS,eAAe,OAAO;AACtD,cAAW,QAAQ,cAAc,MAAM,UAAU;AACjD,cAAW,KAAK;;IAEjB,EAAE,CAAC;AAEN,QACE,oBAAC,OAAA;EAAI,WAAW;EAAsB,KAAK;EAAY,OAAO,YAAY,QAAQ,SAAS,EAAE,QAAQ,OAAO,eAAe,GAAG,EAAE;YAC7H,WACC,qBAAC,OAAA;GACC,eAAa;GACb,oBAAkB,YAAY;GAC9B,MAAK;GACL,mBAAiB,oBAAoB;GACrC,WAAW;;IAEX,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACpC,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACpC,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACpC,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACnC,CAAC,oBACA,oBAAC,QAAA;KAAK,IAAI;KAAS,WAAW,aAAa;eACxC;MACI;;IAEL;GAEJ;;AClIV,IAAA,iBDsIe"}

package/components/Logo/index.js

@@ -1,47 +1,49 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useId } from "react";
-import { AnalyticsId } from "../../constants.js";
-import { getColor } from "../../theme/currys/color.js";
-const Logo = ({ size = 300, color = "black", byline = false, className, testId }) => {
-  const titleId = useId();
-  if (byline) {
-    return /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        width: size,
-        role: "img",
-        "aria-labelledby": titleId,
-        viewBox: "0 0 87 12",
-        className,
-        "data-testid": testId,
-        "data-analyticsid": AnalyticsId.Logo,
-        children: [
-          /* @__PURE__ */ jsx("title", { id: titleId, children: "Helsenorge" }),
-          /* @__PURE__ */ jsx("g", { fill: getColor(color), children: /* @__PURE__ */ jsx("path", { d: "M5 .8v2.8H2.6V.8H1V8h1.6V5.1H5V8h1.6V.8zM20.9 6.6V.8h-1.6V8h4.5V6.6zM57.9 1.4c-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.8 3.4 2.8-1.4 2.8-3.4-1.1-3.4-2.8-3.4zm2 3.4c0 1.2-.5 2.7-2 2.7-1.4 0-2-1.4-2-2.7s.5-2.7 2-2.7 2 1.5 2 2.7zM86 4.7c0-2-1.1-3.3-2.8-3.3-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.9 3.4c1.2 0 2.2-.6 2.5-1.7l.1-.2H85v.1c-.3.6-.9 1-1.7 1-1.3 0-1.9-1.2-2-2.3H86v-.4zm-.9-.3h-3.9c.1-1.1.7-2.3 1.9-2.3 1.5 0 2 1.3 2 2.3zM49.2 1.4c-1.1 0-1.7.7-2 1.2v-1h-.8V8h.8V4.8c0-.9.5-2.6 1.9-2.6s1.6 1.2 1.6 2.6V8h.8V4.7c0-1.6-.2-3.3-2.3-3.3zM12.1 6.6V5h2.4V3.7h-2.4V2.2h3.2V.8h-4.8V8h4.9V6.6zM38.3 6.6V5h2.3V3.7h-2.3V2.2h3.2V.8h-4.8V8h4.9V6.6zM65.5 3.3V1.6h-.8V8h.8V4.1l2.8-2v-.9zM77.6 1.2l-1.5 1.1c-.5-.6-1.1-.9-1.9-.9-1.4 0-2.4 1-2.4 2.4 0 1.1.6 2 1.6 2.3l-1.6 1.8c-.4.5-.6.9-.6 1.3 0 1.3 1.1 2.1 2.9 2.1 1.7 0 2.9-.9 2.9-2.1 0-1.3-1.1-2.1-2.9-2.1h-.6l.8-.9c1.3-.1 2.3-1.1 2.3-2.4 0-.3 0-.6-.1-.8l1.2-.8v-1zM74 7.8c1.2 0 2.1.5 2.1 1.4 0 .8-.8 1.4-2.1 1.4-1.2 0-2-.5-2-1.4 0-.8.8-1.4 2-1.4zm.1-2.4c-.9 0-1.6-.7-1.6-1.7s.7-1.6 1.6-1.6c.9 0 1.6.7 1.6 1.6 0 1-.7 1.7-1.6 1.7zM30.4 3.7c-.7-.2-1.4-.5-1.4-1s.4-.7 1-.7.9.5.9.9V3h1.7v-.1c0-1.3-1.1-2.2-2.6-2.2-1.6 0-2.6.8-2.6 2.1 0 1.5 1.3 1.9 2.4 2.3.7.2 1.4.4 1.4.9s-.3.8-1.1.8c-.7 0-1.1-.4-1.1-1v-.1h-1.7v.1c0 1.5 1.1 2.4 2.8 2.4 1.7 0 2.7-.8 2.7-2.2-.1-1.5-1.4-2-2.4-2.3z" }) })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: size,
-      role: "img",
-      "aria-labelledby": titleId,
-      viewBox: "0 0 502 220",
-      className,
-      "data-testid": testId,
-      "data-analyticsid": AnalyticsId.Logo,
-      children: [
-        /* @__PURE__ */ jsx("title", { id: titleId, children: "Helsenorge" }),
-        /* @__PURE__ */ jsx("g", { fill: getColor(color), children: /* @__PURE__ */ jsx("path", { d: "M39.8 2.5v26.9H17V2.5H1v69.9h16V43.6h22.8v28.8h16.1V2.5zM250.3 58.6V2.5h-16v69.9h43.5V58.6zM142.9 122.5c-16.1 0-27.4 13.6-27.4 33.1s11.2 33.1 27.4 33.1 27.4-13.6 27.4-33.1-11.3-33.1-27.4-33.1zm19 33.1c0 11.9-5 25.9-19 25.9s-19-13.9-19-25.9c0-11.9 5-25.9 19-25.9s19 14 19 25.9zM501 40c0-19.1-11.1-32.4-27-32.4-16.4 0-27.4 13.3-27.4 33.1 0 19.5 11.5 33.1 28 33.1 12.2 0 21.4-6 24.7-16.2l.5-1.6h-8.3l-.3.7c-2.8 6.2-8.8 9.8-16.6 9.8-12.9 0-18.5-11.5-19.5-22.7H501V40zm-8.3-3.2h-37.6c1-10.8 6.5-21.9 18.9-21.9 13.2 0 18.3 12.6 18.7 21.9zM30.4 122.4c-10.8 0-16.6 6.7-19.5 11.8v-9.9H3.3v62.6h8.1v-31.4c0-8.4 4.4-25.7 18.1-25.7 14 0 15.9 12 15.9 25v32.1h8.1v-32.1c.1-16.1-2.7-32.4-23.1-32.4zM134.3 59V43H157V30h-22.7V15.9H165V2.5h-46.4v69.9h47.3V59zM466.7 173.4v-16h22.7v-13h-22.7v-14.1h30.7v-13.4H451v69.9h47.3v-13.4zM246.7 140.5v-16.3h-7.6v62.6h8.1v-37.6l27.3-19.6v-9zM393.5 120.6l-14.7 10.5c-4.4-5.6-11.2-8.7-18.8-8.7-13.6 0-23.6 9.8-23.6 23.3 0 10.6 6.2 19.1 16 22.2l-16 17.5c-4 4.6-5.7 8.3-5.7 12.7 0 12.6 11.1 20.7 28.2 20.7 16.9 0 28.3-8.3 28.3-20.7 0-12.5-11.1-20.6-28.3-20.6-1.7 0-3.9.2-5.6.5l8-9c12.9-.7 22.2-10.4 22.2-23.3 0-2.8-.4-5.5-1.2-7.8 0-.1-.1-.2-.1-.3l11.2-8.1v-8.9zm-34.4 64.2c12.1 0 20 5.2 20 13.4s-7.8 13.5-20 13.5c-12.1 0-19.9-5.3-19.9-13.5 0-7.8 8.3-13.4 19.9-13.4zm.9-23c-8.8 0-15.2-6.8-15.2-16 0-9.3 6.4-16 15.2-16s15.2 6.7 15.2 16c0 9.2-6.4 16-15.2 16zM366.7 30.3c-6.6-2.3-13.5-4.7-13.5-9.2 0-4.8 4.2-7 9.3-7 5.4 0 9 4.5 9 8.5v.8h16.2v-.6c0-13-10.2-21.7-25.4-21.7-15.3 0-24.9 7.8-24.9 20.4 0 14.7 13.1 18.4 22.9 21.9 6.5 2.4 13.6 4.3 13.6 8.7 0 4.6-3.4 8-10.6 8-6.5 0-10.9-3.8-10.9-9.4v-.8h-16.7v.8c0 14.5 10.3 23.1 27.5 23.1 16.5 0 26-7.6 26-21.5 0-14.4-12.5-18.5-22.5-22z" }) })
-      ]
-    }
-  );
+import { n as AnalyticsId } from "../../constants2.js";
+import "../../grid.js";
+import "../../palette.js";
+import "../../spacers.js";
+import "../../theme.js";
+import { t as getColor } from "../../color.js";
+import React, { useId } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Logo = ({ size = 300, color = "black", byline = false, className, testId }) => {
+	const titleId = useId();
+	if (byline) return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size,
+		role: "img",
+		"aria-labelledby": titleId,
+		viewBox: "0 0 87 12",
+		className,
+		"data-testid": testId,
+		"data-analyticsid": AnalyticsId.Logo,
+		children: [/* @__PURE__ */ jsx("title", {
+			id: titleId,
+			children: "Helsenorge"
+		}), /* @__PURE__ */ jsx("g", {
+			fill: getColor(color),
+			children: /* @__PURE__ */ jsx("path", { d: "M5 .8v2.8H2.6V.8H1V8h1.6V5.1H5V8h1.6V.8zM20.9 6.6V.8h-1.6V8h4.5V6.6zM57.9 1.4c-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.8 3.4 2.8-1.4 2.8-3.4-1.1-3.4-2.8-3.4zm2 3.4c0 1.2-.5 2.7-2 2.7-1.4 0-2-1.4-2-2.7s.5-2.7 2-2.7 2 1.5 2 2.7zM86 4.7c0-2-1.1-3.3-2.8-3.3-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.9 3.4c1.2 0 2.2-.6 2.5-1.7l.1-.2H85v.1c-.3.6-.9 1-1.7 1-1.3 0-1.9-1.2-2-2.3H86v-.4zm-.9-.3h-3.9c.1-1.1.7-2.3 1.9-2.3 1.5 0 2 1.3 2 2.3zM49.2 1.4c-1.1 0-1.7.7-2 1.2v-1h-.8V8h.8V4.8c0-.9.5-2.6 1.9-2.6s1.6 1.2 1.6 2.6V8h.8V4.7c0-1.6-.2-3.3-2.3-3.3zM12.1 6.6V5h2.4V3.7h-2.4V2.2h3.2V.8h-4.8V8h4.9V6.6zM38.3 6.6V5h2.3V3.7h-2.3V2.2h3.2V.8h-4.8V8h4.9V6.6zM65.5 3.3V1.6h-.8V8h.8V4.1l2.8-2v-.9zM77.6 1.2l-1.5 1.1c-.5-.6-1.1-.9-1.9-.9-1.4 0-2.4 1-2.4 2.4 0 1.1.6 2 1.6 2.3l-1.6 1.8c-.4.5-.6.9-.6 1.3 0 1.3 1.1 2.1 2.9 2.1 1.7 0 2.9-.9 2.9-2.1 0-1.3-1.1-2.1-2.9-2.1h-.6l.8-.9c1.3-.1 2.3-1.1 2.3-2.4 0-.3 0-.6-.1-.8l1.2-.8v-1zM74 7.8c1.2 0 2.1.5 2.1 1.4 0 .8-.8 1.4-2.1 1.4-1.2 0-2-.5-2-1.4 0-.8.8-1.4 2-1.4zm.1-2.4c-.9 0-1.6-.7-1.6-1.7s.7-1.6 1.6-1.6c.9 0 1.6.7 1.6 1.6 0 1-.7 1.7-1.6 1.7zM30.4 3.7c-.7-.2-1.4-.5-1.4-1s.4-.7 1-.7.9.5.9.9V3h1.7v-.1c0-1.3-1.1-2.2-2.6-2.2-1.6 0-2.6.8-2.6 2.1 0 1.5 1.3 1.9 2.4 2.3.7.2 1.4.4 1.4.9s-.3.8-1.1.8c-.7 0-1.1-.4-1.1-1v-.1h-1.7v.1c0 1.5 1.1 2.4 2.8 2.4 1.7 0 2.7-.8 2.7-2.2-.1-1.5-1.4-2-2.4-2.3z" })
+		})]
+	});
+	return /* @__PURE__ */ jsxs("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: size,
+		role: "img",
+		"aria-labelledby": titleId,
+		viewBox: "0 0 502 220",
+		className,
+		"data-testid": testId,
+		"data-analyticsid": AnalyticsId.Logo,
+		children: [/* @__PURE__ */ jsx("title", {
+			id: titleId,
+			children: "Helsenorge"
+		}), /* @__PURE__ */ jsx("g", {
+			fill: getColor(color),
+			children: /* @__PURE__ */ jsx("path", { d: "M39.8 2.5v26.9H17V2.5H1v69.9h16V43.6h22.8v28.8h16.1V2.5zM250.3 58.6V2.5h-16v69.9h43.5V58.6zM142.9 122.5c-16.1 0-27.4 13.6-27.4 33.1s11.2 33.1 27.4 33.1 27.4-13.6 27.4-33.1-11.3-33.1-27.4-33.1zm19 33.1c0 11.9-5 25.9-19 25.9s-19-13.9-19-25.9c0-11.9 5-25.9 19-25.9s19 14 19 25.9zM501 40c0-19.1-11.1-32.4-27-32.4-16.4 0-27.4 13.3-27.4 33.1 0 19.5 11.5 33.1 28 33.1 12.2 0 21.4-6 24.7-16.2l.5-1.6h-8.3l-.3.7c-2.8 6.2-8.8 9.8-16.6 9.8-12.9 0-18.5-11.5-19.5-22.7H501V40zm-8.3-3.2h-37.6c1-10.8 6.5-21.9 18.9-21.9 13.2 0 18.3 12.6 18.7 21.9zM30.4 122.4c-10.8 0-16.6 6.7-19.5 11.8v-9.9H3.3v62.6h8.1v-31.4c0-8.4 4.4-25.7 18.1-25.7 14 0 15.9 12 15.9 25v32.1h8.1v-32.1c.1-16.1-2.7-32.4-23.1-32.4zM134.3 59V43H157V30h-22.7V15.9H165V2.5h-46.4v69.9h47.3V59zM466.7 173.4v-16h22.7v-13h-22.7v-14.1h30.7v-13.4H451v69.9h47.3v-13.4zM246.7 140.5v-16.3h-7.6v62.6h8.1v-37.6l27.3-19.6v-9zM393.5 120.6l-14.7 10.5c-4.4-5.6-11.2-8.7-18.8-8.7-13.6 0-23.6 9.8-23.6 23.3 0 10.6 6.2 19.1 16 22.2l-16 17.5c-4 4.6-5.7 8.3-5.7 12.7 0 12.6 11.1 20.7 28.2 20.7 16.9 0 28.3-8.3 28.3-20.7 0-12.5-11.1-20.6-28.3-20.6-1.7 0-3.9.2-5.6.5l8-9c12.9-.7 22.2-10.4 22.2-23.3 0-2.8-.4-5.5-1.2-7.8 0-.1-.1-.2-.1-.3l11.2-8.1v-8.9zm-34.4 64.2c12.1 0 20 5.2 20 13.4s-7.8 13.5-20 13.5c-12.1 0-19.9-5.3-19.9-13.5 0-7.8 8.3-13.4 19.9-13.4zm.9-23c-8.8 0-15.2-6.8-15.2-16 0-9.3 6.4-16 15.2-16s15.2 6.7 15.2 16c0 9.2-6.4 16-15.2 16zM366.7 30.3c-6.6-2.3-13.5-4.7-13.5-9.2 0-4.8 4.2-7 9.3-7 5.4 0 9 4.5 9 8.5v.8h16.2v-.6c0-13-10.2-21.7-25.4-21.7-15.3 0-24.9 7.8-24.9 20.4 0 14.7 13.1 18.4 22.9 21.9 6.5 2.4 13.6 4.3 13.6 8.7 0 4.6-3.4 8-10.6 8-6.5 0-10.9-3.8-10.9-9.4v-.8h-16.7v.8c0 14.5 10.3 23.1 27.5 23.1 16.5 0 26-7.6 26-21.5 0-14.4-12.5-18.5-22.5-22z" })
+		})]
+	});
 };
-export {
-  Logo as default
-};
-//# sourceMappingURL=index.js.map
+var Logo_default = Logo;
+export { Logo_default as default };
+
+//# sourceMappingURL=index.js.map