@helsenorge/designsystem-react 13.5.0 → 14.0.0-beta.0

package/lib/usePseudoClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePseudoClasses.js","names":[],"sources":["../src/hooks/usePseudoClasses.ts"],"sourcesContent":["import { useRef, useEffect, useState, RefObject, MutableRefObject } 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>(\n  ref?: RefObject<T> | MutableRefObject<T> | null\n): { refObject: RefObject<T> | MutableRefObject<T>; 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":";AAOA,MAAa,oBACX,QACiH;CACjH,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;AAE/C,iBAAgB;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;AAEzD,YAAU,SAAS,iBAAiB,cAAc,iBAAiB;AACnE,YAAU,SAAS,iBAAiB,cAAc,iBAAiB;AACnE,YAAU,SAAS,iBAAiB,gBAAgB,iBAAiB;AACrE,YAAU,SAAS,iBAAiB,gBAAgB,iBAAiB;AACrE,YAAU,SAAS,iBAAiB,WAAW,cAAc;AAC7D,YAAU,SAAS,iBAAiB,YAAY,eAAe;AAC/D,YAAU,SAAS,iBAAiB,eAAe,kBAAkB;AACrE,YAAU,SAAS,iBAAiB,aAAa,gBAAgB;AACjE,YAAU,SAAS,iBAAiB,gBAAgB,mBAAmB;AAEvE,eAAmB;AACjB,aAAU,SAAS,oBAAoB,cAAc,iBAAiB;AACtE,aAAU,SAAS,oBAAoB,cAAc,iBAAiB;AACtE,aAAU,SAAS,oBAAoB,gBAAgB,iBAAiB;AACxE,aAAU,SAAS,oBAAoB,gBAAgB,iBAAiB;AACxE,aAAU,SAAS,oBAAoB,WAAW,cAAc;AAChE,aAAU,SAAS,oBAAoB,YAAY,eAAe;AAClE,aAAU,SAAS,oBAAoB,eAAe,kBAAkB;AACxE,aAAU,SAAS,oBAAoB,aAAa,gBAAgB;AACpE,aAAU,SAAS,oBAAoB,gBAAgB,mBAAmB;;IAE3E,CAAC,UAAU,CAAC;AAEf,QAAO;EAAE;EAAW;EAAW;EAAW;EAAU"}
+{"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,MAAa,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;AAE/C,iBAAgB;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;AAEzD,YAAU,SAAS,iBAAiB,cAAc,iBAAiB;AACnE,YAAU,SAAS,iBAAiB,cAAc,iBAAiB;AACnE,YAAU,SAAS,iBAAiB,gBAAgB,iBAAiB;AACrE,YAAU,SAAS,iBAAiB,gBAAgB,iBAAiB;AACrE,YAAU,SAAS,iBAAiB,WAAW,cAAc;AAC7D,YAAU,SAAS,iBAAiB,YAAY,eAAe;AAC/D,YAAU,SAAS,iBAAiB,eAAe,kBAAkB;AACrE,YAAU,SAAS,iBAAiB,aAAa,gBAAgB;AACjE,YAAU,SAAS,iBAAiB,gBAAgB,mBAAmB;AAEvE,eAAmB;AACjB,aAAU,SAAS,oBAAoB,cAAc,iBAAiB;AACtE,aAAU,SAAS,oBAAoB,cAAc,iBAAiB;AACtE,aAAU,SAAS,oBAAoB,gBAAgB,iBAAiB;AACxE,aAAU,SAAS,oBAAoB,gBAAgB,iBAAiB;AACxE,aAAU,SAAS,oBAAoB,WAAW,cAAc;AAChE,aAAU,SAAS,oBAAoB,YAAY,eAAe;AAClE,aAAU,SAAS,oBAAoB,eAAe,kBAAkB;AACxE,aAAU,SAAS,oBAAoB,aAAa,gBAAgB;AACpE,aAAU,SAAS,oBAAoB,gBAAgB,mBAAmB;;IAE3E,CAAC,UAAU,CAAC;AAEf,QAAO;EAAE;EAAW;EAAW;EAAW;EAAU"}

package/lib/useResizeObserver.js.map

@@ -1 +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>): 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,MAAa,qBAAqB,QAA4D;CAC5F,MAAM,UAAU,OAAO,MAAM;CAC7B,MAAM,CAAC,MAAM,WAAW,UAAmB;AAC3C,iBAAgB;EACd,MAAM,iBAAiB,IAAI,gBAAe,YAAW;AACnD,OAAI,CAAC,QAAQ,QACX,QAAO,4BAA4B;AACjC,YAAQ,QAAQ,GAAG,OAAO,uBAAuB,CAAC;AAClD,YAAQ,UAAU;KAClB;AAEJ,WAAQ,UAAU;IAClB;AACF,MAAI,KAAK,QACP,gBAAe,QAAQ,KAAK,QAAQ;AAGtC,eAAmB;AACjB,OAAI,KAAK,QACP,gBAAe,UAAU,IAAI,QAAQ;OAErC,gBAAe,YAAY;;IAG9B,CAAC,IAAI,CAAC;AAET,QAAO"}
+{"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,MAAa,qBAAqB,QAAmE;CACnG,MAAM,UAAU,OAAO,MAAM;CAC7B,MAAM,CAAC,MAAM,WAAW,UAAmB;AAC3C,iBAAgB;EACd,MAAM,iBAAiB,IAAI,gBAAe,YAAW;AACnD,OAAI,CAAC,QAAQ,QACX,QAAO,4BAA4B;AACjC,YAAQ,QAAQ,GAAG,OAAO,uBAAuB,CAAC;AAClD,YAAQ,UAAU;KAClB;AAEJ,WAAQ,UAAU;IAClB;AACF,MAAI,KAAK,QACP,gBAAe,QAAQ,KAAK,QAAQ;AAGtC,eAAmB;AACjB,OAAI,KAAK,QACP,gBAAe,UAAU,IAAI,QAAQ;OAErC,gBAAe,YAAY;;IAG9B,CAAC,IAAI,CAAC;AAET,QAAO"}

package/lib/useReturnFocusOnUnmount.js.map

@@ -1 +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>): 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,MAAa,2BAA2B,QAA4C;CAClF,MAAM,8BAA8B,OAA2B,KAAK;AAEpE,iBAAgB;EAGd,MAAM,gBAAgB,IAAI,UAAU,yBAAyB,IAAI,QAAQ,GAAG;AAC5E,MAAI,yBAAyB,YAC3B,6BAA4B,UAAU;AAIxC,eAAmB;AACjB,OAAI,4BAA4B,mBAAmB,eAAe,aAAa,UAAU,4BAA4B,QAAQ,CAC3H,6BAA4B,QAAQ,OAAO;;IAG9C,EAAE,CAAC"}
+{"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,MAAa,2BAA2B,QAAmD;CACzF,MAAM,8BAA8B,OAA2B,KAAK;AAEpE,iBAAgB;EAGd,MAAM,gBAAgB,IAAI,UAAU,yBAAyB,IAAI,QAAQ,GAAG;AAC5E,MAAI,yBAAyB,YAC3B,6BAA4B,UAAU;AAIxC,eAAmB;AACjB,OAAI,4BAA4B,mBAAmB,eAAe,aAAa,UAAU,4BAA4B,QAAQ,CAC3H,6BAA4B,QAAQ,OAAO;;IAG9C,EAAE,CAAC"}

package/lib/useRovingFocus.js.map

