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

package/lib/focus.js

@@ -0,0 +1,11 @@
+const getDocumentActiveElement = (element) => {
+	try {
+		return (typeof element === "string" ? document.querySelector(element) : element).getRootNode().activeElement;
+	} catch (e) {
+		console.error("Feil ved å ta tak i active element basert på angitt node: ", element, e);
+		return null;
+	}
+};
+export { getDocumentActiveElement as t };
+
+//# sourceMappingURL=focus.js.map

package/lib/focus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.js","names":[],"sources":["../src/utils/focus.ts"],"sourcesContent":["/**\n * Kopi fra core-frontend (focus-utils.tsx)\n * Returnerer document.activeElement (element in focus), uavhengig av om den er i document-dom eller shadow-dom\n * @param element HtmlElement som den skal søke i\n */\nexport const getDocumentActiveElement = (element: HTMLElement | string): Element | null => {\n  try {\n    const domNode = typeof element === 'string' ? (document.querySelector(element) as HTMLElement) : element;\n    const root = domNode.getRootNode() as Document;\n    return root.activeElement;\n  } catch (e) {\n    // eslint-disable-next-line no-console\n    console.error('Feil ved å ta tak i active element basert på angitt node: ', element, e);\n    return null;\n  }\n};\n"],"mappings":"AAKA,MAAa,4BAA4B,YAAkD;AACzF,KAAI;AAGF,UAFgB,OAAO,YAAY,WAAY,SAAS,cAAc,QAAQ,GAAmB,SAC5E,aAAa,CACtB;UACL,GAAG;AAEV,UAAQ,MAAM,8DAA8D,SAAS,EAAE;AACvF,SAAO"}

package/lib/grid.js

@@ -0,0 +1,24 @@
+const breakpoints = {
+	xxs: 0,
+	xs: 360,
+	sm: 564,
+	md: 768,
+	lg: 1088,
+	xl: 1450
+};
+const containerMaxWidths = {
+	sm: 528,
+	md: 612,
+	lg: 1056
+};
+const 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)`
+};
+export { containerMaxWidths as n, screen as r, breakpoints as t };
+
+//# sourceMappingURL=grid.js.map

package/lib/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,MAAa,cAAc;CACzB,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAa,qBAAqB;CAChC,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,MAAa,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/hoc/withBreakpoint/index.js

@@ -0,0 +1,7 @@
+import "../../grid.js";
+import "../../useBreakpoint.js";
+import { n as withBreakpoint_default$1, t as withBreakpoint } from "../../withBreakpoint.js";
+var withBreakpoint_default = withBreakpoint_default$1;
+export { withBreakpoint_default as default, withBreakpoint };
+
+//# sourceMappingURL=index.js.map

package/lib/hoc/withBreakpoint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/hoc/withBreakpoint/index.ts"],"sourcesContent":["import withBreakpoint from './withBreakpoint';\nexport * from './withBreakpoint';\nexport default withBreakpoint;\n"],"mappings":";;;AAEA,IAAA,yBAAe"}

package/lib/hoc/withBreakpoint/withBreakpoint.js

@@ -0,0 +1,4 @@
+import "../../grid.js";
+import "../../useBreakpoint.js";
+import { n as withBreakpoint_default, t as withBreakpoint } from "../../withBreakpoint.js";
+export { withBreakpoint_default as default, withBreakpoint };

package/lib/hoc/withBreakpoint/withBreakpoint.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/hooks/useBreakpoint.js

@@ -0,0 +1,3 @@
+import "../grid.js";
+import { n as useBreakpoint, t as Breakpoint } from "../useBreakpoint.js";
+export { Breakpoint, useBreakpoint };

package/lib/hooks/useElementList.js

@@ -0,0 +1,2 @@
+import { t as useElementList } from "../useElementList.js";
+export { useElementList };

package/lib/hooks/useEventListenerState.js

@@ -0,0 +1,13 @@
+import React from "react";
+const useEventListenerState = (initial) => {
+	const [value, _setValue] = React.useState(initial);
+	const valueRef = React.useRef(value);
+	const setValue = (x) => {
+		valueRef.current = x;
+		_setValue(x);
+	};
+	return [valueRef, setValue];
+};
+export { useEventListenerState };
+
+//# sourceMappingURL=useEventListenerState.js.map

package/lib/hooks/useEventListenerState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListenerState.js","names":[],"sources":["../../src/hooks/useEventListenerState.ts"],"sourcesContent":["import React from 'react';\n\nexport const useEventListenerState = <T>(initial?: T): [valueRef: React.MutableRefObject<T | undefined>, setValue: (x: T) => void] => {\n  const [value, _setValue] = React.useState<T | undefined>(initial);\n\n  const valueRef = React.useRef(value);\n\n  const setValue = (x: T): void => {\n    valueRef.current = x;\n    _setValue(x);\n  };\n\n  return [valueRef, setValue];\n};\n"],"mappings":";AAEA,MAAa,yBAA4B,YAA6F;CACpI,MAAM,CAAC,OAAO,aAAa,MAAM,SAAwB,QAAQ;CAEjE,MAAM,WAAW,MAAM,OAAO,MAAM;CAEpC,MAAM,YAAY,MAAe;AAC/B,WAAS,UAAU;AACnB,YAAU,EAAE;;AAGd,QAAO,CAAC,UAAU,SAAS"}

package/lib/hooks/useExpand.js

@@ -0,0 +1,3 @@
+import "../usePrevious.js";
+import { t as useExpand } from "../useExpand.js";
+export { useExpand };

package/lib/hooks/useFocusToggle.js

@@ -0,0 +1,4 @@
+import "../useElementList.js";
+import "../useFocusableElements.js";
+import { t as useFocusToggle } from "../useFocusToggle.js";
+export { useFocusToggle };

package/lib/hooks/useFocusTrap.js

@@ -0,0 +1,5 @@
+import "../useElementList.js";
+import "../useFocusableElements.js";
+import "../focus.js";
+import { n as useFocusTrap_default, t as useFocusTrap } from "../useFocusTrap.js";
+export { useFocusTrap_default as default, useFocusTrap };

package/lib/hooks/useFocusableElements.js

@@ -0,0 +1,3 @@
+import "../useElementList.js";
+import { n as useFocusableElements, t as FOCUSABLE_SELECTORS } from "../useFocusableElements.js";
+export { FOCUSABLE_SELECTORS, useFocusableElements };

package/lib/hooks/useIcons.js

@@ -0,0 +1,8 @@
+import "../constants2.js";
+import "../Icon.js";
+import "../_rolldown_dynamic_import_helper.js";
+import "../useIsServerSide.js";
+import "../LazyIcon.js";
+import "../component.js";
+import { t as useIcons } from "../useIcons.js";
+export { useIcons };

package/lib/hooks/useIdWithFallback.js

@@ -0,0 +1,2 @@
+import { t as useIdWithFallback } from "../useIdWithFallback.js";
+export { useIdWithFallback };

package/lib/hooks/useIntersectionObserver.js

@@ -0,0 +1,2 @@
+import { t as useIntersectionObserver } from "../useIntersectionObserver.js";
+export { useIntersectionObserver };

package/lib/hooks/useInterval.js

@@ -0,0 +1,12 @@
+import { useEffect } from "react";
+const useInterval = (callback, frequency = 10) => {
+	useEffect(() => {
+		const timer = setInterval(callback, frequency);
+		return () => {
+			clearInterval(timer);
+		};
+	}, [callback, frequency]);
+};
+export { useInterval };
+
+//# sourceMappingURL=useInterval.js.map

package/lib/hooks/useInterval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.js","names":[],"sources":["../../src/hooks/useInterval.ts"],"sourcesContent":["import { useEffect } from 'react';\n\n/**\n * Kjør en funksjon ved intervaller basert på ønsket frequency.\n *\n * @param callback Funksjon som skal kjøres\n * @param frequency Hvor ofte vi skal kjøre funksjonen\n * @returns void\n */\nexport const useInterval = (callback: () => void, frequency = 10): void => {\n  useEffect(() => {\n    const timer = setInterval(callback, frequency);\n\n    return (): void => {\n      clearInterval(timer);\n    };\n  }, [callback, frequency]);\n};\n"],"mappings":";AASA,MAAa,eAAe,UAAsB,YAAY,OAAa;AACzE,iBAAgB;EACd,MAAM,QAAQ,YAAY,UAAU,UAAU;AAE9C,eAAmB;AACjB,iBAAc,MAAM;;IAErB,CAAC,UAAU,UAAU,CAAC"}

package/lib/hooks/useIsMobileBreakpoint.js

@@ -0,0 +1,4 @@
+import "../grid.js";
+import "../useBreakpoint.js";
+import { t as useIsMobileBreakpoint } from "../useIsMobileBreakpoint.js";
+export { useIsMobileBreakpoint };

package/lib/hooks/useIsServerSide.js

@@ -0,0 +1,2 @@
+import { t as useIsServerSide } from "../useIsServerSide.js";
+export { useIsServerSide };

package/lib/hooks/useIsVisible.js

@@ -0,0 +1,3 @@
+import "../useIntersectionObserver.js";
+import { t as useIsVisible } from "../useIsVisible.js";
+export { useIsVisible };

package/lib/hooks/useKeyboardEvent.js

@@ -0,0 +1,2 @@
+import { t as useKeyboardEvent } from "../useKeyboardEvent.js";
+export { useKeyboardEvent };

package/lib/hooks/useLayoutEvent.js

@@ -0,0 +1,3 @@
+import "../debounce.js";
+import { t as useLayoutEvent } from "../useLayoutEvent.js";
+export { useLayoutEvent };

package/lib/hooks/useOutsideEvent.js

@@ -0,0 +1,2 @@
+import { t as useOutsideEvent } from "../useOutsideEvent.js";
+export { useOutsideEvent };

package/lib/hooks/usePrevious.js

@@ -0,0 +1,2 @@
+import { t as usePrevious } from "../usePrevious.js";
+export { usePrevious };

package/lib/hooks/usePseudoClasses.js

@@ -0,0 +1,2 @@
+import { t as usePseudoClasses } from "../usePseudoClasses.js";
+export { usePseudoClasses };

package/lib/hooks/useResizeObserver.js

@@ -0,0 +1,2 @@
+import { t as useResizeObserver } from "../useResizeObserver.js";
+export { useResizeObserver };

package/lib/hooks/useReturnFocusOnUnmount.js

@@ -0,0 +1,4 @@
+import "../focus.js";
+import "../deepContains.js";
+import { t as useReturnFocusOnUnmount } from "../useReturnFocusOnUnmount.js";
+export { useReturnFocusOnUnmount };

package/lib/hooks/useRovingFocus.js

@@ -0,0 +1,4 @@
+import "../constants2.js";
+import "../useKeyboardEvent.js";
+import { t as useRovingFocus } from "../useRovingFocus.js";
+export { useRovingFocus };

package/lib/hooks/useSize.js

@@ -0,0 +1,3 @@
+import "../debounce.js";
+import { t as useSize } from "../useSize.js";
+export { useSize };

package/lib/hooks/useToggle.js

@@ -0,0 +1,3 @@
+import "../usePrevious.js";
+import { t as useToggle } from "../useToggle.js";
+export { useToggle };

package/lib/hooks/usestopPropagation.js

@@ -0,0 +1,2 @@
+import { t as useStopPropagation } from "../usestopPropagation.js";
+export { useStopPropagation };

package/lib/index.d.ts

@@ -0,0 +1,17 @@
+export { theme } from './theme';
+export { useBreakpoint, Breakpoint } from './hooks/useBreakpoint';
+export { useFocusToggle } from './hooks/useFocusToggle';
+export { useFocusTrap } from './hooks/useFocusTrap';
+export { usePseudoClasses } from './hooks/usePseudoClasses';
+export { useIntersectionObserver } from './hooks/useIntersectionObserver';
+export { useIsVisible } from './hooks/useIsVisible';
+export { useLayoutEvent } from './hooks/useLayoutEvent';
+export { usePrevious } from './hooks/usePrevious';
+export { useSize } from './hooks/useSize';
+export { useResizeObserver } from './hooks/useResizeObserver';
+export { useToggle } from './hooks/useToggle';
+export { useKeyboardEvent } from './hooks/useKeyboardEvent';
+export { useOutsideEvent } from './hooks/useOutsideEvent';
+export { isMobileUA } from './utils/mobile';
+export { uuid } from './utils/uuid';
+export * from './constants';

package/lib/index.js

@@ -0,0 +1,27 @@
+import { t as uuid } from "./uuid.js";
+import "./environment.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 "./grid.js";
+import "./palette.js";
+import "./spacers.js";
+import { t as theme } from "./theme.js";
+import { n as useBreakpoint, t as Breakpoint } from "./useBreakpoint.js";
+import "./useElementList.js";
+import "./useFocusableElements.js";
+import { t as useFocusToggle } from "./useFocusToggle.js";
+import "./focus.js";
+import { t as useFocusTrap } from "./useFocusTrap.js";
+import { t as useIntersectionObserver } from "./useIntersectionObserver.js";
+import { t as useIsVisible } from "./useIsVisible.js";
+import "./debounce.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 "./src.js";
+export { AVERAGE_CHARACTER_WIDTH_PX, AnalyticsId, Breakpoint, FormOnColor, FormSize, IconSize, KeyboardEventKey, LanguageLocales, ZIndex, isMobileUA, theme, useBreakpoint, useFocusToggle, useFocusTrap, useIntersectionObserver, useIsVisible, useKeyboardEvent, useLayoutEvent, useOutsideEvent, usePrevious, usePseudoClasses, useResizeObserver, useSize, useToggle, uuid };

package/lib/language.js

@@ -0,0 +1,19 @@
+import React, { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+const LanguageContext = createContext(void 0);
+const useLanguage = (fallbackLanguage) => {
+	const context = useContext(LanguageContext);
+	if (!context) return { language: fallbackLanguage };
+	return context;
+};
+var LanguageProvider = ({ children, language }) => {
+	const value = useMemo(() => ({ language }), [language]);
+	return /* @__PURE__ */ jsx(LanguageContext.Provider, {
+		value,
+		children
+	});
+};
+var language_default = LanguageProvider;
+export { language_default as n, useLanguage as r, LanguageContext as t };
+
+//# sourceMappingURL=language.js.map

package/lib/language.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"language.js","names":[],"sources":["../src/utils/language.tsx"],"sourcesContent":["import React, { createContext, useContext, useMemo } from 'react';\n\nexport interface LanguageContextType<T extends string = string> {\n  language: T;\n}\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\ninterface 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":";;AAMA,MAAa,kBAAkB,cAA+C,KAAA,EAAU;AAOxF,MAAa,eAAiC,qBAAgD;CAC5F,MAAM,UAAU,WAAW,gBAAoE;AAE/F,KAAI,CAAC,QACH,QAAO,EAAE,UAAU,kBAAkB;AAGvC,QAAO;;AAQT,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/mobile.js

@@ -0,0 +1,14 @@
+const isMobileUA = () => {
+	let check = false;
+	(function(a) {
+		const regexString = "(android|bbd+|meego).+mobile|avantgo|bada/|blackberry          |blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|          midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)/|plucker|          pocket|psp|series(4|6)0|symbian|treo|up.(browser|link)|vodafone|wap|windows ce|xda|          xiino";
+		const regexString2 = "1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|          ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|          avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55/|capi|ccwa|cdm-|cell|          chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|          el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|          gf-5|g-mo|go(.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|          hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|/)|ibro|idea|          ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |/)|klon|kpt |          kwc-|kyo(c|k)|le(no|xi)|lg( g|/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50/|          ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |              o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|          ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|          pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|          qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55/|sa(ge|ma|              mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|          sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|          t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|              m-|m3|m5)|tx-9|up(.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|          vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|          whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-";
+		const regex = new RegExp(regexString, "i");
+		const regex2 = new RegExp(regexString2, "i");
+		if (regex.test(a) || regex2.test(a.substr(0, 4))) check = true;
+	})(navigator.userAgent || navigator.vendor || window.opera);
+	return check;
+};
+export { isMobileUA as t };
+
+//# sourceMappingURL=mobile.js.map

package/lib/mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mobile.js","names":[],"sources":["../src/utils/mobile.ts"],"sourcesContent":["declare global {\n  interface Window {\n    opera?: unknown;\n  }\n}\n\ninterface WindowWithOpera extends Window {\n  opera: string;\n}\n\n/**\n * Returns true når brukeren er på mobil (native check on user agent)\n */\nexport const isMobileUA = (): boolean => {\n  let check = false;\n  (function (a: string): void {\n    const regexString =\n      '(android|bbd+|meego).+mobile|avantgo|bada/|blackberry\\\n          |blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|\\\n          midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)/|plucker|\\\n          pocket|psp|series(4|6)0|symbian|treo|up.(browser|link)|vodafone|wap|windows ce|xda|\\\n          xiino';\n\n    const regexString2 =\n      '1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|\\\n          ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|\\\n          avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55/|capi|ccwa|cdm-|cell|\\\n          chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|\\\n          el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|\\\n          gf-5|g-mo|go(.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|\\\n          hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|/)|ibro|idea|\\\n          ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |/)|klon|kpt |\\\n          kwc-|kyo(c|k)|le(no|xi)|lg( g|/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50/|\\\n          ma(te|ui|xo)|mc(01|21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(-| |\\\n              o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|\\\n          ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|\\\n          pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|\\\n          qc(07|12|21|32|60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55/|sa(ge|ma|\\\n              mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|\\\n          sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|\\\n          t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|\\\n              m-|m3|m5)|tx-9|up(.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|-v)|\\\n          vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(-| )|webc|\\\n          whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-';\n\n    const regex = new RegExp(regexString, 'i');\n    const regex2 = new RegExp(regexString2, 'i');\n\n    if (regex.test(a) || regex2.test(a.substr(0, 4))) {\n      check = true;\n    }\n  })(navigator.userAgent || navigator.vendor || (window as WindowWithOpera).opera);\n\n  return check;\n};\n"],"mappings":"AAaA,MAAa,mBAA4B;CACvC,IAAI,QAAQ;AACZ,EAAC,SAAU,GAAiB;EAC1B,MAAM,cACJ;EAMF,MAAM,eACJ;EAqBF,MAAM,QAAQ,IAAI,OAAO,aAAa,IAAI;EAC1C,MAAM,SAAS,IAAI,OAAO,cAAc,IAAI;AAE5C,MAAI,MAAM,KAAK,EAAE,IAAI,OAAO,KAAK,EAAE,OAAO,GAAG,EAAE,CAAC,CAC9C,SAAQ;IAET,UAAU,aAAa,UAAU,UAAW,OAA2B,MAAM;AAEhF,QAAO"}

package/lib/palette.js

@@ -0,0 +1,85 @@
+var banana = {
+	banana50: "#FDF8DF",
+	banana100: "#FCF2BF",
+	banana200: "#F9EA9F",
+	banana300: "#F5E080",
+	banana400: "#EBC840",
+	banana500: "#DDAB06",
+	banana600: "#C59302",
+	banana700: "#AB7C00",
+	banana800: "#916500",
+	banana900: "#764F00"
+};
+var blueberry = {
+	blueberry50: "#E4F7F9",
+	blueberry100: "#CAE7ED",
+	blueberry200: "#AFDAE3",
+	blueberry300: "#7ABECC",
+	blueberry400: "#58AABB",
+	blueberry500: "#188097",
+	blueberry600: "#126F87",
+	blueberry700: "#08667C",
+	blueberry800: "#06596C",
+	blueberry900: "#084350"
+};
+var cherry = {
+	cherry50: "#FFF2EA",
+	cherry100: "#F7E1D2",
+	cherry200: "#EEC0A5",
+	cherry300: "#E39376",
+	cherry400: "#D56147",
+	cherry500: "#C83521",
+	cherry600: "#B62E1C",
+	cherry700: "#A31F0E",
+	cherry800: "#912112",
+	cherry900: "#7E1C0E"
+};
+var kiwi = {
+	kiwi50: "#E6F8EE",
+	kiwi100: "#C2EDD6",
+	kiwi200: "#9DE2BF",
+	kiwi300: "#79D6AA",
+	kiwi400: "#56CA96",
+	kiwi500: "#33BE84",
+	kiwi600: "#10B172",
+	kiwi700: "#0CA161",
+	kiwi800: "#099150",
+	kiwi900: "#078141"
+};
+var neutral = {
+	neutral50: "#F5F3F3",
+	neutral100: "#EAE7E7",
+	neutral200: "#D6D4D3",
+	neutral300: "#BDBAB9",
+	neutral400: "#AAA8A6",
+	neutral500: "#989693",
+	neutral600: "#7D7C79",
+	neutral700: "#62625F",
+	neutral800: "#474745",
+	neutral900: "#2B2C2B"
+};
+var plum = {
+	plum50: "#EFE4FD",
+	plum100: "#D7BDF9",
+	plum200: "#BF98F3",
+	plum300: "#A875EB",
+	plum400: "#9153E2",
+	plum500: "#7A33D7",
+	plum600: "#6A2ABF",
+	plum700: "#5B22A6",
+	plum800: "#4C1B8C",
+	plum900: "#3C1471"
+};
+const palette = {
+	...banana,
+	...blueberry,
+	...cherry,
+	...kiwi,
+	...neutral,
+	...plum,
+	black: "#000000",
+	white: "#ffffff"
+};
+export { palette as t };
+
+//# sourceMappingURL=palette.js.map

package/lib/palette.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"palette.js","names":[],"sources":["../src/theme/palette.ts"],"sourcesContent":["const banana = {\n  banana50: '#FDF8DF',\n  banana100: '#FCF2BF',\n  banana200: '#F9EA9F',\n  banana300: '#F5E080',\n  banana400: '#EBC840',\n  banana500: '#DDAB06',\n  banana600: '#C59302',\n  banana700: '#AB7C00',\n  banana800: '#916500',\n  banana900: '#764F00',\n};\n\nconst blueberry = {\n  blueberry50: '#E4F7F9',\n  blueberry100: '#CAE7ED',\n  blueberry200: '#AFDAE3',\n  blueberry300: '#7ABECC',\n  blueberry400: '#58AABB',\n  blueberry500: '#188097',\n  blueberry600: '#126F87',\n  blueberry700: '#08667C',\n  blueberry800: '#06596C',\n  blueberry900: '#084350',\n};\n\nconst cherry = {\n  cherry50: '#FFF2EA',\n  cherry100: '#F7E1D2',\n  cherry200: '#EEC0A5',\n  cherry300: '#E39376',\n  cherry400: '#D56147',\n  cherry500: '#C83521',\n  cherry600: '#B62E1C',\n  cherry700: '#A31F0E',\n  cherry800: '#912112',\n  cherry900: '#7E1C0E',\n};\n\nconst kiwi = {\n  kiwi50: '#E6F8EE',\n  kiwi100: '#C2EDD6',\n  kiwi200: '#9DE2BF',\n  kiwi300: '#79D6AA',\n  kiwi400: '#56CA96',\n  kiwi500: '#33BE84',\n  kiwi600: '#10B172',\n  kiwi700: '#0CA161',\n  kiwi800: '#099150',\n  kiwi900: '#078141',\n};\n\nconst neutral = {\n  neutral50: '#F5F3F3',\n  neutral100: '#EAE7E7',\n  neutral200: '#D6D4D3',\n  neutral300: '#BDBAB9',\n  neutral400: '#AAA8A6',\n  neutral500: '#989693',\n  neutral600: '#7D7C79',\n  neutral700: '#62625F',\n  neutral800: '#474745',\n  neutral900: '#2B2C2B',\n};\n\nconst plum = {\n  plum50: '#EFE4FD',\n  plum100: '#D7BDF9',\n  plum200: '#BF98F3',\n  plum300: '#A875EB',\n  plum400: '#9153E2',\n  plum500: '#7A33D7',\n  plum600: '#6A2ABF',\n  plum700: '#5B22A6',\n  plum800: '#4C1B8C',\n  plum900: '#3C1471',\n};\n\nexport const palette = {\n  ...banana,\n  ...blueberry,\n  ...cherry,\n  ...kiwi,\n  ...neutral,\n  ...plum,\n  black: '#000000',\n  white: '#ffffff',\n};\n\nexport type PaletteNames = 'banana' | 'blueberry' | 'cherry' | 'kiwi' | 'neutral' | 'plum' | 'black' | 'white';\n\nexport type PaletteDepths = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n\nexport type PaletteCodes =\n  | 'banana50'\n  | 'banana100'\n  | 'banana200'\n  | 'banana300'\n  | 'banana400'\n  | 'banana500'\n  | 'banana600'\n  | 'banana700'\n  | 'banana800'\n  | 'banana900'\n  | 'blueberry50'\n  | 'blueberry100'\n  | 'blueberry200'\n  | 'blueberry300'\n  | 'blueberry400'\n  | 'blueberry500'\n  | 'blueberry600'\n  | 'blueberry700'\n  | 'blueberry800'\n  | 'blueberry900'\n  | 'cherry50'\n  | 'cherry100'\n  | 'cherry200'\n  | 'cherry300'\n  | 'cherry400'\n  | 'cherry500'\n  | 'cherry600'\n  | 'cherry700'\n  | 'cherry800'\n  | 'cherry900'\n  | 'kiwi50'\n  | 'kiwi100'\n  | 'kiwi200'\n  | 'kiwi300'\n  | 'kiwi400'\n  | 'kiwi500'\n  | 'kiwi600'\n  | 'kiwi700'\n  | 'kiwi800'\n  | 'kiwi900'\n  | 'neutral50'\n  | 'neutral100'\n  | 'neutral200'\n  | 'neutral300'\n  | 'neutral400'\n  | 'neutral500'\n  | 'neutral600'\n  | 'neutral700'\n  | 'neutral800'\n  | 'neutral900'\n  | 'plum50'\n  | 'plum100'\n  | 'plum200'\n  | 'plum300'\n  | 'plum400'\n  | 'plum500'\n  | 'plum600'\n  | 'plum700'\n  | 'plum800'\n  | 'plum900'\n  | 'white'\n  | 'black';\n"],"mappings":"AAAA,IAAM,SAAS;CACb,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACZ;AAED,IAAM,YAAY;CAChB,aAAa;CACb,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACd,cAAc;CACf;AAED,IAAM,SAAS;CACb,UAAU;CACV,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACX,WAAW;CACZ;AAED,IAAM,OAAO;CACX,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACV;AAED,IAAM,UAAU;CACd,WAAW;CACX,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACZ,YAAY;CACb;AAED,IAAM,OAAO;CACX,QAAQ;CACR,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACT,SAAS;CACV;AAED,MAAa,UAAU;CACrB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,OAAO;CACP,OAAO;CACR"}

package/lib/refs.js

@@ -0,0 +1,14 @@
+const mergeRefs = (refs) => {
+	return (value) => {
+		refs.forEach((ref) => {
+			if (typeof ref === "function") ref(value);
+			else if (ref != null && ref !== void 0) ref.current = value;
+		});
+	};
+};
+const isMutableRefObject = (ref) => {
+	return typeof ref !== "function" && ref !== null;
+};
+export { mergeRefs as n, isMutableRefObject as t };
+
+//# sourceMappingURL=refs.js.map

package/lib/refs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"refs.js","names":[],"sources":["../src/utils/refs.ts"],"sourcesContent":["/**\n * Slår sammen refs fra forwardRef og useRef slik at begge deler kan brukes\n * Fra https://github.com/gregberge/react-merge-refs\n * @param refs array med refs som skal slås sammen\n * @returns refcallback som kan brukes på komponent\n */\nexport const mergeRefs = <T>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T> | null | undefined>): React.RefCallback<T> => {\n  return value => {\n    refs.forEach(ref => {\n      if (typeof ref === 'function') {\n        ref(value);\n      } else if (ref != null && ref !== undefined) {\n        (ref as React.MutableRefObject<T | null>).current = value;\n      }\n    });\n  };\n};\n\n/**\n * Sjekker om ref er et objekt (og ikke en funksjon)\n * @param ref\n * @returns type predicate\n */\nexport const isMutableRefObject = <T>(ref: React.ForwardedRef<T>): ref is React.MutableRefObject<T> => {\n  return typeof ref !== 'function' && ref !== null;\n};\n"],"mappings":"AAMA,MAAa,aAAgB,SAAyG;AACpI,SAAO,UAAS;AACd,OAAK,SAAQ,QAAO;AAClB,OAAI,OAAO,QAAQ,WACjB,KAAI,MAAM;YACD,OAAO,QAAQ,QAAQ,KAAA,EAC/B,KAAyC,UAAU;IAEtD;;;AASN,MAAa,sBAAyB,QAAiE;AACrG,QAAO,OAAO,QAAQ,cAAc,QAAQ"}

package/lib/resources/HN.Designsystem.FormFieldTag.nb-NO.json.d.ts

@@ -0,0 +1,12 @@
+declare const _default: {
+  "allRequired": "Alle felt må fylles ut",
+  "requiredField": "Må fylles ut",
+  "optional": "Valgfritt",
+  "allOptional": "Alle felt er valgfrie",
+  "requiredRadiobuttonList": "Velg én",
+  "requiredCheckboxList": "Velg én eller flere",
+  "requiredSingleCheckbox": "Må velges"
+}
+;
+
+export default _default;

package/lib/scroll.js

@@ -0,0 +1,9 @@
+const disableBodyScroll = () => {
+	document.body.style.overflow = "hidden";
+};
+const enableBodyScroll = () => {
+	document.body.style.removeProperty("overflow");
+};
+export { enableBodyScroll as n, disableBodyScroll as t };
+
+//# sourceMappingURL=scroll.js.map

package/lib/scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.js","names":[],"sources":["../src/utils/scroll.ts"],"sourcesContent":["export const disableBodyScroll = (): void => {\n  document.body.style.overflow = 'hidden';\n};\n\nexport const enableBodyScroll = (): void => {\n  document.body.style.removeProperty('overflow');\n};\n"],"mappings":"AAAA,MAAa,0BAAgC;AAC3C,UAAS,KAAK,MAAM,WAAW;;AAGjC,MAAa,yBAA+B;AAC1C,UAAS,KAAK,MAAM,eAAe,WAAW"}

package/lib/scss/_body.scss

@@ -0,0 +1,11 @@
+@use 'sass:map';
+@use './palette' as palette;
+@use './font-mixins' as fonts;
+
+body {
+  font-family: 'Source Sans Pro', Arial, Verdana, sans-serif;
+  background-color: palette.$white;
+  color: palette.$black;
+
+  @include fonts.body;
+}

package/lib/scss/_breakpoints.scss

@@ -0,0 +1,29 @@
+@use 'sass:map';
+@use 'spacers' as spacers;
+
+$grid-gutter-width: map.get(spacers.$spacers, 5);
+$grid-columns: 12;
+$grid-breakpoints: (
+  xxs: 0,
+  xs: 360px,
+  sm: 564px,
+  md: 768px,
+  lg: 1088px,
+  xl: 1450px,
+);
+$grid-max-breakpoints: (
+  xs: map.get($grid-breakpoints, sm) - 0.02,
+  sm: map.get($grid-breakpoints, md) - 0.02,
+  md: map.get($grid-breakpoints, lg) - 0.02,
+);
+$container-max-widths: (
+  sm: 528px,
+  md: 612px,
+  lg: 1056px,
+);
+
+@mixin tiny-screens-media-query {
+  @media (width <= 319px), (height <= 308px) {
+    @content;
+  }
+}

package/lib/scss/_figma-tokens.scss

@@ -0,0 +1,68 @@
+// Do not edit directly
+// Generated on Wed, 05 Oct 2022 11:38:01 GMT
+
+$palette-white: #fff;
+$palette-black: #000;
+$palette-plum900: #3c1471;
+$palette-plum800: #4c1b8c;
+$palette-plum700: #5b22a6;
+$palette-plum600: #6a2abf;
+$palette-plum500: #7a33d7;
+$palette-plum400: #9153e2;
+$palette-plum300: #a875eb;
+$palette-plum200: #bf98f3;
+$palette-plum100: #d7bdf9;
+$palette-plum50: #efe4fd;
+$palette-neutral900: #2b2c2b;
+$palette-neutral800: #474745;
+$palette-neutral700: #62625f;
+$palette-neutral600: #7d7c79;
+$palette-neutral500: #989693;
+$palette-neutral400: #aaa8a6;
+$palette-neutral300: #bdbab9;
+$palette-neutral200: #d6d4d3;
+$palette-neutral100: #eae7e7;
+$palette-neutral50: #f5f3f3;
+$palette-kiwi900: #078141;
+$palette-kiwi800: #099150;
+$palette-kiwi700: #0ca161;
+$palette-kiwi600: #10b172;
+$palette-kiwi500: #33be84;
+$palette-kiwi400: #56ca96;
+$palette-kiwi300: #79d6aa;
+$palette-kiwi200: #9de2bf;
+$palette-kiwi100: #c2edd6;
+$palette-kiwi50: #e6f8ee;
+$palette-cherry900: #7e1c0e;
+$palette-cherry800: #912112;
+$palette-cherry700: #a31f0e;
+$palette-cherry600: #b62e1c;
+$palette-cherry500: #c83521;
+$palette-cherry400: #d56147;
+$palette-cherry300: #e39376;
+$palette-cherry200: #eec0a5;
+$palette-cherry100: #f7e1d2;
+$palette-cherry50: #fff2ea;
+$palette-blueberry900: #084350;
+$palette-blueberry800: #06596c;
+$palette-blueberry700: #08667c;
+$palette-blueberry600: #126f87;
+$palette-blueberry500: #188097;
+$palette-blueberry400: #58aabb;
+$palette-blueberry300: #7abecc;
+$palette-blueberry200: #afdae3;
+$palette-blueberry100: #cae7ed;
+$palette-blueberry50: #e4f7f9;
+$palette-banana900: #764f00;
+$palette-banana800: #916500;
+$palette-banana700: #ab7c00;
+$palette-banana600: #c59302;
+$palette-banana500: #ddab06;
+$palette-banana400: #ebc840;
+$palette-banana300: #f1d460;
+$palette-banana200: #f5e080;
+$palette-banana100: #f9ea9f;
+$palette-banana50: #fcf2bf;
+$font-main: $palette-white;
+$backgrounds-destructive: $palette-cherry600;
+$backgrounds-main: $palette-blueberry600;