@helsenorge/designsystem-react 14.7.3 → 15.0.0-beta.0

package/lib/hooks/useKeyboardEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardEvent.js","names":[],"sources":["../../src/hooks/useKeyboardEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype KeyboardEvents = {\n  [K in keyof HTMLElementEventMap]: HTMLElementEventMap[K] extends KeyboardEvent ? K : never;\n}[keyof HTMLElementEventMap];\n\n/**\n * Kjør en callback når bruker skriver på tastaturet.\n * @param ref Element som skal lyttes på.\n * @param callback Callback som kjøres når det skjer en event.\n * @param key Knapp, eller liste med knapper, som skal trigge callback\n * @param events Liste med keyboard-events som skal trigge callback. Default: \"keydown\"\n */\nexport const useKeyboardEvent = (\n  ref: React.RefObject<HTMLElement | null>,\n  callback: (event: KeyboardEvent) => void,\n  key: string | string[],\n  events: KeyboardEvents[] = ['keydown']\n): void => {\n  useEffect(() => {\n    const element = ref.current;\n    if (!element) {\n      return;\n    }\n\n    const handleKeyboardEvent = (event: KeyboardEvent): void => {\n      if (event.key === key || (Array.isArray(key) && key.includes(event.key))) {\n        callback(event);\n      }\n    };\n\n    events.forEach(eventName => element.addEventListener(eventName, handleKeyboardEvent));\n\n    return (): void => {\n      events.forEach(eventName => element.removeEventListener(eventName, handleKeyboardEvent));\n    };\n  }, [ref, callback, events, key]);\n};\n"],"mappings":";;;;;;;;;AAaA,IAAa,oBACX,KACA,UACA,KACA,SAA2B,CAAC,UAAU,KAC7B;CACT,gBAAgB;EACd,MAAM,UAAU,IAAI;EACpB,IAAI,CAAC,SACH;EAGF,MAAM,uBAAuB,UAA+B;GAC1D,IAAI,MAAM,QAAQ,OAAQ,MAAM,QAAQ,IAAI,IAAI,IAAI,SAAS,MAAM,IAAI,EACrE,SAAS,MAAM;;EAInB,OAAO,SAAQ,cAAa,QAAQ,iBAAiB,WAAW,oBAAoB,CAAC;EAErF,aAAmB;GACjB,OAAO,SAAQ,cAAa,QAAQ,oBAAoB,WAAW,oBAAoB,CAAC;;IAEzF;EAAC;EAAK;EAAU;EAAQ;EAAI,CAAC"}

package/lib/hooks/useLanguage.js

@@ -1,2 +1,17 @@
-import { n as useLanguage, t as LanguageContext } from "../useLanguage.js";
+import { createContext, useContext } from "react";
+//#region src/hooks/useLanguage.ts
+var LanguageContext = createContext(void 0);
+/**
+* Hent nåværende språk fra context
+* @param fallbackLanguage Språk som brukes som fallback dersom hooken brukes utenfor contexten
+* @returns LanguageContext
+*/
+var useLanguage = (fallbackLanguage) => {
+	const context = useContext(LanguageContext);
+	if (!context) return { language: fallbackLanguage };
+	return context;
+};
+//#endregion
 export { LanguageContext, useLanguage };
+
+//# sourceMappingURL=useLanguage.js.map

package/lib/hooks/useLanguage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLanguage.js","names":[],"sources":["../../src/hooks/useLanguage.ts"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport type { LanguageContextType } from '../utils/language';\n\nexport const LanguageContext = createContext<LanguageContextType | undefined>(undefined);\n\n/**\n * Hent nåværende språk fra context\n * @param fallbackLanguage Språk som brukes som fallback dersom hooken brukes utenfor contexten\n * @returns LanguageContext\n */\nexport const useLanguage = <T extends string>(fallbackLanguage: T): LanguageContextType<T> => {\n  const context = useContext(LanguageContext as unknown as React.Context<LanguageContextType<T>>);\n\n  if (!context) {\n    return { language: fallbackLanguage };\n  }\n\n  return context;\n};\n"],"mappings":";;AAIA,IAAa,kBAAkB,cAA+C,KAAA,EAAU;;;;;;AAOxF,IAAa,eAAiC,qBAAgD;CAC5F,MAAM,UAAU,WAAW,gBAAoE;CAE/F,IAAI,CAAC,SACH,OAAO,EAAE,UAAU,kBAAkB;CAGvC,OAAO"}

package/lib/hooks/useLayoutEvent.js

@@ -1,2 +1,30 @@
-import { t as useLayoutEvent } from "../useLayoutEvent.js";
+import { debounce } from "../utils/debounce.js";
+import { useEffect } from "react";
+//#region src/hooks/useLayoutEvent.ts
+/**
+* Lytt på ulike layout-events som har betydning for rendring og størrelse på elementer.
+*
+* @param callback Kalles for hver event
+* @param events Liste med events som skal lyttes på
+* @param debounceMs Begrens kall til callback til x antall ms
+*/
+var useLayoutEvent = (callback, events = [
+	"layoutchange",
+	"resize",
+	"orientationchange"
+], debounceMs = 10) => {
+	useEffect(() => {
+		if (typeof window !== "object") return;
+		const [debouncedCallback, teardown] = debounce(callback, debounceMs);
+		events.forEach((eventName) => window.addEventListener(eventName, debouncedCallback));
+		debouncedCallback();
+		return () => {
+			teardown();
+			events.forEach((eventName) => window.removeEventListener(eventName, debouncedCallback));
+		};
+	}, []);
+};
+//#endregion
 export { useLayoutEvent };
+
+//# sourceMappingURL=useLayoutEvent.js.map

package/lib/hooks/useLayoutEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutEvent.js","names":[],"sources":["../../src/hooks/useLayoutEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { debounce } from '../utils/debounce';\n\n/**\n * Lytt på ulike layout-events som har betydning for rendring og størrelse på elementer.\n *\n * @param callback Kalles for hver event\n * @param events Liste med events som skal lyttes på\n * @param debounceMs Begrens kall til callback til x antall ms\n */\nexport const useLayoutEvent = (callback: () => void, events = ['layoutchange', 'resize', 'orientationchange'], debounceMs = 10): void => {\n  useEffect(() => {\n    if (typeof window !== 'object') return;\n    const [debouncedCallback, teardown] = debounce(callback, debounceMs);\n\n    events.forEach(eventName => window.addEventListener(eventName, debouncedCallback));\n\n    debouncedCallback();\n\n    return (): void => {\n      teardown();\n      events.forEach(eventName => window.removeEventListener(eventName, debouncedCallback));\n    };\n  }, []);\n};\n"],"mappings":";;;;;;;;;;AAWA,IAAa,kBAAkB,UAAsB,SAAS;CAAC;CAAgB;CAAU;CAAoB,EAAE,aAAa,OAAa;CACvI,gBAAgB;EACd,IAAI,OAAO,WAAW,UAAU;EAChC,MAAM,CAAC,mBAAmB,YAAY,SAAS,UAAU,WAAW;EAEpE,OAAO,SAAQ,cAAa,OAAO,iBAAiB,WAAW,kBAAkB,CAAC;EAElF,mBAAmB;EAEnB,aAAmB;GACjB,UAAU;GACV,OAAO,SAAQ,cAAa,OAAO,oBAAoB,WAAW,kBAAkB,CAAC;;IAEtF,EAAE,CAAC"}

package/lib/hooks/useOutsideEvent.js