@@ -1 +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.MutableRefObject<React.RefObject<HTMLElement>[] | null | undefined>,\n  /** Ref of container that should have the keyboard event handler */\n  containerRef: React.RefObject<HTMLElement>,\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,MAAa,kBAEX,gBAEA,cAEA,cAEA,wBACS;AACT,uBAAsB,uBAAuB;AAG7C,iBAAgB;AACd,MAAI,CAAC,aAAa,QAChB;AAEF,eAAa,QAAQ,SAAQ,QAAO;AAClC,OAAI,SAAS,aAAa,YAAY,KAAK;IAC3C;AACF,eAAa,QAAQ,IAAI,SAAS,aAAa,YAAY,IAAI;IAC9D,EAAE,CAAC;CAEN,MAAM,4BAA4B,UAA+B;AAC/D,MAAI,MAAM,QAAQ,iBAAiB,IACjC;AAEF,QAAM,gBAAgB;AAEtB,MAAI,CAAC,aAAa,QAChB;EAEF,MAAM,QAAQ,aAAa,QAAQ,WAAU,MAAK,EAAE,YAAY,MAAM,OAAO;EAC7E,IAAI,YAAY;AAEhB,MAAI,MAAM,QAAQ,iBAAiB,KACjC,aAAY;WACH,MAAM,QAAQ,iBAAiB,IACxC,aAAY,aAAa,QAAQ,SAAS;YAEzC,MAAM,QAAQ,iBAAiB,aAAa,MAAM,QAAQ,iBAAiB,eAC5E,QAAQ,aAAa,QAAQ,SAAS,EAEtC,aAAY,QAAQ;YACV,MAAM,QAAQ,iBAAiB,WAAW,MAAM,QAAQ,iBAAiB,cAAc,QAAQ,EACzG,aAAY,QAAQ;WACX,MAAM,QAAQ,iBAAiB,SAAS,MAAM,QAAQ,iBAAiB,MAChF,aAAY;AAGd,MAAI,cAAc,IAAI;AACpB,gBAAa,SAAS,SAAS,KAAK,MAAM;AACxC,QAAI,IAAI,QACN,KAAI,QAAQ,WAAW,MAAM,YAAY,IAAI;KAE/C;AACF,gBAAa,QAAQ,YAAY,SAAS,OAAO;AACjD,gBAAa,QAAQ,YAAY,SAAS,SAAS;AACnD,kBAAe,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;AAE1D,kBAAiB,cAAc,0BAA0B,CAAC,GAAG,YAAY,GAAG,UAAU,CAAC"}
+{"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,MAAa,kBAEX,gBAEA,cAEA,cAEA,wBACS;AACT,uBAAsB,uBAAuB;AAG7C,iBAAgB;AACd,MAAI,CAAC,aAAa,QAChB;AAEF,eAAa,QAAQ,SAAQ,QAAO;AAClC,OAAI,SAAS,aAAa,YAAY,KAAK;IAC3C;AACF,eAAa,QAAQ,IAAI,SAAS,aAAa,YAAY,IAAI;IAC9D,EAAE,CAAC;CAEN,MAAM,4BAA4B,UAA+B;AAC/D,MAAI,MAAM,QAAQ,iBAAiB,IACjC;AAEF,QAAM,gBAAgB;AAEtB,MAAI,CAAC,aAAa,QAChB;EAEF,MAAM,QAAQ,aAAa,QAAQ,WAAU,MAAK,EAAE,YAAY,MAAM,OAAO;EAC7E,IAAI,YAAY;AAEhB,MAAI,MAAM,QAAQ,iBAAiB,KACjC,aAAY;WACH,MAAM,QAAQ,iBAAiB,IACxC,aAAY,aAAa,QAAQ,SAAS;YAEzC,MAAM,QAAQ,iBAAiB,aAAa,MAAM,QAAQ,iBAAiB,eAC5E,QAAQ,aAAa,QAAQ,SAAS,EAEtC,aAAY,QAAQ;YACV,MAAM,QAAQ,iBAAiB,WAAW,MAAM,QAAQ,iBAAiB,cAAc,QAAQ,EACzG,aAAY,QAAQ;WACX,MAAM,QAAQ,iBAAiB,SAAS,MAAM,QAAQ,iBAAiB,MAChF,aAAY;AAGd,MAAI,cAAc,IAAI;AACpB,gBAAa,SAAS,SAAS,KAAK,MAAM;AACxC,QAAI,IAAI,QACN,KAAI,QAAQ,WAAW,MAAM,YAAY,IAAI;KAE/C;AACF,gBAAa,QAAQ,YAAY,SAAS,OAAO;AACjD,gBAAa,QAAQ,YAAY,SAAS,SAAS;AACnD,kBAAe,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;AAE1D,kBAAiB,cAAc,0BAA0B,CAAC,GAAG,YAAY,GAAG,UAAU,CAAC"}

package/lib/useSize.js