@@ -1,2 +1,28 @@
-import { t as useOutsideEvent } from "../useOutsideEvent.js";
+import { useEffect } from "react";
+//#region src/hooks/useOutsideEvent.ts
+/**
+* Custom hook for klikk eller fokus utenfor et gitt element (eller flere elementer)
+* @param ref Sjekker om det klikkes utenfor dette elementet/elementene
+* @param callback Callback-funksjon ved klikk utenfor elementet/elementene
+* @param events Type eventer å lytte på. Default: mousedown
+*/
+var useOutsideEvent = (ref, callback, events = ["mousedown"]) => {
+	const refArray = Array.isArray(ref) ? ref : [ref];
+	const handleOutsideEvent = (event) => {
+		if (refArray.every((r) => r.current && !event.composedPath().includes(r.current))) callback(event);
+	};
+	useEffect(() => {
+		events.forEach((eventName) => document.addEventListener(eventName, handleOutsideEvent));
+		return () => {
+			events.forEach((eventName) => document.removeEventListener(eventName, handleOutsideEvent));
+		};
+	}, [
+		refArray,
+		callback,
+		events
+	]);
+};
+//#endregion
 export { useOutsideEvent };
+
+//# sourceMappingURL=useOutsideEvent.js.map

package/lib/hooks/useOutsideEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideEvent.js","names":[],"sources":["../../src/hooks/useOutsideEvent.ts"],"sourcesContent":["import { useEffect } from 'react';\n\ntype OutsideEvents = {\n  [K in keyof DocumentEventMap]: DocumentEventMap[K] extends MouseEvent | FocusEvent ? K : never;\n}[keyof DocumentEventMap];\n\n/**\n * Custom hook for klikk eller fokus utenfor et gitt element (eller flere elementer)\n * @param ref Sjekker om det klikkes utenfor dette elementet/elementene\n * @param callback Callback-funksjon ved klikk utenfor elementet/elementene\n * @param events Type eventer å lytte på. Default: mousedown\n */\nexport const useOutsideEvent = (\n  ref: React.RefObject<HTMLElement | null> | React.RefObject<HTMLElement | null>[],\n  callback: (event: MouseEvent | FocusEvent) => void,\n  events: OutsideEvents[] = ['mousedown']\n): void => {\n  const refArray = Array.isArray(ref) ? ref : [ref];\n\n  const handleOutsideEvent = (event: MouseEvent | FocusEvent): void => {\n    if (refArray.every(r => r.current && !event.composedPath().includes(r.current))) {\n      callback(event);\n    }\n  };\n\n  useEffect(() => {\n    events.forEach(eventName => document.addEventListener(eventName, handleOutsideEvent));\n\n    return (): void => {\n      events.forEach(eventName => document.removeEventListener(eventName, handleOutsideEvent));\n    };\n  }, [refArray, callback, events]);\n};\n"],"mappings":";;;;;;;;AAYA,IAAa,mBACX,KACA,UACA,SAA0B,CAAC,YAAY,KAC9B;CACT,MAAM,WAAW,MAAM,QAAQ,IAAI,GAAG,MAAM,CAAC,IAAI;CAEjD,MAAM,sBAAsB,UAAyC;EACnE,IAAI,SAAS,OAAM,MAAK,EAAE,WAAW,CAAC,MAAM,cAAc,CAAC,SAAS,EAAE,QAAQ,CAAC,EAC7E,SAAS,MAAM;;CAInB,gBAAgB;EACd,OAAO,SAAQ,cAAa,SAAS,iBAAiB,WAAW,mBAAmB,CAAC;EAErF,aAAmB;GACjB,OAAO,SAAQ,cAAa,SAAS,oBAAoB,WAAW,mBAAmB,CAAC;;IAEzF;EAAC;EAAU;EAAU;EAAO,CAAC"}

package/lib/hooks/usePrevious.js

@@ -1,2 +1,18 @@
-import { t as usePrevious } from "../usePrevious.js";
+import { useEffect, useRef } from "react";
+//#region src/hooks/usePrevious.ts
+/**
+* Brukes f.eks. i forbindelse med useState for å kunne sammenlikne ny verdi med gammel.
+* @param value Verdi du ønsker å ta vare på
+* @returns Forrige verdi
+*/
+var usePrevious = (value) => {
+	const ref = useRef(null);
+	useEffect(() => {
+		ref.current = value;
+	}, [value]);
+	return ref.current;
+};
+//#endregion
 export { usePrevious };
+
+//# sourceMappingURL=usePrevious.js.map

package/lib/hooks/usePrevious.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.js","names":[],"sources":["../../src/hooks/usePrevious.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * Brukes f.eks. i forbindelse med useState for å kunne sammenlikne ny verdi med gammel.\n * @param value Verdi du ønsker å ta vare på\n * @returns Forrige verdi\n */\nexport const usePrevious = <T>(value: T): T | null => {\n  const ref = useRef<T | null>(null);\n\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  return ref.current;\n};\n"],"mappings":";;;;;;;AAOA,IAAa,eAAkB,UAAuB;CACpD,MAAM,MAAM,OAAiB,KAAK;CAElC,gBAAgB;EACd,IAAI,UAAU;IACb,CAAC,MAAM,CAAC;CAEX,OAAO,IAAI"}

package/lib/hooks/usePseudoClasses.js

@@ -1,2 +1,53 @@
-import { t as usePseudoClasses } from "../usePseudoClasses.js";
+import { useEffect, useRef, useState } from "react";
+//#region src/hooks/usePseudoClasses.ts
+/**
+* Få vite når et element hovres over eller mottar fokus.
+* @param ref Element som skal observeres
+* @returns Objekt med ref og om objekt er hovered/focused
+*/
+var usePseudoClasses = (ref) => {
+	const internalRef = useRef(null);
+	const refObject = ref ?? internalRef;
+	const [isHovered, setIsHovered] = useState(false);
+	const [isFocused, setIsFocused] = useState(false);
+	const [isActive, setIsActive] = useState(false);
+	useEffect(() => {
+		const handleMouseEnter = () => setIsHovered(true);
+		const handleMouseLeave = () => setIsHovered(false);
+		const handleFocusIn = () => setIsFocused(true);
+		const handleFocusOut = () => setIsFocused(false);
+		const handlePointerDown = () => setIsActive(true);
+		const handlePointerUp = () => setIsActive(false);
+		const handlePointerLeave = () => setIsActive(false);
+		refObject.current?.addEventListener("mouseenter", handleMouseEnter);
+		refObject.current?.addEventListener("mouseleave", handleMouseLeave);
+		refObject.current?.addEventListener("pointerenter", handleMouseEnter);
+		refObject.current?.addEventListener("pointerleave", handleMouseLeave);
+		refObject.current?.addEventListener("focusin", handleFocusIn);
+		refObject.current?.addEventListener("focusout", handleFocusOut);
+		refObject.current?.addEventListener("pointerdown", handlePointerDown);
+		refObject.current?.addEventListener("pointerup", handlePointerUp);
+		refObject.current?.addEventListener("pointerleave", handlePointerLeave);
+		return () => {
+			refObject.current?.removeEventListener("mouseenter", handleMouseEnter);
+			refObject.current?.removeEventListener("mouseleave", handleMouseLeave);
+			refObject.current?.removeEventListener("pointerenter", handleMouseEnter);
+			refObject.current?.removeEventListener("pointerleave", handleMouseLeave);
+			refObject.current?.removeEventListener("focusin", handleFocusIn);
+			refObject.current?.removeEventListener("focusout", handleFocusOut);
+			refObject.current?.removeEventListener("pointerdown", handlePointerDown);
+			refObject.current?.removeEventListener("pointerup", handlePointerUp);
+			refObject.current?.removeEventListener("pointerleave", handlePointerLeave);
+		};
+	}, [refObject]);
+	return {
+		refObject,
+		isHovered,
+		isFocused,
+		isActive
+	};
+};
+//#endregion
 export { usePseudoClasses };
+
+//# sourceMappingURL=usePseudoClasses.js.map

package/lib/hooks/usePseudoClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePseudoClasses.js","names":[],"sources":["../../src/hooks/usePseudoClasses.ts"],"sourcesContent":["import type { RefObject } from 'react';\nimport { useRef, useEffect, useState } from 'react';\n\n/**\n * Få vite når et element hovres over eller mottar fokus.\n * @param ref Element som skal observeres\n * @returns Objekt med ref og om objekt er hovered/focused\n */\nexport const usePseudoClasses = <T extends HTMLElement | SVGElement | null>(\n  ref?: RefObject<T> | null\n): { refObject: RefObject<T | null>; isHovered: boolean; isFocused: boolean; isActive: boolean } => {\n  const internalRef = useRef<T | null>(null);\n  const refObject = ref ?? internalRef;\n  const [isHovered, setIsHovered] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n  const [isActive, setIsActive] = useState(false);\n\n  useEffect(() => {\n    const handleMouseEnter = (): void => setIsHovered(true);\n    const handleMouseLeave = (): void => setIsHovered(false);\n    const handleFocusIn = (): void => setIsFocused(true);\n    const handleFocusOut = (): void => setIsFocused(false);\n    const handlePointerDown = (): void => setIsActive(true);\n    const handlePointerUp = (): void => setIsActive(false);\n    const handlePointerLeave = (): void => setIsActive(false);\n\n    refObject.current?.addEventListener('mouseenter', handleMouseEnter);\n    refObject.current?.addEventListener('mouseleave', handleMouseLeave);\n    refObject.current?.addEventListener('pointerenter', handleMouseEnter);\n    refObject.current?.addEventListener('pointerleave', handleMouseLeave);\n    refObject.current?.addEventListener('focusin', handleFocusIn);\n    refObject.current?.addEventListener('focusout', handleFocusOut);\n    refObject.current?.addEventListener('pointerdown', handlePointerDown);\n    refObject.current?.addEventListener('pointerup', handlePointerUp);\n    refObject.current?.addEventListener('pointerleave', handlePointerLeave);\n\n    return (): void => {\n      refObject.current?.removeEventListener('mouseenter', handleMouseEnter);\n      refObject.current?.removeEventListener('mouseleave', handleMouseLeave);\n      refObject.current?.removeEventListener('pointerenter', handleMouseEnter);\n      refObject.current?.removeEventListener('pointerleave', handleMouseLeave);\n      refObject.current?.removeEventListener('focusin', handleFocusIn);\n      refObject.current?.removeEventListener('focusout', handleFocusOut);\n      refObject.current?.removeEventListener('pointerdown', handlePointerDown);\n      refObject.current?.removeEventListener('pointerup', handlePointerUp);\n      refObject.current?.removeEventListener('pointerleave', handlePointerLeave);\n    };\n  }, [refObject]);\n\n  return { refObject, isHovered, isFocused, isActive };\n};\n"],"mappings":";;;;;;;AAQA,IAAa,oBACX,QACkG;CAClG,MAAM,cAAc,OAAiB,KAAK;CAC1C,MAAM,YAAY,OAAO;CACzB,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,WAAW,gBAAgB,SAAS,MAAM;CACjD,MAAM,CAAC,UAAU,eAAe,SAAS,MAAM;CAE/C,gBAAgB;EACd,MAAM,yBAA+B,aAAa,KAAK;EACvD,MAAM,yBAA+B,aAAa,MAAM;EACxD,MAAM,sBAA4B,aAAa,KAAK;EACpD,MAAM,uBAA6B,aAAa,MAAM;EACtD,MAAM,0BAAgC,YAAY,KAAK;EACvD,MAAM,wBAA8B,YAAY,MAAM;EACtD,MAAM,2BAAiC,YAAY,MAAM;EAEzD,UAAU,SAAS,iBAAiB,cAAc,iBAAiB;EACnE,UAAU,SAAS,iBAAiB,cAAc,iBAAiB;EACnE,UAAU,SAAS,iBAAiB,gBAAgB,iBAAiB;EACrE,UAAU,SAAS,iBAAiB,gBAAgB,iBAAiB;EACrE,UAAU,SAAS,iBAAiB,WAAW,cAAc;EAC7D,UAAU,SAAS,iBAAiB,YAAY,eAAe;EAC/D,UAAU,SAAS,iBAAiB,eAAe,kBAAkB;EACrE,UAAU,SAAS,iBAAiB,aAAa,gBAAgB;EACjE,UAAU,SAAS,iBAAiB,gBAAgB,mBAAmB;EAEvE,aAAmB;GACjB,UAAU,SAAS,oBAAoB,cAAc,iBAAiB;GACtE,UAAU,SAAS,oBAAoB,cAAc,iBAAiB;GACtE,UAAU,SAAS,oBAAoB,gBAAgB,iBAAiB;GACxE,UAAU,SAAS,oBAAoB,gBAAgB,iBAAiB;GACxE,UAAU,SAAS,oBAAoB,WAAW,cAAc;GAChE,UAAU,SAAS,oBAAoB,YAAY,eAAe;GAClE,UAAU,SAAS,oBAAoB,eAAe,kBAAkB;GACxE,UAAU,SAAS,oBAAoB,aAAa,gBAAgB;GACpE,UAAU,SAAS,oBAAoB,gBAAgB,mBAAmB;;IAE3E,CAAC,UAAU,CAAC;CAEf,OAAO;EAAE;EAAW;EAAW;EAAW;EAAU"}

package/lib/hooks/useResizeObserver.js

@@ -1,2 +1,31 @@
-import { t as useResizeObserver } from "../useResizeObserver.js";
+import { useEffect, useRef, useState } from "react";
+//#region src/hooks/useResizeObserver.ts
+/**
+* Lytt på endringer i størrelse på et element. Bruker ResizeObserver-APIet.
+*
+* @param ref Element som skal observeres.
+* @returns Object med høyde, bredde, x og y til elementet
+*/
+var useResizeObserver = (ref) => {
+	const ticking = useRef(false);
+	const [size, setSize] = useState();
+	useEffect(() => {
+		const resizeObserver = new ResizeObserver((entries) => {
+			if (!ticking.current) window.requestAnimationFrame(() => {
+				setSize(entries[0].target.getBoundingClientRect());
+				ticking.current = false;
+			});
+			ticking.current = true;
+		});
+		if (ref?.current) resizeObserver.observe(ref?.current);
+		return () => {
+			if (ref?.current) resizeObserver.unobserve(ref.current);
+			else resizeObserver.disconnect();
+		};
+	}, [ref]);
+	return size;
+};
+//#endregion
 export { useResizeObserver };
+
+//# sourceMappingURL=useResizeObserver.js.map