@@ -1,39 +1,20 @@
-import { t as debounce } from "./debounce.js";
 import { useEffect, useRef, useState } from "react";
 const useSize = (ref) => {
 	const ticking = useRef(false);
 	const [size, setSize] = useState();
 	useEffect(() => {
-		if (typeof ResizeObserver !== "undefined") {
-			const resizeObserver = new ResizeObserver((entries) => {
-				if (!ticking.current) window.requestAnimationFrame(() => {
-					setSize(entries[0].target.getBoundingClientRect());
-					ticking.current = false;
-				});
-				ticking.current = true;
+		const resizeObserver = new ResizeObserver((entries) => {
+			if (!ticking.current) window.requestAnimationFrame(() => {
+				setSize(entries[0].target.getBoundingClientRect());
+				ticking.current = false;
 			});
-			if (ref?.current) resizeObserver.observe(ref?.current);
-			return () => {
-				if (ref?.current) resizeObserver.unobserve(ref.current);
-				else resizeObserver.disconnect();
-			};
-		} else if (typeof window === "object") {
-			const handleLayoutEvent = () => {
-				if (ref?.current) setSize(ref.current.getBoundingClientRect());
-			};
-			const events = [
-				"layoutchange",
-				"resize",
-				"orientationchange"
-			];
-			const [debouncedCallback, teardown] = debounce(handleLayoutEvent, 10);
-			events.forEach((eventName) => window.addEventListener(eventName, debouncedCallback));
-			debouncedCallback();
-			return () => {
-				teardown();
-				events.forEach((eventName) => window.removeEventListener(eventName, debouncedCallback));
-			};
-		}
+			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;
 };

package/lib/useSize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSize.js","names":[],"sources":["../src/hooks/useSize.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nimport { debounce } from '../utils/debounce';\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>): DOMRect | undefined => {\n  const ticking = useRef(false);\n  const [size, setSize] = useState<DOMRect>();\n  useEffect(() => {\n    if (typeof ResizeObserver !== 'undefined') {\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    } else if (typeof window === 'object') {\n      // For nettlesere som ikke støtter ResizeObserver (iOS 13 og lavere)\n      const handleLayoutEvent = (): void => {\n        if (ref?.current) setSize(ref.current.getBoundingClientRect());\n      };\n\n      const events = ['layoutchange', 'resize', 'orientationchange'];\n      const debounceMs = 10;\n\n      const [debouncedCallback, teardown] = debounce(handleLayoutEvent, 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  }, [ref?.current]);\n\n  return size;\n};\n"],"mappings":";;AAWA,MAAa,WAAW,QAA4D;CAClF,MAAM,UAAU,OAAO,MAAM;CAC7B,MAAM,CAAC,MAAM,WAAW,UAAmB;AAC3C,iBAAgB;AACd,MAAI,OAAO,mBAAmB,aAAa;GACzC,MAAM,iBAAiB,IAAI,gBAAe,YAAW;AACnD,QAAI,CAAC,QAAQ,QACX,QAAO,4BAA4B;AACjC,aAAQ,QAAQ,GAAG,OAAO,uBAAuB,CAAC;AAClD,aAAQ,UAAU;MAClB;AAEJ,YAAQ,UAAU;KAClB;AACF,OAAI,KAAK,QACP,gBAAe,QAAQ,KAAK,QAAQ;AAEtC,gBAAmB;AACjB,QAAI,KAAK,QACP,gBAAe,UAAU,IAAI,QAAQ;QAErC,gBAAe,YAAY;;aAGtB,OAAO,WAAW,UAAU;GAErC,MAAM,0BAAgC;AACpC,QAAI,KAAK,QAAS,SAAQ,IAAI,QAAQ,uBAAuB,CAAC;;GAGhE,MAAM,SAAS;IAAC;IAAgB;IAAU;IAAoB;GAG9D,MAAM,CAAC,mBAAmB,YAAY,SAAS,mBAF5B,GAE0D;AAE7E,UAAO,SAAQ,cAAa,OAAO,iBAAiB,WAAW,kBAAkB,CAAC;AAElF,sBAAmB;AAEnB,gBAAmB;AACjB,cAAU;AACV,WAAO,SAAQ,cAAa,OAAO,oBAAoB,WAAW,kBAAkB,CAAC;;;IAGxF,CAAC,KAAK,QAAQ,CAAC;AAElB,QAAO"}
+{"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,MAAa,WAAW,QAAmE;CACzF,MAAM,UAAU,OAAO,MAAM;CAC7B,MAAM,CAAC,MAAM,WAAW,UAAmB;AAC3C,iBAAgB;EACd,MAAM,iBAAiB,IAAI,gBAAe,YAAW;AACnD,OAAI,CAAC,QAAQ,QACX,QAAO,4BAA4B;AACjC,YAAQ,QAAQ,GAAG,OAAO,uBAAuB,CAAC;AAClD,YAAQ,UAAU;KAClB;AAEJ,WAAQ,UAAU;IAClB;AACF,MAAI,KAAK,QACP,gBAAe,QAAQ,KAAK,QAAQ;AAEtC,eAAmB;AACjB,OAAI,KAAK,QACP,gBAAe,UAAU,IAAI,QAAQ;OAErC,gBAAe,YAAY;;IAG9B,CAAC,KAAK,QAAQ,CAAC;AAElB,QAAO"}

package/lib/usestopPropagation.js.map

@@ -1 +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>, 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,MAAa,sBAAsB,KAAmC,WAA2B;CAC/F,MAAM,eAAe,MAAmB,EAAE,iBAAiB;AAE3D,iBAAgB;AACd,SAAO,SAAQ,SAAQ,KAAK,SAAS,iBAAiB,MAAM,YAAY,CAAC;AAEzE,eAAmB,OAAO,SAAQ,SAAQ,IAAI,SAAS,oBAAoB,MAAM,YAAY,CAAC;IAC7F,CAAC,IAAI,CAAC"}
+{"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,MAAa,sBAAsB,KAA0C,WAA2B;CACtG,MAAM,eAAe,MAAmB,EAAE,iBAAiB;AAE3D,iBAAgB;AACd,SAAO,SAAQ,SAAQ,KAAK,SAAS,iBAAiB,MAAM,YAAY,CAAC;AAEzE,eAAmB,OAAO,SAAQ,SAAQ,IAAI,SAAS,oBAAoB,MAAM,YAAY,CAAC;IAC7F,CAAC,IAAI,CAAC"}

package/lib/utils/language.js

@@ -1,2 +1,14 @@
-import { n as language_default, r as useLanguage, t as LanguageContext } from "../language.js";
-export { LanguageContext, language_default as default, useLanguage };
+import { t as LanguageContext } from "../useLanguage.js";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var LanguageProvider = ({ children, language }) => {
+	const value = useMemo(() => ({ language }), [language]);
+	return /* @__PURE__ */ jsx(LanguageContext.Provider, {
+		value,
+		children
+	});
+};
+var language_default = LanguageProvider;
+export { language_default as default };
+
+//# sourceMappingURL=language.js.map

package/lib/utils/language.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"language.js","names":[],"sources":["../../src/utils/language.tsx"],"sourcesContent":["import { useMemo } from 'react';\n\nimport { LanguageContext } from '../hooks/useLanguage';\n\nexport interface LanguageContextType<T extends string = string> {\n  language: T;\n}\n\nexport interface LanguageProviderProps<T extends string> {\n  children: React.ReactNode;\n  language: T;\n}\n\nconst LanguageProvider = <T extends string>({ children, language }: LanguageProviderProps<T>): React.JSX.Element => {\n  const value = useMemo<LanguageContextType<T>>(\n    () => ({\n      language,\n    }),\n    [language]\n  );\n\n  return <LanguageContext.Provider value={value}>{children}</LanguageContext.Provider>;\n};\n\nexport default LanguageProvider;\n"],"mappings":";;;AAaA,IAAM,oBAAsC,EAAE,UAAU,eAA4D;CAClH,MAAM,QAAQ,eACL,EACL,UACD,GACD,CAAC,SAAS,CACX;AAED,QAAO,oBAAC,gBAAgB,UAAA;EAAgB;EAAQ;GAAoC;;AAGtF,IAAA,mBAAe"}

package/lib/utils/uuid.js

@@ -1,3 +1,2 @@
 import { n as uuid_default, t as uuid } from "../uuid.js";
-import "../environment.js";
 export { uuid_default as default, uuid };

package/lib/utils.js

@@ -1,8 +1,9 @@
-const getIllustration = ({ size, large, medium, small }) => {
-	if (large && (size >= 512 || !medium && !small)) return large;
-	if (medium && (size >= 201 || !small)) return medium;
-	return small;
+import { a as IconSize } from "./constants2.js";
+const getIcon = ({ size, isHovered, normal, normalHover, xSmall, xSmallHover, xxSmall, xxSmallHover }) => {
+	if (size <= IconSize.XXSmall && xxSmall && xxSmallHover) return isHovered ? xxSmallHover : xxSmall;
+	if (size <= IconSize.XSmall && xSmall && xSmallHover) return isHovered ? xSmallHover : xSmall;
+	return isHovered ? normalHover : normal;
 };
-export { getIllustration as t };
+export { getIcon as t };
 
 //# sourceMappingURL=utils.js.map

package/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":[],"sources":["../src/components/Illustration/utils.ts"],"sourcesContent":["interface IllustrationConfig<T> {\n  size: number;\n  large?: T;\n  medium?: T;\n  small?: T;\n}\n\nexport const getIllustration = <T>({ size, large, medium, small }: IllustrationConfig<T>): T => {\n  if (large && (size >= 512 || (!medium && !small))) {\n    return large;\n  }\n\n  if (medium && (size >= 201 || !small)) {\n    return medium;\n  }\n\n  return small as T;\n};\n"],"mappings":"AAOA,MAAa,mBAAsB,EAAE,MAAM,OAAO,QAAQ,YAAsC;AAC9F,KAAI,UAAU,QAAQ,OAAQ,CAAC,UAAU,CAAC,OACxC,QAAO;AAGT,KAAI,WAAW,QAAQ,OAAO,CAAC,OAC7B,QAAO;AAGT,QAAO"}
+{"version":3,"file":"utils.js","names":[],"sources":["../src/components/Icon/utils.ts"],"sourcesContent":["import type { IconConfig } from './Icon';\n\nimport { IconSize } from '../../constants';\n\nexport const getIcon = ({\n  size,\n  isHovered,\n  normal,\n  normalHover,\n  xSmall,\n  xSmallHover,\n  xxSmall,\n  xxSmallHover,\n}: IconConfig): React.ReactElement => {\n  if (size <= IconSize.XXSmall && xxSmall && xxSmallHover) {\n    return isHovered ? xxSmallHover : xxSmall;\n  }\n  if (size <= IconSize.XSmall && xSmall && xSmallHover) {\n    return isHovered ? xSmallHover : xSmall;\n  }\n\n  return isHovered ? normalHover : normal;\n};\n"],"mappings":";AAIA,MAAa,WAAW,EACtB,MACA,WACA,QACA,aACA,QACA,aACA,SACA,mBACoC;AACpC,KAAI,QAAQ,SAAS,WAAW,WAAW,aACzC,QAAO,YAAY,eAAe;AAEpC,KAAI,QAAQ,SAAS,UAAU,UAAU,YACvC,QAAO,YAAY,cAAc;AAGnC,QAAO,YAAY,cAAc"}

package/lib/utils2.js

@@ -0,0 +1,54 @@
+import { t as isComponent } from "./component.js";
+import { t as Label_default } from "./Label.js";
+import cn from "classnames";
+import React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+const getLabelText = (label) => {
+	let allLabelText = "";
+	if (isComponent(label, Label_default)) label.props.labelTexts?.forEach((labelText) => {
+		allLabelText += !labelText.hideFromScreenReader ? labelText.text : "";
+	});
+	return allLabelText;
+};
+const renderLabel = (label, inputId, onColor, markup) => {
+	return /* @__PURE__ */ jsx(Fragment, { children: label && isComponent(label, Label_default) ? React.cloneElement(label, {
+		htmlFor: inputId,
+		htmlMarkup: markup || "label",
+		onColor
+	}) : typeof label === "string" && /* @__PURE__ */ jsx(Label_default, {
+		labelTexts: [{
+			text: label,
+			type: "normal"
+		}],
+		htmlFor: inputId,
+		onColor
+	}) });
+};
+const renderLabelAsParent = (label, children, inputId, onColor, labelClassName, labelTextClassName, sublabelWrapperClassName, large, markup) => {
+	return /* @__PURE__ */ jsx(Fragment, { children: label && isComponent(label, Label_default) ? React.cloneElement(label, {
+		htmlFor: inputId,
+		onColor,
+		children,
+		labelClassName: cn(labelClassName, label.props.labelClassName),
+		labelTextClassName,
+		htmlMarkup: markup || "label",
+		sublabelWrapperClassName,
+		sublabel: large ? void 0 : label.props.sublabel,
+		statusDot: large ? void 0 : label.props.statusDot
+	}) : typeof label === "string" && /* @__PURE__ */ jsx(Label_default, {
+		labelTexts: [{
+			text: label,
+			type: "subdued"
+		}],
+		htmlFor: inputId,
+		onColor,
+		htmlMarkup: markup || "label",
+		labelClassName,
+		labelTextClassName,
+		sublabelWrapperClassName,
+		children
+	}) });
+};
+export { renderLabel as n, renderLabelAsParent as r, getLabelText as t };
+
+//# sourceMappingURL=utils2.js.map

package/lib/utils2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils2.js","names":[],"sources":["../src/components/Label/utils.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport type { LabelProps, LabelTags } from './Label';\nimport type { FormOnColor } from '../../constants';\n\nimport Label from './Label';\nimport { isComponent } from '../../utils/component';\n\nexport const getLabelText = (label: React.ReactNode): string => {\n  let allLabelText = '';\n\n  if (isComponent<LabelProps>(label, Label)) {\n    label.props.labelTexts?.forEach(labelText => {\n      allLabelText += !labelText.hideFromScreenReader ? labelText.text : '';\n    });\n  }\n\n  return allLabelText;\n};\n\nexport const renderLabel = (label: React.ReactNode, inputId: string, onColor: FormOnColor, markup?: LabelTags): React.ReactNode => {\n  return (\n    <>\n      {label && isComponent<LabelProps>(label, Label)\n        ? React.cloneElement(label, {\n            htmlFor: inputId,\n            htmlMarkup: markup || 'label',\n            onColor,\n          })\n        : typeof label === 'string' && <Label labelTexts={[{ text: label, type: 'normal' }]} htmlFor={inputId} onColor={onColor} />}\n    </>\n  );\n};\n\nexport const renderLabelAsParent = (\n  label: React.ReactNode,\n  children: React.ReactNode,\n  inputId: string,\n  onColor: FormOnColor,\n  labelClassName?: string,\n  labelTextClassName?: string,\n  sublabelWrapperClassName?: string,\n  large?: boolean,\n  markup?: LabelTags\n): React.ReactNode => {\n  return (\n    <>\n      {label && isComponent<LabelProps>(label, Label)\n        ? React.cloneElement(label, {\n            htmlFor: inputId,\n            onColor,\n            children: children,\n            labelClassName: cn(labelClassName, label.props.labelClassName),\n            labelTextClassName: labelTextClassName,\n            htmlMarkup: markup || 'label',\n            sublabelWrapperClassName: sublabelWrapperClassName,\n            sublabel: large ? undefined : label.props.sublabel,\n            statusDot: large ? undefined : label.props.statusDot,\n          })\n        : typeof label === 'string' && (\n            <Label\n              labelTexts={[{ text: label, type: 'subdued' }]}\n              htmlFor={inputId}\n              onColor={onColor}\n              htmlMarkup={markup || 'label'}\n              labelClassName={labelClassName}\n              labelTextClassName={labelTextClassName}\n              sublabelWrapperClassName={sublabelWrapperClassName}\n            >\n              {children}\n            </Label>\n          )}\n    </>\n  );\n};\n"],"mappings":";;;;;AAUA,MAAa,gBAAgB,UAAmC;CAC9D,IAAI,eAAe;AAEnB,KAAI,YAAwB,OAAO,cAAM,CACvC,OAAM,MAAM,YAAY,SAAQ,cAAa;AAC3C,kBAAgB,CAAC,UAAU,uBAAuB,UAAU,OAAO;GACnE;AAGJ,QAAO;;AAGT,MAAa,eAAe,OAAwB,SAAiB,SAAsB,WAAwC;AACjI,QACE,oBAAA,UAAA,EAAA,UACG,SAAS,YAAwB,OAAO,cAAM,GAC3C,MAAM,aAAa,OAAO;EACxB,SAAS;EACT,YAAY,UAAU;EACtB;EACD,CAAC,GACF,OAAO,UAAU,YAAY,oBAAC,eAAA;EAAM,YAAY,CAAC;GAAE,MAAM;GAAO,MAAM;GAAU,CAAC;EAAE,SAAS;EAAkB;GAAW,EAAA,CAC5H;;AAIP,MAAa,uBACX,OACA,UACA,SACA,SACA,gBACA,oBACA,0BACA,OACA,WACoB;AACpB,QACE,oBAAA,UAAA,EAAA,UACG,SAAS,YAAwB,OAAO,cAAM,GAC3C,MAAM,aAAa,OAAO;EACxB,SAAS;EACT;EACU;EACV,gBAAgB,GAAG,gBAAgB,MAAM,MAAM,eAAe;EAC1C;EACpB,YAAY,UAAU;EACI;EAC1B,UAAU,QAAQ,KAAA,IAAY,MAAM,MAAM;EAC1C,WAAW,QAAQ,KAAA,IAAY,MAAM,MAAM;EAC5C,CAAC,GACF,OAAO,UAAU,YACf,oBAAC,eAAA;EACC,YAAY,CAAC;GAAE,MAAM;GAAO,MAAM;GAAW,CAAC;EAC9C,SAAS;EACA;EACT,YAAY,UAAU;EACN;EACI;EACM;EAEzB;GACK,EAAA,CAEb"}

package/lib/utils3.js

@@ -0,0 +1,13 @@
+let ViewBoxSize = /* @__PURE__ */ function(ViewBoxSize$1) {
+	ViewBoxSize$1["Medium"] = "0 0 512 512";
+	ViewBoxSize$1["Small"] = "0 0 200 200";
+	return ViewBoxSize$1;
+}({});
+const getIllustration = ({ size, large, medium, small }) => {
+	if (large && (size >= 512 || !medium && !small)) return large;
+	if (medium && (size >= 201 || !small)) return medium;
+	return small;
+};
+export { getIllustration as n, ViewBoxSize as t };
+
+//# sourceMappingURL=utils3.js.map

package/lib/utils3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils3.js","names":[],"sources":["../src/components/Illustration/utils.ts"],"sourcesContent":["export enum ViewBoxSize {\n  Medium = '0 0 512 512',\n  Small = '0 0 200 200',\n}\ninterface IllustrationConfig<T> {\n  size: number;\n  large?: T;\n  medium?: T;\n  small?: T;\n}\n\nexport const getIllustration = <T>({ size, large, medium, small }: IllustrationConfig<T>): T => {\n  if (large && (size >= 512 || (!medium && !small))) {\n    return large;\n  }\n\n  if (medium && (size >= 201 || !small)) {\n    return medium;\n  }\n\n  return small as T;\n};\n"],"mappings":"AAAA,IAAY,cAAA,yBAAA,eAAL;AACL,eAAA,YAAA;AACA,eAAA,WAAA;;;AASF,MAAa,mBAAsB,EAAE,MAAM,OAAO,QAAQ,YAAsC;AAC9F,KAAI,UAAU,QAAQ,OAAQ,CAAC,UAAU,CAAC,OACxC,QAAO;AAGT,KAAI,WAAW,QAAQ,OAAO,CAAC,OAC7B,QAAO;AAGT,QAAO"}

package/lib/utils4.js

@@ -0,0 +1,30 @@
+import { createContext } from "react";
+let PanelLayout = /* @__PURE__ */ function(PanelLayout$1) {
+	PanelLayout$1["vertical"] = "vertical";
+	PanelLayout$1["horizontal"] = "horizontal";
+	PanelLayout$1["combined"] = "combined";
+	PanelLayout$1["bAsRightCol"] = "bAsRightCol";
+	return PanelLayout$1;
+}({});
+let PanelVariant = /* @__PURE__ */ function(PanelVariant$1) {
+	PanelVariant$1["fill"] = "fill";
+	PanelVariant$1["line"] = "line";
+	PanelVariant$1["outline"] = "outline";
+	return PanelVariant$1;
+}({});
+let PanelStacking = /* @__PURE__ */ function(PanelStacking$1) {
+	PanelStacking$1["default"] = "default";
+	PanelStacking$1["bFirst"] = "bFirst";
+	return PanelStacking$1;
+}({});
+let PanelStatus = /* @__PURE__ */ function(PanelStatus$1) {
+	PanelStatus$1["none"] = "none";
+	PanelStatus$1["new"] = "new";
+	PanelStatus$1["error"] = "error";
+	PanelStatus$1["draft"] = "draft";
+	return PanelStatus$1;
+}({});
+const PanelListContext = createContext(null);
+export { PanelVariant as a, PanelStatus as i, PanelLayout as n, PanelStacking as r, PanelListContext as t };
+
+//# sourceMappingURL=utils4.js.map

package/lib/utils4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils4.js","names":[],"sources":["../src/components/Panel/constants.ts","../src/components/PanelList/utils.tsx"],"sourcesContent":["export enum PanelLayout {\n  vertical = 'vertical',\n  horizontal = 'horizontal',\n  combined = 'combined',\n  bAsRightCol = 'bAsRightCol',\n}\n\nexport enum PanelVariant {\n  fill = 'fill',\n  line = 'line',\n  outline = 'outline',\n}\n\nexport enum PanelStacking {\n  default = 'default',\n  bFirst = 'bFirst',\n}\n\nexport enum PanelStatus {\n  none = 'none',\n  new = 'new',\n  error = 'error',\n  draft = 'draft',\n}\n","import { createContext } from 'react';\n\nimport type { PanelVariant } from '../Panel/constants';\n\nexport interface PanelListContextValue {\n  variant: PanelVariant;\n  highlightText?: string;\n  applyPanelClassName: (existingClassName?: string) => string;\n}\n\nexport const PanelListContext = createContext<PanelListContextValue | null>(null);\n"],"mappings":";AAAA,IAAY,cAAA,yBAAA,eAAL;AACL,eAAA,cAAA;AACA,eAAA,gBAAA;AACA,eAAA,cAAA;AACA,eAAA,iBAAA;;;AAGF,IAAY,eAAA,yBAAA,gBAAL;AACL,gBAAA,UAAA;AACA,gBAAA,UAAA;AACA,gBAAA,aAAA;;;AAGF,IAAY,gBAAA,yBAAA,iBAAL;AACL,iBAAA,aAAA;AACA,iBAAA,YAAA;;;AAGF,IAAY,cAAA,yBAAA,eAAL;AACL,eAAA,UAAA;AACA,eAAA,SAAA;AACA,eAAA,WAAA;AACA,eAAA,WAAA;;;ACZF,MAAa,mBAAmB,cAA4C,KAAK"}

package/lib/utils5.js

@@ -0,0 +1,60 @@
+import { t as Breakpoint } from "./useBreakpoint.js";
+import { r as ResponsiveTableVariant } from "./constants4.js";
+import { t as isTouchDevice } from "./device.js";
+import React from "react";
+import tableStyles from "./components/Table/styles.module.scss";
+var configUsesCss = (config) => config.variant === ResponsiveTableVariant.centeredoverflow || config.variant === ResponsiveTableVariant.block;
+var mapConfigToClass = (config) => config.variant === "centeredoverflow" || config.variant === "block" ? tableStyles[`table--${config.variant}-${config.breakpoint}`] : "";
+var sortByBreakpointsDescending = (a, b) => Breakpoint[a.breakpoint] - Breakpoint[b.breakpoint];
+var isValidForCurrentBreakpoint = (config, breakpoint) => Breakpoint[config.breakpoint] >= breakpoint;
+var getConfigForBreakpoint = (config, breakpoint) => {
+	if (Array.isArray(config)) {
+		config.sort(sortByBreakpointsDescending);
+		return config.find((x) => isValidForCurrentBreakpoint(x, breakpoint));
+	} else if (config && isValidForCurrentBreakpoint(config, breakpoint)) return config;
+};
+const getCurrentConfig = (config, breakpoint, tableWidth, windowWidth) => {
+	const breakpointConfig = getConfigForBreakpoint(config, breakpoint);
+	const canUseHorizontalScroll = isTouchDevice();
+	const canUseCenteredOverflow = tableWidth <= windowWidth;
+	if (!breakpointConfig) return;
+	if (breakpointConfig.variant === ResponsiveTableVariant.centeredoverflow && !canUseCenteredOverflow && breakpointConfig.fallbackVariant === ResponsiveTableVariant.horizontalscroll) return {
+		variant: canUseHorizontalScroll ? ResponsiveTableVariant.horizontalscroll : ResponsiveTableVariant.none,
+		breakpoint: breakpointConfig.breakpoint
+	};
+	if (breakpointConfig.variant === ResponsiveTableVariant.centeredoverflow && !canUseCenteredOverflow && breakpointConfig.fallbackVariant !== ResponsiveTableVariant.centeredoverflow) return {
+		variant: breakpointConfig.fallbackVariant ?? ResponsiveTableVariant.none,
+		breakpoint: breakpointConfig.breakpoint
+	};
+	if (breakpointConfig.variant === ResponsiveTableVariant.horizontalscroll && !canUseHorizontalScroll && breakpointConfig.fallbackVariant === ResponsiveTableVariant.centeredoverflow) return {
+		variant: canUseCenteredOverflow ? ResponsiveTableVariant.centeredoverflow : ResponsiveTableVariant.none,
+		breakpoint: breakpointConfig.breakpoint
+	};
+	if (breakpointConfig.variant === ResponsiveTableVariant.horizontalscroll && !canUseHorizontalScroll && breakpointConfig.fallbackVariant !== ResponsiveTableVariant.horizontalscroll) return {
+		variant: breakpointConfig.fallbackVariant ?? ResponsiveTableVariant.none,
+		breakpoint: breakpointConfig.breakpoint
+	};
+	return breakpointConfig;
+};
+const getBreakpointClass = (config) => config && configUsesCss(config) ? mapConfigToClass(config) : void 0;
+const getCenteredOverflowTableStyle = (parentWidth, tableWidth) => {
+	if (parentWidth >= tableWidth) return;
+	return { left: `${(parentWidth - tableWidth) / 2 - 8}px` };
+};
+const mapChildrenWithMode = (children, mode) => React.Children.map(children, (child) => {
+	if (!React.isValidElement(child)) return child;
+	if (child.type === React.Fragment) {
+		const fragmentChildren = child.props.children;
+		const mapped = React.Children.map(fragmentChildren, (gc) => React.isValidElement(gc) ? React.cloneElement(gc, { mode }) : gc);
+		return React.cloneElement(child, void 0, mapped);
+	}
+	return React.cloneElement(child, { mode });
+});
+const omitProps = (obj, keys) => {
+	const clone = { ...obj };
+	for (const k of keys) delete clone[k];
+	return clone;
+};
+export { omitProps as a, mapChildrenWithMode as i, getCenteredOverflowTableStyle as n, getCurrentConfig as r, getBreakpointClass as t };
+
+//# sourceMappingURL=utils5.js.map

package/lib/utils5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils5.js","names":["clone: Partial<T>"],"sources":["../src/components/Table/utils.ts"],"sourcesContent":["import React from 'react';\n\nimport type { ModeType } from './constants';\nimport type { BreakpointConfig } from './Table';\n\nimport { ResponsiveTableVariant } from './constants';\nimport { Breakpoint } from '../../hooks/useBreakpoint';\nimport { isTouchDevice } from '../../utils/device';\n\nimport styles from './styles.module.scss';\n\n/**\n * Sjekk om det skal brukes CSS for å bestemme responsivt utseende på dette breakpoint\n * @param config Konfigurasjon for responsiv oppførsel\n * @returns true om breakpoint bruker CSS\n */\nconst configUsesCss = (config: BreakpointConfig): boolean =>\n  config.variant === ResponsiveTableVariant.centeredoverflow || config.variant === ResponsiveTableVariant.block;\n\n/**\n * Lag klassenavn for CSS-config\n * @param config Konfigurasjon for responsiv oppførsel\n * @returns CSS-klassenavn\n */\nconst mapConfigToClass = (config: BreakpointConfig): string =>\n  config.variant === 'centeredoverflow' || config.variant === 'block' ? styles[`table--${config.variant}-${config.breakpoint}`] : '';\n\n/**\n * Sorter konfigurasjon etter breakpoints, fra største til minste\n * @param a Konfigurasjon for responsiv oppførsel\n * @param b Konfigurasjon for responsiv oppførsel\n * @returns Sortert liste\n */\nconst sortByBreakpointsDescending = (a: BreakpointConfig, b: BreakpointConfig): number =>\n  Breakpoint[a.breakpoint] - Breakpoint[b.breakpoint];\n\n/**\n * Sjekk om en konfigurasjon skal brukes for nåværende breakpoint\n * @param a Konfigurasjon for responsiv oppførsel\n * @param breakpoint Nåværende breakpoint\n * @returns true dersom config skal brukes for breakpointet\n */\nconst isValidForCurrentBreakpoint = (config: BreakpointConfig, breakpoint: Breakpoint): boolean =>\n  Breakpoint[config.breakpoint] >= breakpoint;\n\n/**\n * Finn konfigurasjon for nåværende breakpoint\n * @param config Konfigurasjon for responsiv oppførsel\n * @param breakpoint Nåværende breakpoint\n * @returns Konfigurasjon for responsiv oppførsel\n */\nconst getConfigForBreakpoint = (config: BreakpointConfig | BreakpointConfig[], breakpoint: Breakpoint): BreakpointConfig | undefined => {\n  if (Array.isArray(config)) {\n    config.sort(sortByBreakpointsDescending);\n\n    return config.find(x => isValidForCurrentBreakpoint(x, breakpoint));\n  } else if (config && isValidForCurrentBreakpoint(config, breakpoint)) {\n    return config;\n  }\n};\n\n/**\n * Finn konfigurasjon for nåværende breakpoint og tabellbredde\n * @param config Konfigurasjon for responsiv oppførsel\n * @param breakpoint Nåværende breakpoint\n * @param tableWidth Bredde på tabell i px\n * @returns Konfigurasjon for responsiv oppførsel uten fallbackVariant\n */\nexport const getCurrentConfig = (\n  config: BreakpointConfig | BreakpointConfig[],\n  breakpoint: Breakpoint,\n  tableWidth: number,\n  windowWidth: number\n): Omit<BreakpointConfig, 'fallbackVariant'> | undefined => {\n  const breakpointConfig = getConfigForBreakpoint(config, breakpoint);\n  const canUseHorizontalScroll = isTouchDevice();\n  const canUseCenteredOverflow = tableWidth <= windowWidth;\n\n  if (!breakpointConfig) {\n    return;\n  }\n\n  if (\n    breakpointConfig.variant === ResponsiveTableVariant.centeredoverflow &&\n    !canUseCenteredOverflow &&\n    breakpointConfig.fallbackVariant === ResponsiveTableVariant.horizontalscroll\n  ) {\n    return {\n      variant: canUseHorizontalScroll ? ResponsiveTableVariant.horizontalscroll : ResponsiveTableVariant.none,\n      breakpoint: breakpointConfig.breakpoint,\n    };\n  }\n\n  if (\n    breakpointConfig.variant === ResponsiveTableVariant.centeredoverflow &&\n    !canUseCenteredOverflow &&\n    breakpointConfig.fallbackVariant !== ResponsiveTableVariant.centeredoverflow\n  ) {\n    return {\n      variant: breakpointConfig.fallbackVariant ?? ResponsiveTableVariant.none,\n      breakpoint: breakpointConfig.breakpoint,\n    };\n  }\n\n  if (\n    breakpointConfig.variant === ResponsiveTableVariant.horizontalscroll &&\n    !canUseHorizontalScroll &&\n    breakpointConfig.fallbackVariant === ResponsiveTableVariant.centeredoverflow\n  ) {\n    return {\n      variant: canUseCenteredOverflow ? ResponsiveTableVariant.centeredoverflow : ResponsiveTableVariant.none,\n      breakpoint: breakpointConfig.breakpoint,\n    };\n  }\n\n  if (\n    breakpointConfig.variant === ResponsiveTableVariant.horizontalscroll &&\n    !canUseHorizontalScroll &&\n    breakpointConfig.fallbackVariant !== ResponsiveTableVariant.horizontalscroll\n  ) {\n    return {\n      variant: breakpointConfig.fallbackVariant ?? ResponsiveTableVariant.none,\n      breakpoint: breakpointConfig.breakpoint,\n    };\n  }\n\n  return breakpointConfig;\n};\n\n/**\n * Finn klassenavn for responsiv oppførsel\n * @param config Konfigurasjon for responsiv oppførsel\n * @returns Klassenavn\n */\nexport const getBreakpointClass = (config?: BreakpointConfig): string | undefined =>\n  config && configUsesCss(config) ? mapConfigToClass(config) : undefined;\n\n/**\n * Finn riktig posisjon for horisontal sentrering av tabell som skal vises \"centeredoverflow\"\n * @param parentWidth Bredde på element som tabellen ligger i\n * @param tableWidth Bredde på tabellen\n * @returns Styling som posisjonerer tabellen riktig\n */\nexport const getCenteredOverflowTableStyle = (parentWidth: number, tableWidth: number): React.CSSProperties | undefined => {\n  if (parentWidth >= tableWidth) {\n    return;\n  }\n\n  const COLUMN_GUTTER_WIDTH_PX = 8;\n\n  return { left: `${(parentWidth - tableWidth) / 2 - COLUMN_GUTTER_WIDTH_PX}px` };\n};\n\n/**\n * Map children and inject the `mode` prop into element children, but never on React.Fragment.\n * If a Fragment is encountered, its children are mapped and updated, while the Fragment wrapper is preserved.\n */\nexport const mapChildrenWithMode = (children: React.ReactNode, mode: ModeType | undefined): React.ReactNode =>\n  React.Children.map(children, child => {\n    if (!React.isValidElement(child)) return child;\n    if (child.type === React.Fragment) {\n      const fragmentChildren = (child.props as { children?: React.ReactNode }).children;\n      const mapped = React.Children.map(fragmentChildren, gc =>\n        React.isValidElement<{ mode?: ModeType }>(gc) ? React.cloneElement(gc, { mode }) : gc\n      );\n      return React.cloneElement(child, undefined, mapped);\n    }\n    return React.cloneElement(child as React.ReactElement<{ mode?: ModeType }>, { mode });\n  });\n\n/**\n * Create a shallow copy of an object with specific keys omitted.\n */\nexport const omitProps = <T extends Record<PropertyKey, unknown>>(obj: T, keys: Array<keyof T>): Partial<T> => {\n  const clone: Partial<T> = { ...obj };\n  for (const k of keys) {\n    delete clone[k];\n  }\n  return clone;\n};\n"],"mappings":";;;;;AAgBA,IAAM,iBAAiB,WACrB,OAAO,YAAY,uBAAuB,oBAAoB,OAAO,YAAY,uBAAuB;AAO1G,IAAM,oBAAoB,WACxB,OAAO,YAAY,sBAAsB,OAAO,YAAY,UAAU,YAAO,UAAU,OAAO,QAAQ,GAAG,OAAO,gBAAgB;AAQlI,IAAM,+BAA+B,GAAqB,MACxD,WAAW,EAAE,cAAc,WAAW,EAAE;AAQ1C,IAAM,+BAA+B,QAA0B,eAC7D,WAAW,OAAO,eAAe;AAQnC,IAAM,0BAA0B,QAA+C,eAAyD;AACtI,KAAI,MAAM,QAAQ,OAAO,EAAE;AACzB,SAAO,KAAK,4BAA4B;AAExC,SAAO,OAAO,MAAK,MAAK,4BAA4B,GAAG,WAAW,CAAC;YAC1D,UAAU,4BAA4B,QAAQ,WAAW,CAClE,QAAO;;AAWX,MAAa,oBACX,QACA,YACA,YACA,gBAC0D;CAC1D,MAAM,mBAAmB,uBAAuB,QAAQ,WAAW;CACnE,MAAM,yBAAyB,eAAe;CAC9C,MAAM,yBAAyB,cAAc;AAE7C,KAAI,CAAC,iBACH;AAGF,KACE,iBAAiB,YAAY,uBAAuB,oBACpD,CAAC,0BACD,iBAAiB,oBAAoB,uBAAuB,iBAE5D,QAAO;EACL,SAAS,yBAAyB,uBAAuB,mBAAmB,uBAAuB;EACnG,YAAY,iBAAiB;EAC9B;AAGH,KACE,iBAAiB,YAAY,uBAAuB,oBACpD,CAAC,0BACD,iBAAiB,oBAAoB,uBAAuB,iBAE5D,QAAO;EACL,SAAS,iBAAiB,mBAAmB,uBAAuB;EACpE,YAAY,iBAAiB;EAC9B;AAGH,KACE,iBAAiB,YAAY,uBAAuB,oBACpD,CAAC,0BACD,iBAAiB,oBAAoB,uBAAuB,iBAE5D,QAAO;EACL,SAAS,yBAAyB,uBAAuB,mBAAmB,uBAAuB;EACnG,YAAY,iBAAiB;EAC9B;AAGH,KACE,iBAAiB,YAAY,uBAAuB,oBACpD,CAAC,0BACD,iBAAiB,oBAAoB,uBAAuB,iBAE5D,QAAO;EACL,SAAS,iBAAiB,mBAAmB,uBAAuB;EACpE,YAAY,iBAAiB;EAC9B;AAGH,QAAO;;AAQT,MAAa,sBAAsB,WACjC,UAAU,cAAc,OAAO,GAAG,iBAAiB,OAAO,GAAG,KAAA;AAQ/D,MAAa,iCAAiC,aAAqB,eAAwD;AACzH,KAAI,eAAe,WACjB;AAKF,QAAO,EAAE,MAAM,IAAI,cAAc,cAAc,IAFhB,EAE2C,KAAK;;AAOjF,MAAa,uBAAuB,UAA2B,SAC7D,MAAM,SAAS,IAAI,WAAU,UAAS;AACpC,KAAI,CAAC,MAAM,eAAe,MAAM,CAAE,QAAO;AACzC,KAAI,MAAM,SAAS,MAAM,UAAU;EACjC,MAAM,mBAAoB,MAAM,MAAyC;EACzE,MAAM,SAAS,MAAM,SAAS,IAAI,mBAAkB,OAClD,MAAM,eAAoC,GAAG,GAAG,MAAM,aAAa,IAAI,EAAE,MAAM,CAAC,GAAG,GACpF;AACD,SAAO,MAAM,aAAa,OAAO,KAAA,GAAW,OAAO;;AAErD,QAAO,MAAM,aAAa,OAAkD,EAAE,MAAM,CAAC;EACrF;AAKJ,MAAa,aAAqD,KAAQ,SAAqC;CAC7G,MAAMA,QAAoB,EAAE,GAAG,KAAK;AACpC,MAAK,MAAM,KAAK,KACd,QAAO,MAAM;AAEf,QAAO"}

package/lib/uuid.js

@@ -12,7 +12,7 @@ var __export = (all, symbols) => {
 var uuid_exports = /* @__PURE__ */ __export({
 	default: () => uuid_default,
 	uuid: () => uuid
-});
+}, 1);
 const uuid = () => {
 	if (isTest()) return "test";
 	return "bxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx".replace(/[x]/g, function(c) {

package/lib/withBreakpoint.js

@@ -1,15 +1,14 @@
 import { n as useBreakpoint } from "./useBreakpoint.js";
-import React from "react";
 import { jsx } from "react/jsx-runtime";
 function withBreakpoint(Component) {
-	return React.forwardRef((props, ref) => {
+	const WithBreakpoint = (props) => {
 		const breakpoint = useBreakpoint();
 		return /* @__PURE__ */ jsx(Component, {
-			ref,
 			...props,
 			breakpoint
 		});
-	});
+	};
+	return WithBreakpoint;
 }
 var withBreakpoint_default = withBreakpoint;
 export { withBreakpoint_default as n, withBreakpoint as t };

package/lib/withBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"withBreakpoint.js","names":[],"sources":["../src/hoc/withBreakpoint/withBreakpoint.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\n\nexport interface BreakpointProps {\n  breakpoint: Breakpoint;\n}\n\n// Hentet fra https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35834#issuecomment-497605842\nexport function withBreakpoint<P extends BreakpointProps, C extends React.ComponentClass<P>>(\n  Component: C & React.ComponentType<P>\n): React.ForwardRefExoticComponent<Omit<React.ComponentPropsWithoutRef<C> & { ref?: React.Ref<InstanceType<C>> }, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps & { ref?: React.Ref<unknown> }>(\n  Component: React.ForwardRefExoticComponent<P>\n): React.ForwardRefExoticComponent<Omit<P, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps>(\n  Component: React.FunctionComponent<P>\n): React.ForwardRefExoticComponent<Omit<P, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps>(Component: React.ComponentType<P>) {\n  return React.forwardRef((props, ref) => {\n    const breakpoint = useBreakpoint();\n    return <Component ref={ref} {...(props as P)} breakpoint={breakpoint} />;\n  });\n}\n\nexport default withBreakpoint;\n"],"mappings":";;;AAqBA,SAAgB,eAA0C,WAAmC;AAC3F,QAAO,MAAM,YAAY,OAAO,QAAQ;EACtC,MAAM,aAAa,eAAe;AAClC,SAAO,oBAAC,WAAA;GAAe;GAAK,GAAK;GAAyB;IAAc;GACxE;;AAGJ,IAAA,yBAAe"}
+{"version":3,"file":"withBreakpoint.js","names":["WithBreakpoint: React.FC<Omit<P, keyof BreakpointProps>>"],"sources":["../src/hoc/withBreakpoint/withBreakpoint.tsx"],"sourcesContent":["import type { Breakpoint } from '../../hooks/useBreakpoint';\n\nimport { useBreakpoint } from '../../hooks/useBreakpoint';\n\nexport interface BreakpointProps {\n  breakpoint: Breakpoint;\n}\n\n// Hentet fra https://github.com/DefinitelyTyped/DefinitelyTyped/issues/35834#issuecomment-497605842\nexport function withBreakpoint<P extends BreakpointProps, C extends React.ComponentClass<P>>(\n  Component: C & React.ComponentType<P>\n): React.FC<Omit<React.ComponentPropsWithoutRef<C>, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps>(Component: React.FC<P>): React.FC<Omit<P, keyof BreakpointProps>>;\n\nexport function withBreakpoint<P extends BreakpointProps>(Component: React.ComponentType<P>): React.FC<Omit<P, keyof BreakpointProps>> {\n  const WithBreakpoint: React.FC<Omit<P, keyof BreakpointProps>> = props => {\n    const breakpoint = useBreakpoint();\n    return <Component {...(props as P)} breakpoint={breakpoint} />;\n  };\n  return WithBreakpoint;\n}\n\nexport default withBreakpoint;\n"],"mappings":";;AAeA,SAAgB,eAA0C,WAA6E;CACrI,MAAMA,kBAA2D,UAAS;EACxE,MAAM,aAAa,eAAe;AAClC,SAAO,oBAAC,WAAA;GAAU,GAAK;GAAyB;IAAc;;AAEhE,QAAO;;AAGT,IAAA,yBAAe"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@helsenorge/designsystem-react",
   "sideEffects": false,
   "private": false,
-  "version": "13.5.0",
+  "version": "14.0.0-beta.0",
   "description": "The official design system for Helsenorge built with React.",
   "repository": {
     "type": "git",
@@ -738,7 +738,7 @@
     "start": "storybook dev -p 3000",
     "prebuild": "npm-run-all link-scss clean generate:iconnames generate:illustrationnames generate:cssdefinitions",
     "build": "vite build",
-    "postbuild": "npm run link-scss",
+    "postbuild": "node ../build-tools/lib/copy.js --root ../../CHANGELOG.md --include \"src/scss/**/*\" \"src/fonts/**/*\" \"src/components/**/*.module.scss*\" && npm run link-scss",
     "link-scss": "node __scripts__/link-root-scss.mjs",
     "copy-fonts": "node __scripts__/copy-fonts.mjs",
     "prepack": "npm run copy-fonts && rimraf scss && copyfiles -u 1 'lib/scss/**/*' .",
@@ -748,9 +748,6 @@
     "generate:iconnames": "node __scripts__/generateIconNames.mjs",
     "generate:illustrationnames": "node __scripts__/generateIllustrationNames.mjs",
     "generate:cssdefinitions": "typed-scss-modules \"src/**/*.module.scss\" --nameFormat none --exportType default --includePaths node_modules ../../node_modules",
-    "pregenerate:figmatokens": "git -C ../../../designtokens pull https://github.com/helsenorge/designtokens.git",
-    "generate:figmatokens": "token-transformer ../../../designtokens/tokens.json data/design-tokens.json hn-designsystem --resolveReferences=false",
-    "postgenerate:figmatokens": "style-dictionary build --config figma-token.config.json",
     "eslint": "eslint \"src/**/*.{ts,tsx}\"",
     "eslint:fix": "npm run eslint -- --fix",
     "stylelint": "stylelint \"src/**/*.{css,scss}\"",
@@ -764,10 +761,10 @@
   },
   "peerDependencies": {
     "classnames": "^2.3.2",
-    "motion": "^11.0.0",
+    "motion": "^12.0.0",
     "normalize.css": "^8.0.1",
-    "react": "^18.0.0 || ^19.0.0",
-    "react-dom": "^18.0.0 || ^19.0.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0"
   },
   "peerDependenciesMeta": {
     "motion": {
@@ -776,7 +773,7 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.8",
-    "motion": "^11.14.3"
+    "motion": "^12.23.22"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.2",
@@ -786,39 +783,31 @@
     "@storybook/addon-docs": "^10.0.5",
     "@storybook/react-vite": "^10.0.5",
     "@testing-library/jest-dom": "^6.5.0",
-    "@testing-library/react": "^16.0.1",
+    "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
     "@types/jest-when": "^3.5.5",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.1",
+    "@types/react": "^19.2.3",
+    "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.0",
-    "@vitest/coverage-istanbul": "^3.2.4",
-    "@vitest/coverage-v8": "^3.2.4",
+    "@vitest/coverage-istanbul": "^4.0.18",
+    "@vitest/coverage-v8": "^4.0.18",
     "classnames": "^2.5.1",
     "copyfiles": "^2.4.1",
-    "frankenstein-build-tools": "file:../frankenstein-build-tools",
-    "glob": "^11.0.0",
+    "frankenstein-build-tools": "file:../build-tools",
+    "glob": "^13.0.1",
     "jest-when": "^3.6.0",
     "jsdom": "^26.0.0",
     "normalize.css": "^8.0.1",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
     "react-hook-form": "^7.53.0",
-    "rollup-plugin-copy": "^3.5.0",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-visualizer": "^5.12.0",
     "sass": "^1.79.5",
     "storybook": "^10.0.5",
-    "style-dictionary": "^4.1.3",
-    "token-transformer": "^0.0.33",
     "typescript": "~5.8.2",
     "vite": "npm:rolldown-vite@^7.1.2",
     "vite-plugin-dts": "^4.5.4",
-    "vitest": "^3.2.4"
-  },
-  "overrides": {
-    "@helsenorge/typed-scss-modules": {
-      "glob": "7.2.3"
-    }
+    "vitest": "^4.0.18"
   }
 }

package/scss/_reset.scss

@@ -1,13 +1 @@
 @import 'normalize.css/normalize.css';
-
-/** Fiks for iOS og Safari 15 */
-button,
-input,
-optgroup,
-select,
-textarea,
-[type='button'],
-[type='reset'],
-[type='submit'] {
-  color: black;
-}

package/scss/_screen-reader.scss

@@ -45,9 +45,6 @@
 	@note Useful for skip links 
 	@see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 	@note Based on a HTML5 Boilerplate technique, included in Bootstrap
-	@note Fixed a bug with position: static on iOS 10.0.2 + VoiceOver
-		@author Sylvain Pigeard
-		@see https://github.com/twbs/bootstrap/issues/20732
 */
 @mixin sr-only-focusable() {
   &:active,

package/scss/typography.stories.tsx

@@ -1,4 +1,4 @@
-import { StoryObj, Meta } from '@storybook/react-vite';
+import type { StoryObj, Meta } from '@storybook/react-vite';
 
 import LabelComponent from '../components/Label';
 import Title from '../components/Title';

package/lib/Calendar.js

@@ -1,29 +0,0 @@
-import { r as getIcon } from "./Icon.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var Calendar = ({ size, isHovered }) => {
-	return getIcon({
-		size,
-		isHovered,
-		normal: /* @__PURE__ */ jsx("path", {
-			fillRule: "evenodd",
-			d: "M32.86 22.986a.984.984 0 010 1.967.984.984 0 010-1.967zm0 3.03a2.049 2.049 0 002.046-2.047 2.049 2.049 0 00-2.046-2.046 2.049 2.049 0 00-2.046 2.046c0 1.13.918 2.047 2.046 2.047zm6.21-7.864H8.68v-6.194h3.846v1.161a2.243 2.243 0 002.241 2.241 2.243 2.243 0 002.241-2.24v-1.162H30.62v1.161a2.244 2.244 0 002.241 2.241 2.243 2.243 0 002.241-2.24v-1.162h3.97v6.194zM8.678 35.982H39.07v-16.53H8.678v16.53zm5.148-26.273c0-.518.422-.94.941-.94.52 0 .941.422.941.94v3.41a.942.942 0 01-1.882 0V9.71zm18.093 0c0-.518.422-.94.941-.94.52 0 .941.422.941.94v3.41a.942.942 0 01-1.882 0V9.71zm3.182.95v-.95a2.243 2.243 0 00-2.24-2.24 2.244 2.244 0 00-2.242 2.24v.95H17.01v-.95a2.243 2.243 0 00-2.242-2.24 2.243 2.243 0 00-2.24 2.24v.95H7.378V37.28h32.992V10.658h-5.27zm-8.157 16.167a.984.984 0 110 1.969.984.984 0 010-1.969zm0 3.03a2.049 2.049 0 002.047-2.047 2.049 2.049 0 00-2.047-2.046 2.049 2.049 0 00-2.046 2.046c0 1.13.918 2.047 2.046 2.047z"
-		}),
-		normalHover: /* @__PURE__ */ jsx("path", {
-			fillRule: "evenodd",
-			d: "M33.843 23.97a.984.984 0 01-.983.983.984.984 0 010-1.967c.542 0 .983.441.983.983zm1.063 0a2.049 2.049 0 00-2.046-2.047 2.049 2.049 0 00-2.046 2.046c0 1.13.918 2.047 2.046 2.047a2.049 2.049 0 002.046-2.047zm4.164-5.818H8.68v-6.194h3.846v1.161a2.243 2.243 0 002.241 2.241 2.243 2.243 0 002.241-2.24v-1.162H30.62v1.161a2.244 2.244 0 002.241 2.241 2.243 2.243 0 002.241-2.24v-1.162h3.97v6.194zM8.678 35.982H39.07v-16.53H8.678v16.53zm5.148-26.273c0-.518.422-.94.941-.94.52 0 .941.422.941.94v3.41a.942.942 0 01-1.882 0V9.71zm18.093 0c0-.518.422-.94.941-.94.52 0 .941.422.941.94v3.41a.942.942 0 01-1.882 0V9.71zm3.182.95v-.95a2.243 2.243 0 00-2.24-2.24 2.244 2.244 0 00-2.242 2.24v.95H17.01v-.95a2.243 2.243 0 00-2.242-2.24 2.243 2.243 0 00-2.24 2.24v.95H7.378V37.28h32.992V10.658h-5.27zm-11.173 17.15a.985.985 0 01-1.967 0 .984.984 0 011.967 0zm1.063 0a2.049 2.049 0 00-2.047-2.046 2.049 2.049 0 00-2.046 2.046c0 1.13.918 2.047 2.046 2.047a2.049 2.049 0 002.047-2.047z"
-		}),
-		xSmall: /* @__PURE__ */ jsx("path", {
-			fillRule: "evenodd",
-			d: "M38.887 16.71H8.6v-6.197h3.862v1.17c0 1.223.994 2.216 2.216 2.216a2.218 2.218 0 002.215-2.215v-1.171h13.582v1.17c0 1.223.994 2.216 2.215 2.216a2.218 2.218 0 002.216-2.215v-1.171h3.982v6.197zM8.6 34.46h30.288V17.974H8.6V34.46zm5.125-26.17a.953.953 0 011.905 0v3.394a.953.953 0 01-1.905 0V8.289zm18.013 0a.953.953 0 011.905 0v3.394a.953.953 0 01-1.905 0V8.289zm3.168.96v-.96a2.218 2.218 0 00-2.216-2.216 2.218 2.218 0 00-2.215 2.215v.96H16.892v-.96a2.218 2.218 0 00-2.215-2.215 2.218 2.218 0 00-2.216 2.215v.96H7.336v26.475h32.815V9.249h-5.246zM27.67 28.292a1.508 1.508 0 100-3.016 1.508 1.508 0 000 3.016z"
-		}),
-		xSmallHover: /* @__PURE__ */ jsx("path", {
-			fillRule: "evenodd",
-			d: "M38.888 16.71H8.598v-6.197h3.862v1.17a2.216 2.216 0 004.431 0v-1.17h13.583v1.17a2.217 2.217 0 004.431 0v-1.17h3.983v6.197zM8.598 34.46h30.29V17.974H8.598V34.46zm5.125-26.17a.953.953 0 011.905 0v3.394a.953.953 0 01-1.905 0V8.289zm18.014 0a.953.953 0 011.905 0v3.394a.953.953 0 01-1.905 0V8.289zm3.168.96v-.96a2.218 2.218 0 00-2.215-2.216 2.218 2.218 0 00-2.216 2.215v.96H16.89v-.96a2.217 2.217 0 00-2.214-2.215 2.219 2.219 0 00-2.217 2.215v.96H7.335v26.475h32.816V9.249h-5.246zm-7.234 19.043a1.507 1.507 0 000-3.017 1.51 1.51 0 100 3.017zm5.019-4.297a1.509 1.509 0 10-.002-3.018 1.509 1.509 0 00.002 3.018z"
-		})
-	});
-};
-var Calendar_default = Calendar;
-export { Calendar_default as t };
-
-//# sourceMappingURL=Calendar.js.map