package/lib/hooks/useResizeObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.js","names":[],"sources":["../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { useEffect, useState, useRef } from 'react';\n\n/**\n * Lytt på endringer i størrelse på et element. Bruker ResizeObserver-APIet.\n *\n * @param ref Element som skal observeres.\n * @returns Object med høyde, bredde, x og y til elementet\n */\nexport const useResizeObserver = (ref?: React.RefObject<HTMLElement | null>): DOMRect | undefined => {\n  const ticking = useRef(false);\n  const [size, setSize] = useState<DOMRect>();\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(entries => {\n      if (!ticking.current) {\n        window.requestAnimationFrame(() => {\n          setSize(entries[0].target.getBoundingClientRect());\n          ticking.current = false;\n        });\n      }\n      ticking.current = true;\n    });\n    if (ref?.current) {\n      resizeObserver.observe(ref?.current);\n    }\n\n    return (): void => {\n      if (ref?.current) {\n        resizeObserver.unobserve(ref.current);\n      } else {\n        resizeObserver.disconnect();\n      }\n    };\n  }, [ref]);\n\n  return size;\n};\n"],"mappings":";;;;;;;;AAQA,IAAa,qBAAqB,QAAmE;CACnG,MAAM,UAAU,OAAO,MAAM;CAC7B,MAAM,CAAC,MAAM,WAAW,UAAmB;CAC3C,gBAAgB;EACd,MAAM,iBAAiB,IAAI,gBAAe,YAAW;GACnD,IAAI,CAAC,QAAQ,SACX,OAAO,4BAA4B;IACjC,QAAQ,QAAQ,GAAG,OAAO,uBAAuB,CAAC;IAClD,QAAQ,UAAU;KAClB;GAEJ,QAAQ,UAAU;IAClB;EACF,IAAI,KAAK,SACP,eAAe,QAAQ,KAAK,QAAQ;EAGtC,aAAmB;GACjB,IAAI,KAAK,SACP,eAAe,UAAU,IAAI,QAAQ;QAErC,eAAe,YAAY;;IAG9B,CAAC,IAAI,CAAC;CAET,OAAO"}

package/lib/hooks/useReturnFocusOnUnmount.js

@@ -1,2 +1,22 @@
-import { t as useReturnFocusOnUnmount } from "../useReturnFocusOnUnmount.js";
+import { getDocumentActiveElement } from "../utils/focus.js";
+import { deepContains } from "../utils/deepContains.js";
+import { useEffect, useRef } from "react";
+//#region src/hooks/useReturnFocusOnUnmount.ts
+/**
+* A hook that stores the currently focused element when the component mounts,
+* and returns focus to it when the component unmounts.
+*/
+var useReturnFocusOnUnmount = (ref) => {
+	const previouslyFocusedElementRef = useRef(null);
+	useEffect(() => {
+		const activeElement = ref.current ? getDocumentActiveElement(ref.current) : null;
+		if (activeElement instanceof HTMLElement) previouslyFocusedElementRef.current = activeElement;
+		return () => {
+			if (previouslyFocusedElementRef.current instanceof HTMLElement && deepContains(document, previouslyFocusedElementRef.current)) previouslyFocusedElementRef.current.focus();
+		};
+	}, []);
+};
+//#endregion
 export { useReturnFocusOnUnmount };
+
+//# sourceMappingURL=useReturnFocusOnUnmount.js.map

package/lib/hooks/useReturnFocusOnUnmount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReturnFocusOnUnmount.js","names":[],"sources":["../../src/hooks/useReturnFocusOnUnmount.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\nimport { deepContains } from '../utils/deepContains';\nimport { getDocumentActiveElement } from '../utils/focus';\n\n/**\n * A hook that stores the currently focused element when the component mounts,\n * and returns focus to it when the component unmounts.\n */\nexport const useReturnFocusOnUnmount = (ref: React.RefObject<HTMLElement | null>): void => {\n  const previouslyFocusedElementRef = useRef<HTMLElement | null>(null);\n\n  useEffect(() => {\n    // Captures which element was focused on mount\n    // const activeElement = document.activeElement;\n    const activeElement = ref.current ? getDocumentActiveElement(ref.current) : null;\n    if (activeElement instanceof HTMLElement) {\n      previouslyFocusedElementRef.current = activeElement;\n    }\n\n    // Restores focus to the stored element on unmount\n    return (): void => {\n      if (previouslyFocusedElementRef.current instanceof HTMLElement && deepContains(document, previouslyFocusedElementRef.current)) {\n        previouslyFocusedElementRef.current.focus();\n      }\n    };\n  }, []);\n};\n"],"mappings":";;;;;;;;AASA,IAAa,2BAA2B,QAAmD;CACzF,MAAM,8BAA8B,OAA2B,KAAK;CAEpE,gBAAgB;EAGd,MAAM,gBAAgB,IAAI,UAAU,yBAAyB,IAAI,QAAQ,GAAG;EAC5E,IAAI,yBAAyB,aAC3B,4BAA4B,UAAU;EAIxC,aAAmB;GACjB,IAAI,4BAA4B,mBAAmB,eAAe,aAAa,UAAU,4BAA4B,QAAQ,EAC3H,4BAA4B,QAAQ,OAAO;;IAG9C,EAAE,CAAC"}

package/lib/hooks/useRovingFocus.js

@@ -1,2 +1,46 @@
-import { t as useRovingFocus } from "../useRovingFocus.js";
+import { KeyboardEventKey } from "../constants.js";
+import { useKeyboardEvent } from "./useKeyboardEvent.js";
+import { useEffect } from "react";
+//#region src/hooks/useRovingFocus.tsx
+var useRovingFocus = (handleNewIndex, inputRefList, containerRef, leftRightNavigation) => {
+	leftRightNavigation = leftRightNavigation ?? false;
+	useEffect(() => {
+		if (!inputRefList.current) return;
+		inputRefList.current.forEach((ref) => {
+			ref.current?.setAttribute("tabIndex", "-1");
+		});
+		inputRefList.current[0]?.current?.setAttribute("tabIndex", "0");
+	}, []);
+	const handleKeyboardNavigation = (event) => {
+		if (event.key === KeyboardEventKey.Tab) return;
+		event.preventDefault();
+		if (!inputRefList.current) return;
+		const index = inputRefList.current.findIndex((x) => x.current === event.target);
+		let nextIndex = index;
+		if (event.key === KeyboardEventKey.Home) nextIndex = 0;
+		else if (event.key === KeyboardEventKey.End) nextIndex = inputRefList.current.length - 1;
+		else if ((event.key === KeyboardEventKey.ArrowDown || event.key === KeyboardEventKey.ArrowRight) && index < inputRefList.current.length - 1) nextIndex = index + 1;
+		else if ((event.key === KeyboardEventKey.ArrowUp || event.key === KeyboardEventKey.ArrowLeft) && index > 0) nextIndex = index - 1;
+		else if (event.key === KeyboardEventKey.Enter || event.key === KeyboardEventKey.Space) nextIndex = index;
+		if (nextIndex !== -1) {
+			inputRefList.current?.forEach((ref, i) => {
+				if (ref.current) ref.current.tabIndex = i === nextIndex ? 0 : -1;
+			});
+			inputRefList.current[nextIndex]?.current?.focus();
+			inputRefList.current[nextIndex]?.current?.click?.();
+			handleNewIndex(nextIndex);
+		}
+	};
+	const commonKeys = [
+		KeyboardEventKey.End,
+		KeyboardEventKey.Enter,
+		KeyboardEventKey.Escape,
+		KeyboardEventKey.Home
+	];
+	const arrowKeys = leftRightNavigation ? [KeyboardEventKey.ArrowRight, KeyboardEventKey.ArrowLeft] : [KeyboardEventKey.ArrowUp, KeyboardEventKey.ArrowDown];
+	useKeyboardEvent(containerRef, handleKeyboardNavigation, [...commonKeys, ...arrowKeys]);
+};
+//#endregion
 export { useRovingFocus };
+
+//# sourceMappingURL=useRovingFocus.js.map

package/lib/hooks/useRovingFocus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRovingFocus.js","names":[],"sources":["../../src/hooks/useRovingFocus.tsx"],"sourcesContent":["// Inspiration from https://www.joshuawootonn.com/react-roving-tabindex\nimport { useEffect } from 'react';\n\nimport { useKeyboardEvent } from './useKeyboardEvent';\nimport { KeyboardEventKey } from '../constants';\n\nexport const useRovingFocus = (\n  /** Function to run when new index is set */\n  handleNewIndex: (index: number) => void,\n  /** List of elements that should have rocing focus */\n  inputRefList: React.RefObject<React.RefObject<HTMLElement | null>[] | null | undefined>,\n  /** Ref of container that should have the keyboard event handler */\n  containerRef: React.RefObject<HTMLElement | null>,\n  /** Indicated wether right/left or up/down arrows should be used for navigation. Default is up/down. */\n  leftRightNavigation?: boolean\n): void => {\n  leftRightNavigation = leftRightNavigation ?? false;\n\n  // Initialize only first index to be tabbable\n  useEffect(() => {\n    if (!inputRefList.current) {\n      return;\n    }\n    inputRefList.current.forEach(ref => {\n      ref.current?.setAttribute('tabIndex', '-1');\n    });\n    inputRefList.current[0]?.current?.setAttribute('tabIndex', '0');\n  }, []);\n\n  const handleKeyboardNavigation = (event: KeyboardEvent): void => {\n    if (event.key === KeyboardEventKey.Tab) {\n      return;\n    }\n    event.preventDefault();\n\n    if (!inputRefList.current) {\n      return;\n    }\n    const index = inputRefList.current.findIndex(x => x.current === event.target);\n    let nextIndex = index;\n\n    if (event.key === KeyboardEventKey.Home) {\n      nextIndex = 0;\n    } else if (event.key === KeyboardEventKey.End) {\n      nextIndex = inputRefList.current.length - 1;\n    } else if (\n      (event.key === KeyboardEventKey.ArrowDown || event.key === KeyboardEventKey.ArrowRight) &&\n      index < inputRefList.current.length - 1\n    ) {\n      nextIndex = index + 1;\n    } else if ((event.key === KeyboardEventKey.ArrowUp || event.key === KeyboardEventKey.ArrowLeft) && index > 0) {\n      nextIndex = index - 1;\n    } else if (event.key === KeyboardEventKey.Enter || event.key === KeyboardEventKey.Space) {\n      nextIndex = index;\n    }\n\n    if (nextIndex !== -1) {\n      inputRefList.current?.forEach((ref, i) => {\n        if (ref.current) {\n          ref.current.tabIndex = i === nextIndex ? 0 : -1;\n        }\n      });\n      inputRefList.current[nextIndex]?.current?.focus();\n      inputRefList.current[nextIndex]?.current?.click?.();\n      handleNewIndex(nextIndex);\n    }\n  };\n\n  const commonKeys = [KeyboardEventKey.End, KeyboardEventKey.Enter, KeyboardEventKey.Escape, KeyboardEventKey.Home];\n\n  const arrowKeys = leftRightNavigation\n    ? [KeyboardEventKey.ArrowRight, KeyboardEventKey.ArrowLeft]\n    : [KeyboardEventKey.ArrowUp, KeyboardEventKey.ArrowDown];\n\n  useKeyboardEvent(containerRef, handleKeyboardNavigation, [...commonKeys, ...arrowKeys]);\n};\n"],"mappings":";;;;AAMA,IAAa,kBAEX,gBAEA,cAEA,cAEA,wBACS;CACT,sBAAsB,uBAAuB;CAG7C,gBAAgB;EACd,IAAI,CAAC,aAAa,SAChB;EAEF,aAAa,QAAQ,SAAQ,QAAO;GAClC,IAAI,SAAS,aAAa,YAAY,KAAK;IAC3C;EACF,aAAa,QAAQ,IAAI,SAAS,aAAa,YAAY,IAAI;IAC9D,EAAE,CAAC;CAEN,MAAM,4BAA4B,UAA+B;EAC/D,IAAI,MAAM,QAAQ,iBAAiB,KACjC;EAEF,MAAM,gBAAgB;EAEtB,IAAI,CAAC,aAAa,SAChB;EAEF,MAAM,QAAQ,aAAa,QAAQ,WAAU,MAAK,EAAE,YAAY,MAAM,OAAO;EAC7E,IAAI,YAAY;EAEhB,IAAI,MAAM,QAAQ,iBAAiB,MACjC,YAAY;OACP,IAAI,MAAM,QAAQ,iBAAiB,KACxC,YAAY,aAAa,QAAQ,SAAS;OACrC,KACJ,MAAM,QAAQ,iBAAiB,aAAa,MAAM,QAAQ,iBAAiB,eAC5E,QAAQ,aAAa,QAAQ,SAAS,GAEtC,YAAY,QAAQ;OACf,KAAK,MAAM,QAAQ,iBAAiB,WAAW,MAAM,QAAQ,iBAAiB,cAAc,QAAQ,GACzG,YAAY,QAAQ;OACf,IAAI,MAAM,QAAQ,iBAAiB,SAAS,MAAM,QAAQ,iBAAiB,OAChF,YAAY;EAGd,IAAI,cAAc,IAAI;GACpB,aAAa,SAAS,SAAS,KAAK,MAAM;IACxC,IAAI,IAAI,SACN,IAAI,QAAQ,WAAW,MAAM,YAAY,IAAI;KAE/C;GACF,aAAa,QAAQ,YAAY,SAAS,OAAO;GACjD,aAAa,QAAQ,YAAY,SAAS,SAAS;GACnD,eAAe,UAAU;;;CAI7B,MAAM,aAAa;EAAC,iBAAiB;EAAK,iBAAiB;EAAO,iBAAiB;EAAQ,iBAAiB;EAAK;CAEjH,MAAM,YAAY,sBACd,CAAC,iBAAiB,YAAY,iBAAiB,UAAU,GACzD,CAAC,iBAAiB,SAAS,iBAAiB,UAAU;CAE1D,iBAAiB,cAAc,0BAA0B,CAAC,GAAG,YAAY,GAAG,UAAU,CAAC"}

package/lib/hooks/useSize.js

@@ -1,2 +1,32 @@
-import { t as useSize } from "../useSize.js";
+import { useEffect, useRef, useState } from "react";
+//#region src/hooks/useSize.ts
+/**
+* Lytt på endringer i størrelse på et element
+*
+* @param ref Element som skal observeres.
+* @returns Object med høyde, bredde, x og y til elementet. Merk at objektet bare oppdates når høyde eller bredde endres, ikke når
+* posisjonen (x og y) endres.
+*/
+var useSize = (ref) => {
+	const ticking = useRef(false);
+	const [size, setSize] = useState();
+	useEffect(() => {
+		const resizeObserver = new ResizeObserver((entries) => {
+			if (!ticking.current) window.requestAnimationFrame(() => {
+				setSize(entries[0].target.getBoundingClientRect());
+				ticking.current = false;
+			});
+			ticking.current = true;
+		});
+		if (ref?.current) resizeObserver.observe(ref?.current);
+		return () => {
+			if (ref?.current) resizeObserver.unobserve(ref.current);
+			else resizeObserver.disconnect();
+		};
+	}, [ref?.current]);
+	return size;
+};
+//#endregion
 export { useSize };
+
+//# sourceMappingURL=useSize.js.map

package/lib/hooks/useSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSize.js","names":[],"sources":["../../src/hooks/useSize.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\n/**\n * Lytt på endringer i størrelse på et element\n *\n * @param ref Element som skal observeres.\n * @returns Object med høyde, bredde, x og y til elementet. Merk at objektet bare oppdates når høyde eller bredde endres, ikke når\n * posisjonen (x og y) endres.\n */\nexport const useSize = (ref?: React.RefObject<HTMLElement | null>): DOMRect | undefined => {\n  const ticking = useRef(false);\n  const [size, setSize] = useState<DOMRect>();\n  useEffect(() => {\n    const resizeObserver = new ResizeObserver(entries => {\n      if (!ticking.current) {\n        window.requestAnimationFrame(() => {\n          setSize(entries[0].target.getBoundingClientRect());\n          ticking.current = false;\n        });\n      }\n      ticking.current = true;\n    });\n    if (ref?.current) {\n      resizeObserver.observe(ref?.current);\n    }\n    return (): void => {\n      if (ref?.current) {\n        resizeObserver.unobserve(ref.current);\n      } else {\n        resizeObserver.disconnect();\n      }\n    };\n  }, [ref?.current]);\n\n  return size;\n};\n"],"mappings":";;;;;;;;;AASA,IAAa,WAAW,QAAmE;CACzF,MAAM,UAAU,OAAO,MAAM;CAC7B,MAAM,CAAC,MAAM,WAAW,UAAmB;CAC3C,gBAAgB;EACd,MAAM,iBAAiB,IAAI,gBAAe,YAAW;GACnD,IAAI,CAAC,QAAQ,SACX,OAAO,4BAA4B;IACjC,QAAQ,QAAQ,GAAG,OAAO,uBAAuB,CAAC;IAClD,QAAQ,UAAU;KAClB;GAEJ,QAAQ,UAAU;IAClB;EACF,IAAI,KAAK,SACP,eAAe,QAAQ,KAAK,QAAQ;EAEtC,aAAmB;GACjB,IAAI,KAAK,SACP,eAAe,UAAU,IAAI,QAAQ;QAErC,eAAe,YAAY;;IAG9B,CAAC,KAAK,QAAQ,CAAC;CAElB,OAAO"}

package/lib/hooks/useToggle.js

@@ -1,2 +1,33 @@
-import { t as useToggle } from "../useToggle.js";
+import { usePrevious } from "./usePrevious.js";
+import { useEffect, useState } from "react";
+//#region src/hooks/useToggle.ts
+/**
+* Hook for å toggle en boolean og kjøre en callback når verdien endres
+*
+* @param initialValue Initiell verdi for boolean
+* @param callback Funksjon som kalles når value endrer verdi (optional)
+* @returns Objekt med nåværende verdi og funksjon som kan kalles for å toggle verdien
+*/
+var useToggle = (initialValue, callback) => {
+	const [value, setValue] = useState(initialValue);
+	const [prevInitialValue, setPrevInitialValue] = useState(initialValue);
+	const previousValue = usePrevious(value);
+	if (initialValue !== prevInitialValue) {
+		setPrevInitialValue(initialValue);
+		setValue(initialValue);
+	}
+	const toggleValue = () => {
+		setValue(!value);
+	};
+	useEffect(() => {
+		if (callback && value !== !!previousValue) callback(value);
+	}, [value, callback]);
+	return {
+		value,
+		toggleValue
+	};
+};
+//#endregion
 export { useToggle };
+
+//# sourceMappingURL=useToggle.js.map

package/lib/hooks/useToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.js","names":[],"sources":["../../src/hooks/useToggle.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\nimport { usePrevious } from './usePrevious';\n\n/**\n * Hook for å toggle en boolean og kjøre en callback når verdien endres\n *\n * @param initialValue Initiell verdi for boolean\n * @param callback Funksjon som kalles når value endrer verdi (optional)\n * @returns Objekt med nåværende verdi og funksjon som kan kalles for å toggle verdien\n */\nexport const useToggle = (initialValue: boolean, callback?: (value: boolean) => void): { value: boolean; toggleValue: () => void } => {\n  const [value, setValue] = useState(initialValue);\n  const [prevInitialValue, setPrevInitialValue] = useState(initialValue);\n  const previousValue = usePrevious(value);\n\n  if (initialValue !== prevInitialValue) {\n    setPrevInitialValue(initialValue);\n    setValue(initialValue);\n  }\n\n  const toggleValue = (): void => {\n    setValue(!value);\n  };\n\n  useEffect(() => {\n    if (callback && value !== !!previousValue) {\n      callback(value);\n    }\n  }, [value, callback]);\n\n  return { value, toggleValue };\n};\n"],"mappings":";;;;;;;;;;AAWA,IAAa,aAAa,cAAuB,aAAqF;CACpI,MAAM,CAAC,OAAO,YAAY,SAAS,aAAa;CAChD,MAAM,CAAC,kBAAkB,uBAAuB,SAAS,aAAa;CACtE,MAAM,gBAAgB,YAAY,MAAM;CAExC,IAAI,iBAAiB,kBAAkB;EACrC,oBAAoB,aAAa;EACjC,SAAS,aAAa;;CAGxB,MAAM,oBAA0B;EAC9B,SAAS,CAAC,MAAM;;CAGlB,gBAAgB;EACd,IAAI,YAAY,UAAU,CAAC,CAAC,eAC1B,SAAS,MAAM;IAEhB,CAAC,OAAO,SAAS,CAAC;CAErB,OAAO;EAAE;EAAO;EAAa"}

package/lib/hooks/usestopPropagation.js

@@ -1,2 +1,18 @@
-import { t as useStopPropagation } from "../usestopPropagation.js";
+import { useEffect } from "react";
+//#region src/hooks/usestopPropagation.ts
+/**
+* Stopp eventer fra å boble opp videre i DOMen
+* @param ref Element som skal overvåkes
+* @param events Navn på eventer som ikke skal boble opp
+*/
+var useStopPropagation = (ref, events) => {
+	const handleEvent = (e) => e.stopPropagation();
+	useEffect(() => {
+		events.forEach((name) => ref?.current?.addEventListener(name, handleEvent));
+		return () => events.forEach((name) => ref.current?.removeEventListener(name, handleEvent));
+	}, [ref]);
+};
+//#endregion
 export { useStopPropagation };
+
+//# sourceMappingURL=usestopPropagation.js.map

package/lib/hooks/usestopPropagation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usestopPropagation.js","names":[],"sources":["../../src/hooks/usestopPropagation.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Stopp eventer fra å boble opp videre i DOMen\n * @param ref Element som skal overvåkes\n * @param events Navn på eventer som ikke skal boble opp\n */\nexport const useStopPropagation = (ref: React.RefObject<HTMLElement | null>, events: string[]): void => {\n  const handleEvent = (e: Event): void => e.stopPropagation();\n\n  useEffect(() => {\n    events.forEach(name => ref?.current?.addEventListener(name, handleEvent));\n\n    return (): void => events.forEach(name => ref.current?.removeEventListener(name, handleEvent));\n  }, [ref]);\n};\n"],"mappings":";;;;;;;AAOA,IAAa,sBAAsB,KAA0C,WAA2B;CACtG,MAAM,eAAe,MAAmB,EAAE,iBAAiB;CAE3D,gBAAgB;EACd,OAAO,SAAQ,SAAQ,KAAK,SAAS,iBAAiB,MAAM,YAAY,CAAC;EAEzE,aAAmB,OAAO,SAAQ,SAAQ,IAAI,SAAS,oBAAoB,MAAM,YAAY,CAAC;IAC7F,CAAC,IAAI,CAAC"}

package/lib/index.js

@@ -1,20 +1,20 @@
 import { t as uuid } from "./uuid.js";
-import { a as IconSize, c as ZIndex, i as FormSize, n as AnalyticsId, o as KeyboardEventKey, r as FormOnColor, s as LanguageLocales, t as AVERAGE_CHARACTER_WIDTH_PX } from "./constants2.js";
-import { t as usePseudoClasses } from "./usePseudoClasses.js";
-import { t as theme } from "./theme.js";
-import { n as useLanguage } from "./useLanguage.js";
-import { n as useBreakpoint, t as Breakpoint } from "./useBreakpoint.js";
-import { t as useFocusToggle } from "./useFocusToggle.js";
-import { t as useFocusTrap } from "./useFocusTrap.js";
-import { t as useIntersectionObserver } from "./useIntersectionObserver.js";
-import { t as useIsVisible } from "./useIsVisible.js";
-import { t as useLayoutEvent } from "./useLayoutEvent.js";
-import { t as usePrevious } from "./usePrevious.js";
-import { t as useSize } from "./useSize.js";
-import { t as useResizeObserver } from "./useResizeObserver.js";
-import { t as useToggle } from "./useToggle.js";
-import { t as useKeyboardEvent } from "./useKeyboardEvent.js";
-import { t as useOutsideEvent } from "./useOutsideEvent.js";
-import { t as isMobileUA } from "./mobile.js";
-import { t as formatResource } from "./resource.js";
+import { AVERAGE_CHARACTER_WIDTH_PX, AnalyticsId, FormOnColor, FormSize, IconSize, KeyboardEventKey, LanguageLocales, ZIndex } from "./constants.js";
+import { usePseudoClasses } from "./hooks/usePseudoClasses.js";
+import { theme } from "./theme/index.js";
+import { useLanguage } from "./hooks/useLanguage.js";
+import { Breakpoint, useBreakpoint } from "./hooks/useBreakpoint.js";
+import { useFocusToggle } from "./hooks/useFocusToggle.js";
+import useFocusTrap from "./hooks/useFocusTrap.js";
+import { useIntersectionObserver } from "./hooks/useIntersectionObserver.js";
+import { useIsVisible } from "./hooks/useIsVisible.js";
+import { useLayoutEvent } from "./hooks/useLayoutEvent.js";
+import { usePrevious } from "./hooks/usePrevious.js";
+import { useSize } from "./hooks/useSize.js";
+import { useResizeObserver } from "./hooks/useResizeObserver.js";
+import { useToggle } from "./hooks/useToggle.js";
+import { useKeyboardEvent } from "./hooks/useKeyboardEvent.js";
+import { useOutsideEvent } from "./hooks/useOutsideEvent.js";
+import { isMobileUA } from "./utils/mobile.js";
+import { formatResource } from "./utils/resource.js";
 export { AVERAGE_CHARACTER_WIDTH_PX, AnalyticsId, Breakpoint, FormOnColor, FormSize, IconSize, KeyboardEventKey, LanguageLocales, ZIndex, formatResource, isMobileUA, theme, useBreakpoint, useFocusToggle, useFocusTrap, useIntersectionObserver, useIsVisible, useKeyboardEvent, useLanguage, useLayoutEvent, useOutsideEvent, usePrevious, usePseudoClasses, useResizeObserver, useSize, useToggle, uuid };

package/lib/resourceHelper.js

@@ -1,4 +1,4 @@
-import { s as LanguageLocales } from "./constants2.js";
+import { LanguageLocales } from "./constants.js";
 var HN_Designsystem_Filter_en_GB_default = {
 	filterButtonText: "Find...",
 	sortLabel: "Sorting",
@@ -19,13 +19,16 @@ var HN_Designsystem_Filter_nb_NO_default = {
 	searchClearButtonAriaLabel: "Nullstill",
 	searchButtonAriaLabel: "Søk"
 };
-const getResources = (language) => {
+//#endregion
+//#region src/components/Filter/resourceHelper.ts
+var getResources = (language) => {
 	switch (language) {
 		case LanguageLocales.ENGLISH: return HN_Designsystem_Filter_en_GB_default;
 		case LanguageLocales.NORWEGIAN:
 		default: return HN_Designsystem_Filter_nb_NO_default;
 	}
 };
+//#endregion
 export { getResources as t };
 
 //# sourceMappingURL=resourceHelper.js.map

package/lib/resourceHelper.js.map

@@ -1 +1 @@
-{"version":3,"file":"resourceHelper.js","names":[],"sources":["../src/resources/HN.Designsystem.Filter.en-GB.json","../src/resources/HN.Designsystem.Filter.nb-NO.json","../src/components/Filter/resourceHelper.ts"],"sourcesContent":["{\n  \"filterButtonText\": \"Find...\",\n  \"sortLabel\": \"Sorting\",\n  \"resetButtonText\": \"Reset\",\n  \"showButtonText\": \"Show {0} results\",\n  \"filterOverviewTitle\": \"Find...\",\n  \"searchPlaceholder\": \"Search the list\",\n  \"searchClearButtonAriaLabel\": \"Reset\",\n  \"searchButtonAriaLabel\": \"Search\"\n}\n","{\n  \"filterButtonText\": \"Finn...\",\n  \"sortLabel\": \"Sortering\",\n  \"resetButtonText\": \"Nullstill\",\n  \"showButtonText\": \"Vis {0} treff\",\n  \"filterOverviewTitle\": \"Finn...\",\n  \"searchPlaceholder\": \"Søk i listen\",\n  \"searchClearButtonAriaLabel\": \"Nullstill\",\n  \"searchButtonAriaLabel\": \"Søk\"\n}\n","import type { HNDesignsystemFilter } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.Filter.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.Filter.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemFilter => {\n  switch (language) {\n    case LanguageLocales.ENGLISH:\n      return enGB;\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AEMA,MAAa,gBAAgB,aAAoD;AAC/E,SAAQ,UAAR;EACE,KAAK,gBAAgB,QACnB,QAAO;EACT,KAAK,gBAAgB;EACrB,QACE,QAAO"}
+{"version":3,"file":"resourceHelper.js","names":[],"sources":["../src/resources/HN.Designsystem.Filter.en-GB.json","../src/resources/HN.Designsystem.Filter.nb-NO.json","../src/components/Filter/resourceHelper.ts"],"sourcesContent":["{\n  \"filterButtonText\": \"Find...\",\n  \"sortLabel\": \"Sorting\",\n  \"resetButtonText\": \"Reset\",\n  \"showButtonText\": \"Show {0} results\",\n  \"filterOverviewTitle\": \"Find...\",\n  \"searchPlaceholder\": \"Search the list\",\n  \"searchClearButtonAriaLabel\": \"Reset\",\n  \"searchButtonAriaLabel\": \"Search\"\n}\n","{\n  \"filterButtonText\": \"Finn...\",\n  \"sortLabel\": \"Sortering\",\n  \"resetButtonText\": \"Nullstill\",\n  \"showButtonText\": \"Vis {0} treff\",\n  \"filterOverviewTitle\": \"Finn...\",\n  \"searchPlaceholder\": \"Søk i listen\",\n  \"searchClearButtonAriaLabel\": \"Nullstill\",\n  \"searchButtonAriaLabel\": \"Søk\"\n}\n","import type { HNDesignsystemFilter } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.Filter.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.Filter.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemFilter => {\n  switch (language) {\n    case LanguageLocales.ENGLISH:\n      return enGB;\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AEMA,IAAa,gBAAgB,aAAoD;CAC/E,QAAQ,UAAR;EACE,KAAK,gBAAgB,SACnB,OAAO;EACT,KAAK,gBAAgB;EACrB,SACE,OAAO"}

package/lib/theme/currys/color.js

@@ -1,2 +1,12 @@
-import { n as getHoverColor, t as getColor } from "../../color.js";
+import { theme } from "../index.js";
+//#region src/theme/currys/color.ts
+var getColor = (name, depth) => {
+	if (name === "black" || name === "white") return theme.palette[name];
+	if (depth) return theme.palette[`${name}${depth}`];
+	return "";
+};
+var getHoverColor = (color) => `${getColor(color, 700)}0D`;
+//#endregion
 export { getColor, getHoverColor };
+
+//# sourceMappingURL=color.js.map

package/lib/theme/currys/color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.js","names":[],"sources":["../../../src/theme/currys/color.ts"],"sourcesContent":["import type { PaletteNames, PaletteDepths } from '../palette';\n\nimport { theme } from '..';\n\nexport const getColor = (name: PaletteNames, depth?: PaletteDepths): string => {\n  if (name === 'black' || name === 'white') {\n    return theme.palette[name];\n  }\n  if (depth) {\n    return theme.palette[`${name}${depth}`];\n  }\n\n  return '';\n};\n\nexport const getHoverColor = (color: PaletteNames | 'white' | 'black') => `${getColor(color, 700)}0D`;\n"],"mappings":";;AAIA,IAAa,YAAY,MAAoB,UAAkC;CAC7E,IAAI,SAAS,WAAW,SAAS,SAC/B,OAAO,MAAM,QAAQ;CAEvB,IAAI,OACF,OAAO,MAAM,QAAQ,GAAG,OAAO;CAGjC,OAAO;;AAGT,IAAa,iBAAiB,UAA4C,GAAG,SAAS,OAAO,IAAI,CAAC"}

package/lib/theme/currys/index.js

@@ -1,3 +1,3 @@
-import { n as getHoverColor, t as getColor } from "../../color.js";
-import { n as mapSpacerValue, t as getSpacer } from "../../spacing.js";
+import { getColor, getHoverColor } from "./color.js";
+import { getSpacer, mapSpacerValue } from "./spacing.js";
 export { getColor, getHoverColor, getSpacer, mapSpacerValue };

package/lib/theme/currys/spacing.js

@@ -1,2 +1,27 @@
-import { n as mapSpacerValue, t as getSpacer } from "../../spacing.js";
+import { spacers } from "../spacers.js";
+//#region src/theme/currys/spacing.ts
+var mapSpacerValue = (spacerSize) => {
+	switch (spacerSize) {
+		case "4xs": return spacers[1];
+		case "3xs": return spacers[2];
+		case "2xs": return spacers[3];
+		case "xs": return spacers[4];
+		case "s": return spacers[5];
+		case "m": return spacers[6];
+		case "l": return spacers[7];
+		case "xl": return spacers[8];
+		case "2xl": return spacers[9];
+		case "3xl": return spacers[10];
+		case "4xl": return spacers[11];
+		case "5xl": return spacers[12];
+		case "6xl": return spacers[13];
+		default: return spacers[5];
+	}
+};
+var getSpacer = (spacerSize) => {
+	return `${mapSpacerValue(spacerSize)}rem`;
+};
+//#endregion
 export { getSpacer, mapSpacerValue };
+
+//# sourceMappingURL=spacing.js.map

package/lib/theme/currys/spacing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spacing.js","names":[],"sources":["../../../src/theme/currys/spacing.ts"],"sourcesContent":["import type { SpacerSizes } from './../spacers';\n\nimport { spacers } from './../spacers';\n\nexport const mapSpacerValue = (spacerSize: SpacerSizes): number => {\n  switch (spacerSize) {\n    case '4xs':\n      return spacers[1];\n    case '3xs':\n      return spacers[2];\n    case '2xs':\n      return spacers[3];\n    case 'xs':\n      return spacers[4];\n    case 's':\n      return spacers[5];\n    case 'm':\n      return spacers[6];\n    case 'l':\n      return spacers[7];\n    case 'xl':\n      return spacers[8];\n    case '2xl':\n      return spacers[9];\n    case '3xl':\n      return spacers[10];\n    case '4xl':\n      return spacers[11];\n    case '5xl':\n      return spacers[12];\n    case '6xl':\n      return spacers[13];\n    default:\n      return spacers[5];\n  }\n};\n\nexport const getSpacer = (spacerSize: SpacerSizes): string => {\n  const spacerValue = mapSpacerValue(spacerSize);\n  return `${spacerValue}rem`;\n};\n"],"mappings":";;AAIA,IAAa,kBAAkB,eAAoC;CACjE,QAAQ,YAAR;EACE,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,MACH,OAAO,QAAQ;EACjB,KAAK,KACH,OAAO,QAAQ;EACjB,KAAK,KACH,OAAO,QAAQ;EACjB,KAAK,KACH,OAAO,QAAQ;EACjB,KAAK,MACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,KAAK,OACH,OAAO,QAAQ;EACjB,SACE,OAAO,QAAQ;;;AAIrB,IAAa,aAAa,eAAoC;CAE5D,OAAO,GADa,eAAe,WACzB,CAAY"}

package/lib/theme/grid.js

@@ -1,2 +1,26 @@
-import { n as containerMaxWidths, r as screen, t as breakpoints } from "../grid.js";
+//#region src/theme/grid.ts
+var breakpoints = {
+	xxs: 0,
+	xs: 360,
+	sm: 564,
+	md: 768,
+	lg: 1088,
+	xl: 1450
+};
+var containerMaxWidths = {
+	sm: 528,
+	md: 612,
+	lg: 1056
+};
+var screen = {
+	xxs: `(min-width: ${breakpoints.xxs}px)`,
+	xs: `(min-width: ${breakpoints.xs}px)`,
+	sm: `(min-width: ${breakpoints.sm}px)`,
+	md: `(min-width: ${breakpoints.md}px)`,
+	lg: `(min-width: ${breakpoints.lg}px)`,
+	xl: `(min-width: ${breakpoints.xl}px)`
+};
+//#endregion
 export { breakpoints, containerMaxWidths, screen };
+
+//# sourceMappingURL=grid.js.map

package/lib/theme/grid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","names":[],"sources":["../../src/theme/grid.ts"],"sourcesContent":["export const breakpoints = {\n  xxs: 0,\n  xs: 360,\n  sm: 564,\n  md: 768,\n  lg: 1088,\n  xl: 1450,\n};\n\nexport const containerMaxWidths = {\n  sm: 528,\n  md: 612,\n  lg: 1056,\n};\n\nexport const screen = {\n  xxs: `(min-width: ${breakpoints.xxs}px)`,\n  xs: `(min-width: ${breakpoints.xs}px)`,\n  sm: `(min-width: ${breakpoints.sm}px)`,\n  md: `(min-width: ${breakpoints.md}px)`,\n  lg: `(min-width: ${breakpoints.lg}px)`,\n  xl: `(min-width: ${breakpoints.xl}px)`,\n};\n"],"mappings":";AAAA,IAAa,cAAc;CACzB,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAa,qBAAqB;CAChC,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,IAAa,SAAS;CACpB,KAAK,eAAe,YAAY,IAAI;CACpC,IAAI,eAAe,YAAY,GAAG;CAClC,IAAI,eAAe,YAAY,GAAG;CAClC,IAAI,eAAe,YAAY,GAAG;CAClC,IAAI,eAAe,YAAY,GAAG;CAClC,IAAI,eAAe,YAAY,GAAG;CACnC"}

package/lib/theme/index.js

@@ -1,2 +1,15 @@
-import { t as theme } from "../theme.js";
+import { breakpoints, screen } from "./grid.js";
+import { palette } from "./palette.js";
+import { spacers } from "./spacers.js";
+//#region src/theme/index.ts
+var theme = {
+	spacer: 1,
+	spacers,
+	palette,
+	screen,
+	breakpoints
+};
+//#endregion
 export { theme };
+
+//# sourceMappingURL=index.js.map