@helsenorge/designsystem-react 14.7.0 → 14.7.1

package/lib/Filter.js

@@ -0,0 +1,44 @@
+import { t as getIcon } from "./utils.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Filter = ({ size, isHovered }) => {
+	return getIcon({
+		size,
+		isHovered,
+		normal: /* @__PURE__ */ jsx("path", {
+			"fill-rule": "evenodd",
+			"clip-rule": "evenodd",
+			d: "M21.034 30.338a4 4 0 0 1 3.926 3.234H41v1.3H24.998a4 4 0 0 1-7.94-.1H7v-1.2h10.108a4 4 0 0 1 3.926-3.234Zm0 1.3a2.7 2.7 0 1 0 .001 5.4 2.7 2.7 0 0 0 0-5.4ZM32.697 20a4 4 0 0 1 3.936 3.286H41v1.3h-4.346a4 4 0 0 1-7.914 0H7v-1.3h21.762A4 4 0 0 1 32.697 20Zm0 1.3a2.7 2.7 0 1 0 0 5.4 2.7 2.7 0 0 0 0-5.4ZM16.571 9.726A4 4 0 0 1 20.505 13H41v1.3H20.53a4 4 0 0 1-7.917 0H7V13h5.638a4 4 0 0 1 3.933-3.274Zm0 1.3a2.7 2.7 0 1 0 0 5.4 2.7 2.7 0 0 0 0-5.4Z"
+		}),
+		normalHover: /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M17.0332 30.3389C18.9803 30.3389 20.6015 31.7297 20.959 33.5723H40.999V34.8721H20.9971C20.7361 36.8288 19.0613 38.3389 17.0332 38.3389C15.0051 38.3389 13.3303 36.8288 13.0693 34.8721H6.99902V33.5723H13.1074C13.4649 31.7297 15.0861 30.3389 17.0332 30.3389ZM17.0332 31.6387C15.542 31.6387 14.333 32.8477 14.333 34.3389C14.3333 35.8298 15.5422 37.0391 17.0332 37.0391C18.5242 37.0391 19.7331 35.8298 19.7334 34.3389C19.7334 32.8477 18.5244 31.6387 17.0332 31.6387Z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M32.6963 20C34.6617 20 36.2952 21.4177 36.6318 23.2861H40.999V24.5859H36.6533C36.3698 26.5173 34.7064 28 32.6963 28C30.6862 28 29.0228 26.5173 28.7393 24.5859H6.99902V23.2861H28.7607C29.0974 21.4177 30.7309 20 32.6963 20ZM32.6963 21.2998C31.2051 21.2998 29.9961 22.5088 29.9961 24C29.9961 25.4912 31.2051 26.7002 32.6963 26.7002C34.1875 26.7002 35.3965 25.4912 35.3965 24C35.3965 22.5088 34.1875 21.2998 32.6963 21.2998Z"
+			}),
+			/* @__PURE__ */ jsx("path", {
+				"fill-rule": "evenodd",
+				"clip-rule": "evenodd",
+				d: "M19.5703 9.72461C21.5318 9.72461 23.1627 11.1371 23.5039 13H40.999V14.2998H23.5283C23.2496 16.2366 21.5843 17.7256 19.5703 17.7256C17.5564 17.7256 15.891 16.2366 15.6123 14.2998H6.99902V13H15.6367C15.9779 11.1371 17.6088 9.72461 19.5703 9.72461ZM19.5703 11.0254C18.0791 11.0254 16.8701 12.2344 16.8701 13.7256C16.8704 15.2165 18.0793 16.4258 19.5703 16.4258C21.0613 16.4258 22.2702 15.2165 22.2705 13.7256C22.2705 12.2344 21.0615 11.0254 19.5703 11.0254Z"
+			})
+		] }),
+		xSmall: /* @__PURE__ */ jsx("path", {
+			"fill-rule": "evenodd",
+			"clip-rule": "evenodd",
+			d: "M22.111 27.892a2.974 2.974 0 0 1 2.905 2.342h11.935v1.264H25.015a2.973 2.973 0 0 1-2.904 2.34l-.303-.015a2.973 2.973 0 0 1-2.6-2.325H11.68v-1.264h7.529a2.973 2.973 0 0 1 2.903-2.342Zm0 1.263a1.71 1.71 0 1 0 .001 3.42 1.71 1.71 0 0 0 0-3.42Zm8.669-8.229a2.974 2.974 0 0 1 2.904 2.343h3.267v1.263h-3.268a2.973 2.973 0 0 1-2.904 2.341l-.303-.016a2.973 2.973 0 0 1-2.599-2.325H11.679v-1.263h16.197a2.973 2.973 0 0 1 2.903-2.343Zm0 1.263a1.71 1.71 0 1 0 0 3.421 1.71 1.71 0 0 0 0-3.42Zm-11.987-8.295a2.974 2.974 0 0 1 2.905 2.34h15.253v1.264H21.697a2.973 2.973 0 0 1-2.904 2.342l-.303-.015a2.973 2.973 0 0 1-2.6-2.327h-4.21v-1.263h4.21a2.973 2.973 0 0 1 2.903-2.341Zm0 1.263a1.71 1.71 0 1 0 .001 3.42 1.71 1.71 0 0 0 0-3.42Z"
+		}),
+		xSmallHover: /* @__PURE__ */ jsx("path", {
+			"fill-rule": "evenodd",
+			"clip-rule": "evenodd",
+			d: "M19.585 27.892a2.975 2.975 0 0 1 2.906 2.342h14.46v1.264H22.489a2.973 2.973 0 0 1-2.904 2.34l-.303-.015a2.974 2.974 0 0 1-2.6-2.327h-5.003v-1.263h5.001a2.974 2.974 0 0 1 2.905-2.341Zm0 1.263a1.71 1.71 0 1 0 0 3.42 1.71 1.71 0 0 0 0-3.42Zm11.195-8.229a2.974 2.974 0 0 1 2.904 2.343h3.267v1.263h-3.268a2.973 2.973 0 0 1-2.904 2.341l-.303-.016a2.973 2.973 0 0 1-2.599-2.325H11.679v-1.263h16.197a2.973 2.973 0 0 1 2.903-2.343Zm0 1.263a1.71 1.71 0 1 0 0 3.421 1.71 1.71 0 0 0 0-3.42Zm-9.46-8.295a2.974 2.974 0 0 1 2.904 2.34h12.727v1.264H24.223a2.973 2.973 0 0 1-2.904 2.342l-.303-.015a2.973 2.973 0 0 1-2.6-2.327H11.68v-1.263h6.737a2.973 2.973 0 0 1 2.903-2.341Zm0 1.263a1.71 1.71 0 1 0 0 3.42 1.71 1.71 0 0 0 0-3.42Z"
+		})
+	});
+};
+var Filter_default = Filter;
+export { Filter_default as t };
+
+//# sourceMappingURL=Filter.js.map

package/lib/Filter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Filter.js","names":["Filter: React.FC<SvgPathProps>"],"sources":["../src/components/Icons/Filter.tsx"],"sourcesContent":["import type { SvgPathProps } from '../Icon';\n\nimport { getIcon } from '../Icon/utils';\n\nconst Filter: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M21.034 30.338a4 4 0 0 1 3.926 3.234H41v1.3H24.998a4 4 0 0 1-7.94-.1H7v-1.2h10.108a4 4 0 0 1 3.926-3.234Zm0 1.3a2.7 2.7 0 1 0 .001 5.4 2.7 2.7 0 0 0 0-5.4ZM32.697 20a4 4 0 0 1 3.936 3.286H41v1.3h-4.346a4 4 0 0 1-7.914 0H7v-1.3h21.762A4 4 0 0 1 32.697 20Zm0 1.3a2.7 2.7 0 1 0 0 5.4 2.7 2.7 0 0 0 0-5.4ZM16.571 9.726A4 4 0 0 1 20.505 13H41v1.3H20.53a4 4 0 0 1-7.917 0H7V13h5.638a4 4 0 0 1 3.933-3.274Zm0 1.3a2.7 2.7 0 1 0 0 5.4 2.7 2.7 0 0 0 0-5.4Z\"\n    />\n  );\n\n  const normalHover = (\n    <>\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M17.0332 30.3389C18.9803 30.3389 20.6015 31.7297 20.959 33.5723H40.999V34.8721H20.9971C20.7361 36.8288 19.0613 38.3389 17.0332 38.3389C15.0051 38.3389 13.3303 36.8288 13.0693 34.8721H6.99902V33.5723H13.1074C13.4649 31.7297 15.0861 30.3389 17.0332 30.3389ZM17.0332 31.6387C15.542 31.6387 14.333 32.8477 14.333 34.3389C14.3333 35.8298 15.5422 37.0391 17.0332 37.0391C18.5242 37.0391 19.7331 35.8298 19.7334 34.3389C19.7334 32.8477 18.5244 31.6387 17.0332 31.6387Z\"\n      />\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M32.6963 20C34.6617 20 36.2952 21.4177 36.6318 23.2861H40.999V24.5859H36.6533C36.3698 26.5173 34.7064 28 32.6963 28C30.6862 28 29.0228 26.5173 28.7393 24.5859H6.99902V23.2861H28.7607C29.0974 21.4177 30.7309 20 32.6963 20ZM32.6963 21.2998C31.2051 21.2998 29.9961 22.5088 29.9961 24C29.9961 25.4912 31.2051 26.7002 32.6963 26.7002C34.1875 26.7002 35.3965 25.4912 35.3965 24C35.3965 22.5088 34.1875 21.2998 32.6963 21.2998Z\"\n      />\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M19.5703 9.72461C21.5318 9.72461 23.1627 11.1371 23.5039 13H40.999V14.2998H23.5283C23.2496 16.2366 21.5843 17.7256 19.5703 17.7256C17.5564 17.7256 15.891 16.2366 15.6123 14.2998H6.99902V13H15.6367C15.9779 11.1371 17.6088 9.72461 19.5703 9.72461ZM19.5703 11.0254C18.0791 11.0254 16.8701 12.2344 16.8701 13.7256C16.8704 15.2165 18.0793 16.4258 19.5703 16.4258C21.0613 16.4258 22.2702 15.2165 22.2705 13.7256C22.2705 12.2344 21.0615 11.0254 19.5703 11.0254Z\"\n      />\n    </>\n  );\n\n  const xSmall = (\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M22.111 27.892a2.974 2.974 0 0 1 2.905 2.342h11.935v1.264H25.015a2.973 2.973 0 0 1-2.904 2.34l-.303-.015a2.973 2.973 0 0 1-2.6-2.325H11.68v-1.264h7.529a2.973 2.973 0 0 1 2.903-2.342Zm0 1.263a1.71 1.71 0 1 0 .001 3.42 1.71 1.71 0 0 0 0-3.42Zm8.669-8.229a2.974 2.974 0 0 1 2.904 2.343h3.267v1.263h-3.268a2.973 2.973 0 0 1-2.904 2.341l-.303-.016a2.973 2.973 0 0 1-2.599-2.325H11.679v-1.263h16.197a2.973 2.973 0 0 1 2.903-2.343Zm0 1.263a1.71 1.71 0 1 0 0 3.421 1.71 1.71 0 0 0 0-3.42Zm-11.987-8.295a2.974 2.974 0 0 1 2.905 2.34h15.253v1.264H21.697a2.973 2.973 0 0 1-2.904 2.342l-.303-.015a2.973 2.973 0 0 1-2.6-2.327h-4.21v-1.263h4.21a2.973 2.973 0 0 1 2.903-2.341Zm0 1.263a1.71 1.71 0 1 0 .001 3.42 1.71 1.71 0 0 0 0-3.42Z\"\n    />\n  );\n\n  const xSmallHover = (\n    <path\n      fill-rule=\"evenodd\"\n      clip-rule=\"evenodd\"\n      d=\"M19.585 27.892a2.975 2.975 0 0 1 2.906 2.342h14.46v1.264H22.489a2.973 2.973 0 0 1-2.904 2.34l-.303-.015a2.974 2.974 0 0 1-2.6-2.327h-5.003v-1.263h5.001a2.974 2.974 0 0 1 2.905-2.341Zm0 1.263a1.71 1.71 0 1 0 0 3.42 1.71 1.71 0 0 0 0-3.42Zm11.195-8.229a2.974 2.974 0 0 1 2.904 2.343h3.267v1.263h-3.268a2.973 2.973 0 0 1-2.904 2.341l-.303-.016a2.973 2.973 0 0 1-2.599-2.325H11.679v-1.263h16.197a2.973 2.973 0 0 1 2.903-2.343Zm0 1.263a1.71 1.71 0 1 0 0 3.421 1.71 1.71 0 0 0 0-3.42Zm-9.46-8.295a2.974 2.974 0 0 1 2.904 2.34h12.727v1.264H24.223a2.973 2.973 0 0 1-2.904 2.342l-.303-.015a2.973 2.973 0 0 1-2.6-2.327H11.68v-1.263h6.737a2.973 2.973 0 0 1 2.903-2.341Zm0 1.263a1.71 1.71 0 1 0 0 3.42 1.71 1.71 0 0 0 0-3.42Z\"\n    />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default Filter;\n"],"mappings":";;AAIA,IAAMA,UAAkC,EAAE,MAAM,gBAAkD;AA6ChG,QAAO,QAAQ;EAAE;EAAM;EAAW,QA3ChC,oBAAC,QAAA;GACC,aAAU;GACV,aAAU;GACV,GAAE;IACF;EAuCsC,aAnCxC,qBAAA,UAAA,EAAA,UAAA;GACE,oBAAC,QAAA;IACC,aAAU;IACV,aAAU;IACV,GAAE;KACF;GACF,oBAAC,QAAA;IACC,aAAU;IACV,aAAU;IACV,GAAE;KACF;GACF,oBAAC,QAAA;IACC,aAAU;IACV,aAAU;IACV,GAAE;KACF;MACD;EAmBkD,QAfrD,oBAAC,QAAA;GACC,aAAU;GACV,aAAU;GACV,GAAE;IACF;EAW2D,aAP7D,oBAAC,QAAA;GACC,aAAU;GACV,aAAU;GACV,GAAE;IACF;EAGwE,CAAC;;AAG/E,IAAA,iBAAe"}

package/lib/FilterButton.js

@@ -0,0 +1,40 @@
+import { a as IconSize, s as LanguageLocales } from "./constants2.js";
+import { t as usePseudoClasses } from "./usePseudoClasses.js";
+import { t as Icon_default } from "./Icon.js";
+import { n as useLanguage } from "./useLanguage.js";
+import { t as Filter_default } from "./Filter.js";
+import { t as getResources } from "./resourceHelper.js";
+import cn from "classnames";
+import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./components/Filter/FilterButton/styles.module.scss";
+var FilterButton = (props) => {
+	const { resources } = props;
+	const { language } = useLanguage(LanguageLocales.NORWEGIAN);
+	const mergedResources = {
+		...getResources(language),
+		...resources
+	};
+	const buttonRef = useRef(null);
+	const { isHovered } = usePseudoClasses(buttonRef);
+	return /* @__PURE__ */ jsx("button", {
+		...props,
+		className: styles["filter-button"],
+		ref: buttonRef,
+		children: /* @__PURE__ */ jsxs("span", {
+			className: cn(styles["filter-button__inner"], { [styles["filter-button__inner--hovered"]]: isHovered }),
+			children: [/* @__PURE__ */ jsx(Icon_default, {
+				svgIcon: Filter_default,
+				isHovered,
+				size: IconSize.XSmall
+			}), /* @__PURE__ */ jsx("span", {
+				className: styles["filter-button__text"],
+				children: mergedResources.filterButtonText
+			})]
+		})
+	});
+};
+var FilterButton_default$1 = FilterButton;
+export { FilterButton_default$1 as t };
+
+//# sourceMappingURL=FilterButton.js.map

package/lib/FilterButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButton.js","names":["FilterButton: React.FC<FilterButtonProps>"],"sources":["../src/components/Filter/FilterButton/FilterButton.tsx","../src/components/Filter/FilterButton/index.ts"],"sourcesContent":["import { useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { HNDesignsystemFilter } from '../../../resources/Resources';\n\nimport { IconSize, LanguageLocales } from '../../../constants';\nimport { useLanguage } from '../../../hooks/useLanguage';\nimport { usePseudoClasses } from '../../../hooks/usePseudoClasses';\nimport Icon from '../../Icon';\nimport Filter from '../../Icons/Filter';\nimport { getResources } from '../resourceHelper';\n\nimport styles from './styles.module.scss';\n\nexport interface FilterButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Texts if overriding SOT */\n  resources?: Partial<HNDesignsystemFilter>;\n}\n\nconst FilterButton: React.FC<FilterButtonProps> = props => {\n  const { resources } = props;\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { isHovered } = usePseudoClasses(buttonRef);\n\n  return (\n    <button {...props} className={styles['filter-button']} ref={buttonRef}>\n      <span\n        className={classNames(styles['filter-button__inner'], {\n          [styles['filter-button__inner--hovered']]: isHovered,\n        })}\n      >\n        <Icon svgIcon={Filter} isHovered={isHovered} size={IconSize.XSmall} />\n        <span className={styles['filter-button__text']}>{mergedResources.filterButtonText}</span>\n      </span>\n    </button>\n  );\n};\n\nexport default FilterButton;\n","import FilterButton from './FilterButton';\nexport * from './FilterButton';\nexport default FilterButton;\n"],"mappings":";;;;;;;;;;AAoBA,IAAMA,gBAA4C,UAAS;CACzD,MAAM,EAAE,cAAc;CAEtB,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;CAG5E,MAAM,kBAAkB;EACtB,GAHuB,aAAa,SAAS;EAI7C,GAAG;EACJ;CAED,MAAM,YAAY,OAA0B,KAAK;CACjD,MAAM,EAAE,cAAc,iBAAiB,UAAU;AAEjD,QACE,oBAAC,UAAA;EAAO,GAAI;EAAO,WAAW,OAAO;EAAkB,KAAK;YAC1D,qBAAC,QAAA;GACC,WAAW,GAAW,OAAO,yBAAyB,GACnD,OAAO,mCAAmC,WAC5C,CAAC;cAEF,oBAAC,cAAA;IAAK,SAAS;IAAmB;IAAW,MAAM,SAAS;KAAU,EACtE,oBAAC,QAAA;IAAK,WAAW,OAAO;cAAyB,gBAAgB;KAAwB,CAAA;IACpF;GACA;;AC1Cb,IAAA,yBD8Ce"}

package/lib/FilterButtonAndChipsWrapper.js

@@ -0,0 +1,14 @@
+import cn from "classnames";
+import { jsxs } from "react/jsx-runtime";
+import styles from "./components/Filter/FilterButtonAndChipsWrapper/styles.module.scss";
+var FilterButtonAndChipsWrapper = ({ filterButtonComponent, filterChips, testId }) => {
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(styles["filter-chip-bar"]),
+		"data-testid": testId,
+		children: [filterButtonComponent, filterChips]
+	});
+};
+var FilterButtonAndChipsWrapper_default$1 = FilterButtonAndChipsWrapper;
+export { FilterButtonAndChipsWrapper_default$1 as t };
+
+//# sourceMappingURL=FilterButtonAndChipsWrapper.js.map

package/lib/FilterButtonAndChipsWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterButtonAndChipsWrapper.js","names":["FilterButtonAndChipsWrapper: React.FC<FilterButtonAndChipsWrapperProps>"],"sources":["../src/components/Filter/FilterButtonAndChipsWrapper/FilterButtonAndChipsWrapper.tsx","../src/components/Filter/FilterButtonAndChipsWrapper/index.ts"],"sourcesContent":["import type React from 'react';\n\nimport classNames from 'classnames';\n\nimport styles from './styles.module.scss';\n\nexport interface FilterButtonAndChipsWrapperProps {\n  /** FilterButton content area */\n  filterButtonComponent: React.ReactNode;\n  /** Content area for rendering filter chips */\n  filterChips: React.ReactNode[];\n  /** test id that is placed on the wrapper */\n  testId?: string;\n}\n\nconst FilterButtonAndChipsWrapper: React.FC<FilterButtonAndChipsWrapperProps> = ({ filterButtonComponent, filterChips, testId }) => {\n  return (\n    <div className={classNames(styles['filter-chip-bar'])} data-testid={testId}>\n      {filterButtonComponent}\n      {filterChips}\n    </div>\n  );\n};\n\nexport default FilterButtonAndChipsWrapper;\n","import FilterButtonAndChipsWrapper from './FilterButtonAndChipsWrapper';\nexport * from './FilterButtonAndChipsWrapper';\nexport default FilterButtonAndChipsWrapper;\n"],"mappings":";;;AAeA,IAAMA,+BAA2E,EAAE,uBAAuB,aAAa,aAAa;AAClI,QACE,qBAAC,OAAA;EAAI,WAAW,GAAW,OAAO,mBAAmB;EAAE,eAAa;aACjE,uBACA,YAAA;GACG;;AClBV,IAAA,wCDsBe"}

package/lib/FilterDrawer.js

@@ -0,0 +1,91 @@
+import { s as LanguageLocales } from "./constants2.js";
+import { n as useLanguage } from "./useLanguage.js";
+import { t as Button_default } from "./Button.js";
+import { t as formatResource } from "./resource.js";
+import { t as DrawerNavigation_default } from "./DrawerNavigation.js";
+import { t as getResources } from "./resourceHelper.js";
+import { Children, isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./components/Filter/FilterDrawer/styles.module.scss";
+function FilterDrawerOverview(_props) {
+	return null;
+}
+function FilterDrawerView(_props) {
+	return null;
+}
+function FilterDrawer({ drawer, onClose, footer, onReset, resultCount, resources, children }) {
+	const { language } = useLanguage(LanguageLocales.NORWEGIAN);
+	const mergedResources = {
+		...getResources(language),
+		...resources
+	};
+	const handleClose = () => {
+		if (onClose) onClose();
+		else drawer.close();
+	};
+	const showResultButtonText = resultCount !== void 0 ? formatResource(mergedResources.showButtonText, resultCount) : mergedResources.showButtonText;
+	const defaultResetButton = onReset && /* @__PURE__ */ jsx(Button_default, {
+		onClick: onReset,
+		variant: "borderless",
+		children: mergedResources.resetButtonText
+	});
+	const defaultShowResultsButton = showResultButtonText && /* @__PURE__ */ jsx(Button_default, {
+		onClick: handleClose,
+		children: showResultButtonText
+	});
+	const defaultFooter = onReset || showResultButtonText ? /* @__PURE__ */ jsxs("div", {
+		className: styles["filter-drawer__footer"],
+		children: [defaultResetButton, defaultShowResultsButton]
+	}) : void 0;
+	const fallbackFooter = footer ?? defaultFooter;
+	const generateViewFooter = (viewOnReset, viewOnClose, noResetButton) => {
+		if (!viewOnReset && !viewOnClose && !noResetButton) return;
+		return /* @__PURE__ */ jsxs("div", {
+			className: styles["filter-drawer__footer"],
+			children: [!noResetButton && (viewOnReset ? /* @__PURE__ */ jsx(Button_default, {
+				onClick: viewOnReset,
+				variant: "borderless",
+				children: mergedResources.resetButtonText
+			}) : defaultResetButton), viewOnClose ? /* @__PURE__ */ jsx(Button_default, {
+				onClick: viewOnClose,
+				children: showResultButtonText ?? mergedResources.showButtonText
+			}) : defaultShowResultsButton]
+		});
+	};
+	const processedChildren = Children.map(children, (child) => {
+		if (isValidElement(child) && child.type === FilterDrawerOverview) {
+			const viewFooter = generateViewFooter(child.props.onReset, child.props.onClose, child.props.noResetButton) ?? child.props.footer ?? fallbackFooter;
+			return /* @__PURE__ */ jsx(DrawerNavigation_default.View, {
+				id: "overview",
+				home: true,
+				title: child.props.title,
+				children: child.props.children,
+				drawerContentClassname: styles["filter-drawer__view"],
+				footer: viewFooter
+			});
+		}
+		if (isValidElement(child)) {
+			const viewFooter = generateViewFooter(child.props.onReset, child.props.onClose, child.props.noResetButton) ?? child.props.footer ?? fallbackFooter;
+			return /* @__PURE__ */ jsx(DrawerNavigation_default.View, {
+				id: child.props.id,
+				title: child.props.title,
+				children: child.props.children,
+				drawerContentClassname: styles["filter-drawer__view"],
+				footer: viewFooter
+			});
+		} else return child;
+	});
+	return /* @__PURE__ */ jsx(DrawerNavigation_default, {
+		isOpen: drawer.isOpen,
+		initialView: drawer.initialView,
+		onCloseButton: handleClose,
+		footer: footer ?? defaultFooter,
+		children: processedChildren
+	});
+}
+FilterDrawer.Overview = FilterDrawerOverview;
+FilterDrawer.View = FilterDrawerView;
+var FilterDrawer_default$1 = FilterDrawer;
+export { FilterDrawer_default$1 as t };
+
+//# sourceMappingURL=FilterDrawer.js.map

package/lib/FilterDrawer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterDrawer.js","names":[],"sources":["../src/components/Filter/FilterDrawer/FilterDrawer.tsx","../src/components/Filter/FilterDrawer/index.ts"],"sourcesContent":["import { Children, isValidElement } from 'react';\n\nimport type { HNDesignsystemFilter } from '../../../resources/Resources';\nimport type { UseFilterDrawerReturn } from '../useFilterDrawer';\n\nimport { LanguageLocales } from '../../../constants';\nimport { useLanguage } from '../../../hooks/useLanguage';\nimport { formatResource } from '../../../utils/resource';\nimport Button from '../../Button';\nimport DrawerNavigation, { type DrawerViewProps } from '../DrawerNavigation/DrawerNavigation';\nimport { getResources } from '../resourceHelper';\n\nimport styles from './styles.module.scss';\n\nexport interface FilterDrawerProps<ViewId extends string = string> {\n  /** The drawer state from useFilterDrawer */\n  drawer: UseFilterDrawerReturn<ViewId>;\n  /** Additional callback when the drawer closes (drawer.close() is always called automatically) */\n  onClose?: () => void;\n  /** Fully custom footer — overrides the default footer built from onReset/resultText */\n  footer?: React.ReactNode;\n  /** If provided, shows a \"Nullstill filter\" button in the default footer */\n  onReset?: () => void;\n  /** If provided, shows a result count button (e.g. \"Vis 5 treff\") that closes the drawer */\n  resultCount?: number;\n  /** Resources for the component */\n  resources?: Partial<HNDesignsystemFilter>;\n  /** DrawerNavigation.View children defining the overview and filter views */\n  children: React.ReactNode;\n}\n\nexport interface FilterDrawerViewProps extends DrawerViewProps {\n  /** Hide reset button for view */\n  noResetButton?: boolean;\n  /** View specific close handler */\n  onClose?: () => void;\n  /** View specific reset handler */\n  onReset?: () => void;\n}\n\n/**\n * Never rendered directly — FilterDrawer reads its props and creates a DrawerNavigation.View\n * with id=\"overview\" and home=true.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction FilterDrawerOverview(_props: Omit<DrawerViewProps, 'id' | 'home'>): React.ReactNode {\n  return null;\n}\n\n/**\n * Never rendered directly — FilterDrawer reads its props and creates a FilterDrawerView\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nfunction FilterDrawerView(_props: FilterDrawerViewProps): React.ReactNode {\n  // DrawerView is never rendered directly — DrawerNavigation reads its props\n  return null;\n}\n\nfunction FilterDrawer<ViewId extends string>({\n  drawer,\n  onClose,\n  footer,\n  onReset,\n  resultCount,\n  resources,\n  children,\n}: FilterDrawerProps<ViewId>): React.ReactNode {\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n  const mergedResources = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  const handleClose = (): void => {\n    if (onClose) {\n      onClose();\n    } else {\n      drawer.close();\n    }\n  };\n\n  const showResultButtonText =\n    resultCount !== undefined ? formatResource(mergedResources.showButtonText, resultCount) : mergedResources.showButtonText;\n\n  const defaultResetButton = onReset && (\n    <Button onClick={onReset} variant=\"borderless\">\n      {mergedResources.resetButtonText}\n    </Button>\n  );\n  const defaultShowResultsButton = showResultButtonText && <Button onClick={handleClose}>{showResultButtonText}</Button>;\n\n  const defaultFooter =\n    onReset || showResultButtonText ? (\n      <div className={styles['filter-drawer__footer']}>\n        {defaultResetButton}\n        {defaultShowResultsButton}\n      </div>\n    ) : undefined;\n\n  const fallbackFooter = footer ?? defaultFooter;\n\n  const generateViewFooter = (viewOnReset?: () => void, viewOnClose?: () => void, noResetButton?: boolean): React.ReactNode => {\n    if (!viewOnReset && !viewOnClose && !noResetButton) {\n      return undefined;\n    }\n\n    return (\n      <div className={styles['filter-drawer__footer']}>\n        {!noResetButton &&\n          (viewOnReset ? (\n            <Button onClick={viewOnReset} variant=\"borderless\">\n              {mergedResources.resetButtonText}\n            </Button>\n          ) : (\n            defaultResetButton\n          ))}\n        {viewOnClose ? (\n          <Button onClick={viewOnClose}>{showResultButtonText ?? mergedResources.showButtonText}</Button>\n        ) : (\n          defaultShowResultsButton\n        )}\n      </div>\n    );\n  };\n\n  const processedChildren = Children.map(children, child => {\n    if (isValidElement<Omit<FilterDrawerViewProps, 'id' | 'home'>>(child) && child.type === FilterDrawerOverview) {\n      const viewDefaultFooter = generateViewFooter(child.props.onReset, child.props.onClose, child.props.noResetButton);\n      const viewFooter = viewDefaultFooter ?? child.props.footer ?? fallbackFooter;\n      return (\n        <DrawerNavigation.View\n          id=\"overview\"\n          home\n          title={child.props.title}\n          children={child.props.children}\n          drawerContentClassname={styles['filter-drawer__view']}\n          footer={viewFooter}\n        />\n      );\n    }\n    if (isValidElement<FilterDrawerViewProps>(child)) {\n      const viewDefaultFooter = generateViewFooter(child.props.onReset, child.props.onClose, child.props.noResetButton);\n      const viewFooter = viewDefaultFooter ?? child.props.footer ?? fallbackFooter;\n      return (\n        <DrawerNavigation.View\n          id={child.props.id}\n          title={child.props.title}\n          children={child.props.children}\n          drawerContentClassname={styles['filter-drawer__view']}\n          footer={viewFooter}\n        />\n      );\n    } else {\n      return child;\n    }\n  });\n\n  return (\n    <DrawerNavigation isOpen={drawer.isOpen} initialView={drawer.initialView} onCloseButton={handleClose} footer={footer ?? defaultFooter}>\n      {processedChildren}\n    </DrawerNavigation>\n  );\n}\n\nFilterDrawer.Overview = FilterDrawerOverview;\nFilterDrawer.View = FilterDrawerView;\n\nexport default FilterDrawer;\n","import FilterDrawer from './FilterDrawer';\nexport * from './FilterDrawer';\nexport default FilterDrawer;\n"],"mappings":";;;;;;;;;AA6CA,SAAS,qBAAqB,QAA+D;AAC3F,QAAO;;AAOT,SAAS,iBAAiB,QAAgD;AAExE,QAAO;;AAGT,SAAS,aAAoC,EAC3C,QACA,SACA,QACA,SACA,aACA,WACA,YAC6C;CAC7C,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;CAE5E,MAAM,kBAAkB;EACtB,GAFuB,aAAa,SAAS;EAG7C,GAAG;EACJ;CAED,MAAM,oBAA0B;AAC9B,MAAI,QACF,UAAS;MAET,QAAO,OAAO;;CAIlB,MAAM,uBACJ,gBAAgB,KAAA,IAAY,eAAe,gBAAgB,gBAAgB,YAAY,GAAG,gBAAgB;CAE5G,MAAM,qBAAqB,WACzB,oBAAC,gBAAA;EAAO,SAAS;EAAS,SAAQ;YAC/B,gBAAgB;GACV;CAEX,MAAM,2BAA2B,wBAAwB,oBAAC,gBAAA;EAAO,SAAS;YAAc;GAA8B;CAEtH,MAAM,gBACJ,WAAW,uBACT,qBAAC,OAAA;EAAI,WAAW,OAAO;aACpB,oBACA,yBAAA;GACG,GACJ,KAAA;CAEN,MAAM,iBAAiB,UAAU;CAEjC,MAAM,sBAAsB,aAA0B,aAA0B,kBAA6C;AAC3H,MAAI,CAAC,eAAe,CAAC,eAAe,CAAC,cACnC;AAGF,SACE,qBAAC,OAAA;GAAI,WAAW,OAAO;cACpB,CAAC,kBACC,cACC,oBAAC,gBAAA;IAAO,SAAS;IAAa,SAAQ;cACnC,gBAAgB;KACV,GAET,qBAEH,cACC,oBAAC,gBAAA;IAAO,SAAS;cAAc,wBAAwB,gBAAgB;KAAwB,GAE/F,yBAAA;IAEE;;CAIV,MAAM,oBAAoB,SAAS,IAAI,WAAU,UAAS;AACxD,MAAI,eAA2D,MAAM,IAAI,MAAM,SAAS,sBAAsB;GAE5G,MAAM,aADoB,mBAAmB,MAAM,MAAM,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM,cAAc,IACzE,MAAM,MAAM,UAAU;AAC9D,UACE,oBAAC,yBAAiB,MAAA;IAChB,IAAG;IACH,MAAA;IACA,OAAO,MAAM,MAAM;IACnB,UAAU,MAAM,MAAM;IACtB,wBAAwB,OAAO;IAC/B,QAAQ;KACR;;AAGN,MAAI,eAAsC,MAAM,EAAE;GAEhD,MAAM,aADoB,mBAAmB,MAAM,MAAM,SAAS,MAAM,MAAM,SAAS,MAAM,MAAM,cAAc,IACzE,MAAM,MAAM,UAAU;AAC9D,UACE,oBAAC,yBAAiB,MAAA;IAChB,IAAI,MAAM,MAAM;IAChB,OAAO,MAAM,MAAM;IACnB,UAAU,MAAM,MAAM;IACtB,wBAAwB,OAAO;IAC/B,QAAQ;KACR;QAGJ,QAAO;GAET;AAEF,QACE,oBAAC,0BAAA;EAAiB,QAAQ,OAAO;EAAQ,aAAa,OAAO;EAAa,eAAe;EAAa,QAAQ,UAAU;YACrH;GACgB;;AAIvB,aAAa,WAAW;AACxB,aAAa,OAAO;ACpKpB,IAAA,yBDsKe"}

package/lib/FilterLinkList.js

@@ -0,0 +1,61 @@
+import { a as IconSize, n as AnalyticsId } from "./constants2.js";
+import { t as usePseudoClasses } from "./usePseudoClasses.js";
+import { t as Icon_default } from "./Icon.js";
+import { t as ChevronRight_default } from "./ChevronRight.js";
+import cn from "classnames";
+import React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import styles from "./components/Filter/FilterLinkList/FilterLinkList.module.scss";
+const Link = (props) => {
+	const { children, title, chips, className = "", linkRef, testId, ref, ...restProps } = props;
+	const { refObject, isHovered } = usePseudoClasses(linkRef);
+	const liClasses = cn(styles["link-list__item"]);
+	const linkClasses = cn(styles["link-list__button"], className);
+	return /* @__PURE__ */ jsx("li", {
+		className: liClasses,
+		ref,
+		"data-testid": testId,
+		"data-analyticsid": AnalyticsId.Link,
+		children: /* @__PURE__ */ jsxs("button", {
+			className: linkClasses,
+			ref: refObject,
+			type: "button",
+			...restProps,
+			children: [/* @__PURE__ */ jsx("div", {
+				className: styles["link-list__button__content"],
+				children: title ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", { children: title }), chips && chips.length > 0 && /* @__PURE__ */ jsx("div", {
+					className: styles["link-list__chip-list"],
+					children: chips.map((chip) => /* @__PURE__ */ jsx("span", {
+						className: styles["link-list__chip"],
+						children: chip
+					}, chip))
+				})] }) : /* @__PURE__ */ jsx(Fragment, { children })
+			}), /* @__PURE__ */ jsx(Icon_default, {
+				svgIcon: ChevronRight_default,
+				isHovered,
+				size: IconSize.XSmall,
+				color: "var(--color-action-graphics-onlight)"
+			})]
+		})
+	});
+};
+var LinkListComponent = (props) => {
+	const { children, className = "", testId, ref } = props;
+	return /* @__PURE__ */ jsx("ul", {
+		ref,
+		className: cn(styles["link-list"], className),
+		"data-testid": testId,
+		"data-analyticsid": AnalyticsId.LinkList,
+		children: React.Children.map(children, (child) => {
+			if (React.isValidElement(child) && child.type === Link) return React.cloneElement(child);
+		})
+	});
+};
+const FilterLinkList = LinkListComponent;
+FilterLinkList.displayName = "FilterLinkList";
+FilterLinkList.Link = Link;
+Link.displayName = "FilterLinkList.Link";
+var FilterLinkList_default = FilterLinkList;
+export { FilterLinkList_default as n, Link as r, FilterLinkList as t };
+
+//# sourceMappingURL=FilterLinkList.js.map

package/lib/FilterLinkList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterLinkList.js","names":["Link: LinkType","LinkListComponent: React.FC<LinkListProps>"],"sources":["../src/components/Filter/FilterLinkList/FilterLinkList.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { AnalyticsId, IconSize } from '../../../constants';\nimport { usePseudoClasses } from '../../../hooks/usePseudoClasses';\nimport Icon from '../../Icon';\nimport ChevronRight from '../../Icons/ChevronRight';\n\nimport styles from './FilterLinkList.module.scss';\n\nexport type LinkType = React.FC<LinkProps>;\n\nexport interface CompoundComponent extends React.FC<LinkListProps> {\n  Link: LinkType;\n}\n\nexport interface LinkListProps {\n  /** Items in the LinkList */\n  children: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Ref passed to the ul element */\n  ref?: React.Ref<HTMLUListElement | null>;\n}\n\ntype Modify<T, R> = Omit<T, keyof R> & R;\n\nexport type LinkProps = Modify<\n  React.HTMLAttributes<HTMLAnchorElement | HTMLButtonElement>,\n  {\n    /** If needed children will be content instead of title and chips. Use only in edge cases */\n    children?: React.ReactNode;\n    /** Title text on link element */\n    title?: string;\n    /** Texts rendered inside non-interactive chips on link element */\n    chips?: string[];\n    /** Custom classname for link element */\n    className?: string;\n    /** Ref for button */\n    linkRef?: React.RefObject<HTMLButtonElement | null>;\n    /** Sets the data-testid attribute. */\n    testId?: string;\n    /** Ref passed to the list item element */\n    ref?: React.Ref<HTMLLIElement | null>;\n  }\n>;\n\nexport const Link: LinkType = (props: LinkProps) => {\n  const { children, title, chips, className = '', linkRef, testId, ref, ...restProps } = props;\n  const { refObject, isHovered } = usePseudoClasses<HTMLButtonElement | null>(linkRef);\n\n  const liClasses = cn(styles['link-list__item']);\n  const linkClasses = cn(styles['link-list__button'], className);\n\n  return (\n    <li className={liClasses} ref={ref} data-testid={testId} data-analyticsid={AnalyticsId.Link}>\n      <button className={linkClasses} ref={refObject as React.RefObject<HTMLButtonElement>} type=\"button\" {...restProps}>\n        <div className={styles['link-list__button__content']}>\n          {title ? (\n            <>\n              <span>{title}</span>\n              {chips && chips.length > 0 && (\n                <div className={styles['link-list__chip-list']}>\n                  {chips.map(chip => (\n                    <span className={styles['link-list__chip']} key={chip}>\n                      {chip}\n                    </span>\n                  ))}\n                </div>\n              )}\n            </>\n          ) : (\n            <>{children}</>\n          )}\n        </div>\n        <Icon svgIcon={ChevronRight} isHovered={isHovered} size={IconSize.XSmall} color={'var(--color-action-graphics-onlight)'} />\n      </button>\n    </li>\n  );\n};\n\nconst LinkListComponent: React.FC<LinkListProps> = (props: LinkListProps) => {\n  const { children, className = '', testId, ref } = props;\n\n  const listClassNames = cn(styles['link-list'], className);\n\n  return (\n    <ul ref={ref} className={listClassNames} data-testid={testId} data-analyticsid={AnalyticsId.LinkList}>\n      {React.Children.map(children, (child: React.ReactNode) => {\n        if (React.isValidElement<LinkProps>(child) && child.type === Link) {\n          return React.cloneElement(child);\n        }\n      })}\n    </ul>\n  );\n};\n\nexport const FilterLinkList = LinkListComponent as CompoundComponent;\n\nFilterLinkList.displayName = 'FilterLinkList';\nFilterLinkList.Link = Link;\nLink.displayName = 'FilterLinkList.Link';\n\nexport default FilterLinkList;\n"],"mappings":";;;;;;;;AAkDA,MAAaA,QAAkB,UAAqB;CAClD,MAAM,EAAE,UAAU,OAAO,OAAO,YAAY,IAAI,SAAS,QAAQ,KAAK,GAAG,cAAc;CACvF,MAAM,EAAE,WAAW,cAAc,iBAA2C,QAAQ;CAEpF,MAAM,YAAY,GAAG,OAAO,mBAAmB;CAC/C,MAAM,cAAc,GAAG,OAAO,sBAAsB,UAAU;AAE9D,QACE,oBAAC,MAAA;EAAG,WAAW;EAAgB;EAAK,eAAa;EAAQ,oBAAkB,YAAY;YACrF,qBAAC,UAAA;GAAO,WAAW;GAAa,KAAK;GAAiD,MAAK;GAAS,GAAI;cACtG,oBAAC,OAAA;IAAI,WAAW,OAAO;cACpB,QACC,qBAAA,UAAA,EAAA,UAAA,CACE,oBAAC,QAAA,EAAA,UAAM,OAAA,CAAa,EACnB,SAAS,MAAM,SAAS,KACvB,oBAAC,OAAA;KAAI,WAAW,OAAO;eACpB,MAAM,KAAI,SACT,oBAAC,QAAA;MAAK,WAAW,OAAO;gBACrB;QAD8C,KAE1C,CACP;MACE,CAAA,EAAA,CAEP,GAEH,oBAAA,UAAA,EAAG,UAAA,CAAY;KAEb,EACN,oBAAC,cAAA;IAAK,SAAS;IAAyB;IAAW,MAAM,SAAS;IAAQ,OAAO;KAA0C,CAAA;IACpH;GACN;;AAIT,IAAMC,qBAA8C,UAAyB;CAC3E,MAAM,EAAE,UAAU,YAAY,IAAI,QAAQ,QAAQ;AAIlD,QACE,oBAAC,MAAA;EAAQ;EAAK,WAHO,GAAG,OAAO,cAAc,UAAU;EAGd,eAAa;EAAQ,oBAAkB,YAAY;YACzF,MAAM,SAAS,IAAI,WAAW,UAA2B;AACxD,OAAI,MAAM,eAA0B,MAAM,IAAI,MAAM,SAAS,KAC3D,QAAO,MAAM,aAAa,MAAM;IAElC;GACC;;AAIT,MAAa,iBAAiB;AAE9B,eAAe,cAAc;AAC7B,eAAe,OAAO;AACtB,KAAK,cAAc;AAEnB,IAAA,yBAAe"}

package/lib/FilterLinkList2.js

@@ -0,0 +1,5 @@
+import { n as FilterLinkList_default } from "./FilterLinkList.js";
+var FilterLinkList_default$1 = FilterLinkList_default;
+export { FilterLinkList_default$1 as t };
+
+//# sourceMappingURL=FilterLinkList2.js.map

package/lib/FilterLinkList2.js.map

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

package/lib/FilterOverviewLinkList.js

@@ -0,0 +1,22 @@
+import { r as useDrawerNavigation } from "./DrawerNavigation.js";
+import { n as FilterLinkList_default } from "./FilterLinkList.js";
+import { jsx } from "react/jsx-runtime";
+function FilterOverviewLinkList({ filter, getLabel, links }) {
+	const { goToView } = useDrawerNavigation();
+	return /* @__PURE__ */ jsx(FilterLinkList_default, { children: links.map(({ filterKey, title, viewId }) => {
+		const raw = filter.filters[filterKey];
+		let chips;
+		if (Array.isArray(raw)) chips = raw.map((v) => getLabel(filterKey, v));
+		else if (raw !== void 0 && raw !== null) chips = [getLabel(filterKey, raw)];
+		else chips = [];
+		return /* @__PURE__ */ jsx(FilterLinkList_default.Link, {
+			title,
+			chips,
+			onClick: () => goToView(viewId ?? filterKey)
+		}, filterKey);
+	}) });
+}
+var FilterOverviewLinkList_default$1 = FilterOverviewLinkList;
+export { FilterOverviewLinkList_default$1 as t };
+
+//# sourceMappingURL=FilterOverviewLinkList.js.map

package/lib/FilterOverviewLinkList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterOverviewLinkList.js","names":["chips: string[]"],"sources":["../src/components/Filter/FilterOverviewLinkList/FilterOverviewLinkList.tsx","../src/components/Filter/FilterOverviewLinkList/index.ts"],"sourcesContent":["import type { FilterValues, UseFilterReturn } from '../useFilter';\n\nimport { useDrawerNavigation } from '../DrawerNavigation';\nimport FilterLinkList from '../FilterLinkList/FilterLinkList';\n\nexport interface FilterOverviewLink {\n  /** The filter key to read values from */\n  filterKey: string;\n  /** Display title for the link */\n  title: string;\n  /** View ID to navigate to when clicked. Defaults to filterKey */\n  viewId?: string;\n}\n\nexport interface FilterOverviewLinkListProps<T extends FilterValues> {\n  /** The filter instance from useFilter */\n  filter: UseFilterReturn<T>;\n  /** Look up the display label for a filter key + value */\n  getLabel: (key: keyof T, value: unknown) => string;\n  /** Configuration for which filter keys to show as links */\n  links: FilterOverviewLink[];\n}\n\nfunction FilterOverviewLinkList<T extends FilterValues>({ filter, getLabel, links }: FilterOverviewLinkListProps<T>): React.ReactNode {\n  const { goToView } = useDrawerNavigation();\n\n  return (\n    <FilterLinkList>\n      {links.map(({ filterKey, title, viewId }) => {\n        const raw = filter.filters[filterKey as keyof T];\n\n        let chips: string[];\n        if (Array.isArray(raw)) {\n          chips = raw.map(v => getLabel(filterKey as keyof T, v));\n        } else if (raw !== undefined && raw !== null) {\n          chips = [getLabel(filterKey as keyof T, raw)];\n        } else {\n          chips = [];\n        }\n\n        return <FilterLinkList.Link key={filterKey} title={title} chips={chips} onClick={() => goToView(viewId ?? filterKey)} />;\n      })}\n    </FilterLinkList>\n  );\n}\n\nexport default FilterOverviewLinkList;\n","import FilterOverviewLinkList from './FilterOverviewLinkList';\nexport * from './FilterOverviewLinkList';\nexport default FilterOverviewLinkList;\n"],"mappings":";;;AAuBA,SAAS,uBAA+C,EAAE,QAAQ,UAAU,SAA0D;CACpI,MAAM,EAAE,aAAa,qBAAqB;AAE1C,QACE,oBAAC,wBAAA,EAAA,UACE,MAAM,KAAK,EAAE,WAAW,OAAO,aAAa;EAC3C,MAAM,MAAM,OAAO,QAAQ;EAE3B,IAAIA;AACJ,MAAI,MAAM,QAAQ,IAAI,CACpB,SAAQ,IAAI,KAAI,MAAK,SAAS,WAAsB,EAAE,CAAC;WAC9C,QAAQ,KAAA,KAAa,QAAQ,KACtC,SAAQ,CAAC,SAAS,WAAsB,IAAI,CAAC;MAE7C,SAAQ,EAAE;AAGZ,SAAO,oBAAC,uBAAe,MAAA;GAA4B;GAAc;GAAO,eAAe,SAAS,UAAU,UAAU;KAAnF,UAAuF;GACxH,EAAA,CACa;;ACxCrB,IAAA,mCD4Ce"}

package/lib/FilterOverviewSearch.js

@@ -0,0 +1,16 @@
+import { t as FilterSearch_default } from "./FilterSearch.js";
+import cn from "classnames";
+import { jsx } from "react/jsx-runtime";
+import styles from "./components/Filter/FilterOverviewSearch/styles.module.scss";
+var FilterOverviewSearch = (props) => {
+	const { wrapperClassName, testId, ...filterSearchProps } = props;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(styles["filter-overview-search"], wrapperClassName),
+		"data-testid": testId,
+		children: /* @__PURE__ */ jsx(FilterSearch_default, { ...filterSearchProps })
+	});
+};
+var FilterOverviewSearch_default$1 = FilterOverviewSearch;
+export { FilterOverviewSearch_default$1 as t };
+
+//# sourceMappingURL=FilterOverviewSearch.js.map

package/lib/FilterOverviewSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterOverviewSearch.js","names":["FilterOverviewSearch: React.FC<FilterOverviewSearchProps>"],"sources":["../src/components/Filter/FilterOverviewSearch/FilterOverviewSearch.tsx","../src/components/Filter/FilterOverviewSearch/index.ts"],"sourcesContent":["import cn from 'classnames';\n\nimport type { FilterSearchProps } from '../FilterSearch/FilterSearch';\n\nimport FilterSearch from '../FilterSearch/FilterSearch';\n\nimport styles from './styles.module.scss';\n\nexport interface FilterOverviewSearchProps extends FilterSearchProps {\n  /** Adds custom classes to the wrapper element. */\n  wrapperClassName?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst FilterOverviewSearch: React.FC<FilterOverviewSearchProps> = props => {\n  const { wrapperClassName, testId, ...filterSearchProps } = props;\n\n  return (\n    <div className={cn(styles['filter-overview-search'], wrapperClassName)} data-testid={testId}>\n      <FilterSearch {...filterSearchProps} />\n    </div>\n  );\n};\n\nexport default FilterOverviewSearch;\n","import FilterOverviewSearch from './FilterOverviewSearch';\nexport * from './FilterOverviewSearch';\nexport default FilterOverviewSearch;\n"],"mappings":";;;;AAeA,IAAMA,wBAA4D,UAAS;CACzE,MAAM,EAAE,kBAAkB,QAAQ,GAAG,sBAAsB;AAE3D,QACE,oBAAC,OAAA;EAAI,WAAW,GAAG,OAAO,2BAA2B,iBAAiB;EAAE,eAAa;YACnF,oBAAC,sBAAA,EAAa,GAAI,mBAAA,CAAqB;GACnC;;ACnBV,IAAA,iCDuBe"}

package/lib/FilterResultCountAndSortWrapper.js

@@ -0,0 +1,19 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./components/Filter/FilterResultCountAndSortWrapper/styles.module.scss";
+var FilterResultCountAndSortWrapper = (props) => {
+	const { resultCount, sortComponent } = props;
+	return /* @__PURE__ */ jsxs("div", {
+		className: styles["filter-result-count-and-sort-wrapper"],
+		children: [/* @__PURE__ */ jsx("span", {
+			className: styles["filter-result-count-and-sort-wrapper__count"],
+			children: resultCount
+		}), /* @__PURE__ */ jsx("span", {
+			className: styles["filter-result-count-and-sort-wrapper__sort"],
+			children: sortComponent
+		})]
+	});
+};
+var FilterResultCountAndSortWrapper_default$1 = FilterResultCountAndSortWrapper;
+export { FilterResultCountAndSortWrapper_default$1 as t };
+
+//# sourceMappingURL=FilterResultCountAndSortWrapper.js.map

package/lib/FilterResultCountAndSortWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterResultCountAndSortWrapper.js","names":["FilterResultCountAndSortWrapper: React.FC<FilterResultCountAndSortWrapper>"],"sources":["../src/components/Filter/FilterResultCountAndSortWrapper/FilterResultCountAndSortWrapper.tsx","../src/components/Filter/FilterResultCountAndSortWrapper/index.ts"],"sourcesContent":["import styles from './styles.module.scss';\n\nexport interface FilterResultCountAndSortWrapper {\n  /** Result count content area */\n  resultCount?: React.ReactNode;\n  /** FilterSort content area */\n  sortComponent?: React.ReactNode;\n}\n\nconst FilterResultCountAndSortWrapper: React.FC<FilterResultCountAndSortWrapper> = props => {\n  const { resultCount, sortComponent } = props;\n\n  return (\n    <div className={styles['filter-result-count-and-sort-wrapper']}>\n      <span className={styles['filter-result-count-and-sort-wrapper__count']}>{resultCount}</span>\n      <span className={styles['filter-result-count-and-sort-wrapper__sort']}>{sortComponent}</span>\n    </div>\n  );\n};\n\nexport default FilterResultCountAndSortWrapper;\n","import FilterResultCountAndSortWrapper from './FilterResultCountAndSortWrapper';\nexport * from './FilterResultCountAndSortWrapper';\nexport default FilterResultCountAndSortWrapper;\n"],"mappings":";;AASA,IAAMA,mCAA6E,UAAS;CAC1F,MAAM,EAAE,aAAa,kBAAkB;AAEvC,QACE,qBAAC,OAAA;EAAI,WAAW,OAAO;aACrB,oBAAC,QAAA;GAAK,WAAW,OAAO;aAAiD;IAAmB,EAC5F,oBAAC,QAAA;GAAK,WAAW,OAAO;aAAgD;IAAqB,CAAA;GACzF;;ACdV,IAAA,4CDkBe"}

package/lib/FilterSearch.js

@@ -0,0 +1,87 @@
+import { a as IconSize, s as LanguageLocales } from "./constants2.js";
+import { t as usePseudoClasses } from "./usePseudoClasses.js";
+import { n as mergeRefs } from "./refs.js";
+import { t as Icon_default } from "./Icon.js";
+import { n as useLanguage } from "./useLanguage.js";
+import { t as useIsMobileBreakpoint } from "./useIsMobileBreakpoint.js";
+import { t as X_default } from "./X.js";
+import { t as getResources } from "./resourceHelper.js";
+import { t as Search_default } from "./Search.js";
+import cn from "classnames";
+import { useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./components/Filter/FilterSearch/styles.module.scss";
+var FilterSearch = (props) => {
+	const { className, value, onChange, resources, buttonProps, clearButtonProps, ref, ...inputProps } = props;
+	const inputRef = useRef(null);
+	const inputWrapperRef = useRef(null);
+	const { isHovered: isWrapperHovered } = usePseudoClasses(inputWrapperRef);
+	const buttonRef = useRef(null);
+	const { isHovered: isButtonHovered } = usePseudoClasses(buttonRef);
+	const clearButtonRef = useRef(null);
+	const { isHovered: isClearButtonHovered } = usePseudoClasses(clearButtonRef);
+	const isMobile = useIsMobileBreakpoint();
+	const { language } = useLanguage(LanguageLocales.NORWEGIAN);
+	const mergedResources = {
+		...getResources(language),
+		...resources
+	};
+	const inputHasValue = !!value;
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(styles["filter-search__wrapper"], className),
+		children: [
+			/* @__PURE__ */ jsxs("label", {
+				className: styles["filter-search__input-wrapper"],
+				ref: inputWrapperRef,
+				children: [/* @__PURE__ */ jsx("span", {
+					className: styles["filter-search__input__label"],
+					children: inputProps["aria-label"] ?? mergedResources.searchPlaceholder
+				}), /* @__PURE__ */ jsx("input", {
+					...inputProps,
+					ref: mergeRefs([inputRef, ref]),
+					value,
+					onChange,
+					className: cn(styles["filter-search__input"], { [styles["filter-search__input--hovered"]]: isWrapperHovered }),
+					placeholder: mergedResources.searchPlaceholder
+				})]
+			}),
+			inputHasValue && /* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": mergedResources.searchClearButtonAriaLabel,
+				disabled: inputProps.disabled,
+				...clearButtonProps,
+				onClick: (e) => {
+					clearButtonProps?.onClick?.(e);
+					inputRef.current?.focus();
+				},
+				ref: clearButtonRef,
+				className: cn(styles["filter-search__clear-button"], clearButtonProps?.className),
+				children: /* @__PURE__ */ jsx(Icon_default, {
+					svgIcon: X_default,
+					size: IconSize.XXSmall,
+					isHovered: !isMobile && isClearButtonHovered
+				})
+			}),
+			/* @__PURE__ */ jsx("button", {
+				type: "button",
+				"aria-label": mergedResources.searchButtonAriaLabel,
+				disabled: inputProps.disabled,
+				...buttonProps,
+				ref: buttonRef,
+				className: cn(styles["filter-search__search-button"], buttonProps?.className),
+				children: /* @__PURE__ */ jsx("div", {
+					className: cn(styles["filter-search__search-button--inner"]),
+					children: /* @__PURE__ */ jsx(Icon_default, {
+						svgIcon: Search_default,
+						size: isMobile ? IconSize.XXSmall : IconSize.XSmall,
+						isHovered: !inputProps.disabled && isButtonHovered
+					})
+				})
+			})
+		]
+	});
+};
+var FilterSearch_default = FilterSearch;
+export { FilterSearch_default as t };
+
+//# sourceMappingURL=FilterSearch.js.map

package/lib/FilterSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSearch.js","names":["FilterSearch: React.FC<FilterSearchProps>"],"sources":["../src/components/Filter/FilterSearch/FilterSearch.tsx"],"sourcesContent":["import { useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { HNDesignsystemFilter } from '../../../resources/Resources';\n\nimport { IconSize, LanguageLocales } from '../../../constants';\nimport { useIsMobileBreakpoint } from '../../../hooks/useIsMobileBreakpoint';\nimport { useLanguage } from '../../../hooks/useLanguage';\nimport { usePseudoClasses } from '../../../hooks/usePseudoClasses';\nimport { mergeRefs } from '../../../utils/refs';\nimport Icon from '../../Icon';\nimport Search from '../../Icons/Search';\nimport X from '../../Icons/X';\nimport { getResources } from '../resourceHelper';\n\nimport styles from './styles.module.scss';\n\nexport interface FilterSearchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'className' | 'value' | 'onChange'> {\n  /** Adds custom classes to the component */\n  className?: string;\n  /** The value given by the user in the input field */\n  value: string | undefined;\n  /** onChange handler for the input field */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  /** Props for the search button */\n  buttonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n  /** Props for the clear button */\n  clearButtonProps?: React.ButtonHTMLAttributes<HTMLButtonElement>;\n  /** Texts if overriding SOT */\n  resources?: Partial<HNDesignsystemFilter>;\n  /** Ref passed to the input element */\n  ref?: React.Ref<HTMLInputElement | null>;\n}\n\nconst FilterSearch: React.FC<FilterSearchProps> = props => {\n  const { className, value, onChange, resources, buttonProps, clearButtonProps, ref, ...inputProps } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputWrapperRef = useRef<HTMLLabelElement>(null);\n  const { isHovered: isWrapperHovered } = usePseudoClasses(inputWrapperRef);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n  const { isHovered: isButtonHovered } = usePseudoClasses(buttonRef);\n  const clearButtonRef = useRef<HTMLButtonElement>(null);\n  const { isHovered: isClearButtonHovered } = usePseudoClasses(clearButtonRef);\n\n  const isMobile = useIsMobileBreakpoint();\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  const inputHasValue = !!value;\n\n  return (\n    <div className={classNames(styles['filter-search__wrapper'], className)}>\n      <label className={styles['filter-search__input-wrapper']} ref={inputWrapperRef}>\n        <span className={styles['filter-search__input__label']}>{inputProps['aria-label'] ?? mergedResources.searchPlaceholder}</span>\n        <input\n          {...inputProps}\n          ref={mergeRefs([inputRef, ref])}\n          value={value}\n          onChange={onChange}\n          className={classNames(styles['filter-search__input'], {\n            [styles['filter-search__input--hovered']]: isWrapperHovered,\n          })}\n          placeholder={mergedResources.searchPlaceholder}\n        />\n      </label>\n      {inputHasValue && (\n        <button\n          type=\"button\"\n          aria-label={mergedResources.searchClearButtonAriaLabel}\n          disabled={inputProps.disabled}\n          {...clearButtonProps}\n          onClick={e => {\n            clearButtonProps?.onClick?.(e);\n            inputRef.current?.focus();\n          }}\n          ref={clearButtonRef}\n          className={classNames(styles['filter-search__clear-button'], clearButtonProps?.className)}\n        >\n          <Icon svgIcon={X} size={IconSize.XXSmall} isHovered={!isMobile && isClearButtonHovered} />\n        </button>\n      )}\n      <button\n        type={'button'}\n        aria-label={mergedResources.searchButtonAriaLabel}\n        disabled={inputProps.disabled}\n        {...buttonProps}\n        ref={buttonRef}\n        className={classNames(styles['filter-search__search-button'], buttonProps?.className)}\n      >\n        <div className={classNames(styles['filter-search__search-button--inner'])}>\n          <Icon svgIcon={Search} size={isMobile ? IconSize.XXSmall : IconSize.XSmall} isHovered={!inputProps.disabled && isButtonHovered} />\n        </div>\n      </button>\n    </div>\n  );\n};\n\nexport default FilterSearch;\n"],"mappings":";;;;;;;;;;;;;AAmCA,IAAMA,gBAA4C,UAAS;CACzD,MAAM,EAAE,WAAW,OAAO,UAAU,WAAW,aAAa,kBAAkB,KAAK,GAAG,eAAe;CAErG,MAAM,WAAW,OAAyB,KAAK;CAC/C,MAAM,kBAAkB,OAAyB,KAAK;CACtD,MAAM,EAAE,WAAW,qBAAqB,iBAAiB,gBAAgB;CACzE,MAAM,YAAY,OAA0B,KAAK;CACjD,MAAM,EAAE,WAAW,oBAAoB,iBAAiB,UAAU;CAClE,MAAM,iBAAiB,OAA0B,KAAK;CACtD,MAAM,EAAE,WAAW,yBAAyB,iBAAiB,eAAe;CAE5E,MAAM,WAAW,uBAAuB;CAExC,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;CAG5E,MAAM,kBAAkB;EACtB,GAHuB,aAAa,SAAS;EAI7C,GAAG;EACJ;CAED,MAAM,gBAAgB,CAAC,CAAC;AAExB,QACE,qBAAC,OAAA;EAAI,WAAW,GAAW,OAAO,2BAA2B,UAAU;;GACrE,qBAAC,SAAA;IAAM,WAAW,OAAO;IAAiC,KAAK;eAC7D,oBAAC,QAAA;KAAK,WAAW,OAAO;eAAiC,WAAW,iBAAiB,gBAAgB;MAAyB,EAC9H,oBAAC,SAAA;KACC,GAAI;KACJ,KAAK,UAAU,CAAC,UAAU,IAAI,CAAC;KACxB;KACG;KACV,WAAW,GAAW,OAAO,yBAAyB,GACnD,OAAO,mCAAmC,kBAC5C,CAAC;KACF,aAAa,gBAAgB;MAC7B,CAAA;KACI;GACP,iBACC,oBAAC,UAAA;IACC,MAAK;IACL,cAAY,gBAAgB;IAC5B,UAAU,WAAW;IACrB,GAAI;IACJ,UAAS,MAAK;AACZ,uBAAkB,UAAU,EAAE;AAC9B,cAAS,SAAS,OAAO;;IAE3B,KAAK;IACL,WAAW,GAAW,OAAO,gCAAgC,kBAAkB,UAAU;cAEzF,oBAAC,cAAA;KAAK,SAAS;KAAG,MAAM,SAAS;KAAS,WAAW,CAAC,YAAY;MAAwB;KACnF;GAEX,oBAAC,UAAA;IACC,MAAM;IACN,cAAY,gBAAgB;IAC5B,UAAU,WAAW;IACrB,GAAI;IACJ,KAAK;IACL,WAAW,GAAW,OAAO,iCAAiC,aAAa,UAAU;cAErF,oBAAC,OAAA;KAAI,WAAW,GAAW,OAAO,uCAAuC;eACvE,oBAAC,cAAA;MAAK,SAAS;MAAQ,MAAM,WAAW,SAAS,UAAU,SAAS;MAAQ,WAAW,CAAC,WAAW,YAAY;OAAmB;MAC9H;KACC;;GACL;;AAIV,IAAA,uBAAe"}

package/lib/FilterSearch2.js

@@ -0,0 +1,5 @@
+import { t as FilterSearch_default } from "./FilterSearch.js";
+var FilterSearch_default$1 = FilterSearch_default;
+export { FilterSearch_default$1 as t };
+
+//# sourceMappingURL=FilterSearch2.js.map

package/lib/FilterSearch2.js.map

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

package/lib/FilterSort.js

@@ -0,0 +1,30 @@
+import { s as LanguageLocales } from "./constants2.js";
+import { n as useLanguage } from "./useLanguage.js";
+import { t as Label_default } from "./Label.js";
+import { t as getResources } from "./resourceHelper.js";
+import { t as Select_default } from "./Select.js";
+import { jsx } from "react/jsx-runtime";
+import styles from "./components/Filter/FilterSort/styles.module.scss";
+var FilterSort = (props) => {
+	const { children, resources } = props;
+	const { language } = useLanguage(LanguageLocales.NORWEGIAN);
+	const mergedResources = {
+		...getResources(language),
+		...resources
+	};
+	return /* @__PURE__ */ jsx(Select_default, {
+		...props,
+		label: /* @__PURE__ */ jsx(Label_default, { labelTexts: [{
+			text: `${mergedResources.sortLabel}:`,
+			type: "subdued"
+		}] }),
+		labelClassName: styles["select__label"],
+		className: styles["select"],
+		wrapperClassName: styles["select__wrapper"],
+		children
+	});
+};
+var FilterSort_default$1 = FilterSort;
+export { FilterSort_default$1 as t };
+
+//# sourceMappingURL=FilterSort.js.map

package/lib/FilterSort.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterSort.js","names":["FilterSort: React.FC<FilterSortProps>"],"sources":["../src/components/Filter/FilterSort/FilterSort.tsx","../src/components/Filter/FilterSort/index.ts"],"sourcesContent":["import type { HNDesignsystemFilter } from '../../../resources/Resources';\n\nimport { LanguageLocales } from '../../../constants';\nimport { useLanguage } from '../../../hooks/useLanguage';\nimport Label from '../../Label';\nimport Select, { type SelectProps } from '../../Select';\nimport { getResources } from '../resourceHelper';\n\nimport styles from './styles.module.scss';\n\nexport interface FilterSortProps extends SelectProps {\n  /** Texts if overriding SOT */\n  resources?: Partial<HNDesignsystemFilter>;\n}\n\nconst FilterSort: React.FC<FilterSortProps> = props => {\n  const { children, resources } = props;\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  return (\n    <Select\n      {...props}\n      label={<Label labelTexts={[{ text: `${mergedResources.sortLabel}:`, type: 'subdued' }]} />}\n      labelClassName={styles['select__label']}\n      className={styles['select']}\n      wrapperClassName={styles['select__wrapper']}\n    >\n      {children}\n    </Select>\n  );\n};\n\nexport default FilterSort;\n","import FilterSort from './FilterSort';\nexport * from './FilterSort';\nexport default FilterSort;\n"],"mappings":";;;;;;;AAeA,IAAMA,cAAwC,UAAS;CACrD,MAAM,EAAE,UAAU,cAAc;CAEhC,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;CAG5E,MAAM,kBAAkB;EACtB,GAHuB,aAAa,SAAS;EAI7C,GAAG;EACJ;AAED,QACE,oBAAC,gBAAA;EACC,GAAI;EACJ,OAAO,oBAAC,eAAA,EAAM,YAAY,CAAC;GAAE,MAAM,GAAG,gBAAgB,UAAU;GAAI,MAAM;GAAW,CAAC,EAAA,CAAI;EAC1F,gBAAgB,OAAO;EACvB,WAAW,OAAO;EAClB,kBAAkB,OAAO;EAExB;GACM;;ACjCb,IAAA,uBDqCe"}

package/lib/FormFieldTag.js

@@ -1,6 +1,6 @@
 import { n as AnalyticsId, s as LanguageLocales } from "./constants2.js";
 import { n as useLanguage } from "./useLanguage.js";
-import classNames from "classnames";
+import cn from "classnames";
 import { jsx } from "react/jsx-runtime";
 import styles from "./components/FormFieldTag/styles.module.scss";
 var HN_Designsystem_FormFieldTag_en_GB_default = {
@@ -69,7 +69,7 @@ var FormFieldTag = (props) => {
 		id,
 		"data-testid": testId,
 		"data-analyticsid": AnalyticsId.FormFieldTag,
-		className: classNames(styles["form-field-tag"], { [styles["form-field-tag--optional"]]: isOptional }),
+		className: cn(styles["form-field-tag"], { [styles["form-field-tag--optional"]]: isOptional }),
 		children: textMap[level]
 	});
 };

package/lib/FormFieldTag.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldTag.js","names":["FormFieldTag: React.FC<FormFieldTagProps>","mergedResources: HNDesignsystemFormFieldTag"],"sources":["../src/resources/HN.Designsystem.FormFieldTag.en-GB.json","../src/resources/HN.Designsystem.FormFieldTag.nb-NO.json","../src/resources/HN.Designsystem.FormFieldTag.nn-NO.json","../src/resources/HN.Designsystem.FormFieldTag.se-NO.json","../src/components/FormFieldTag/resourceHelper.ts","../src/components/FormFieldTag/FormFieldTag.tsx","../src/components/FormFieldTag/index.ts"],"sourcesContent":["{\n  \"allRequired\": \"All fields must be filled out\",\n  \"requiredField\": \"Required\",\n  \"optional\": \"Optional\",\n  \"allOptional\": \"All fields are optional\",\n  \"requiredRadiobuttonList\": \"Select one\",\n  \"requiredCheckboxList\": \"Select one or more\",\n  \"requiredSingleCheckbox\": \"Must be selected\"\n}\n","{\n  \"allRequired\": \"Alle felt må fylles ut\",\n  \"requiredField\": \"Må fylles ut\",\n  \"optional\": \"Valgfritt\",\n  \"allOptional\": \"Alle felt er valgfrie\",\n  \"requiredRadiobuttonList\": \"Velg én\",\n  \"requiredCheckboxList\": \"Velg én eller flere\",\n  \"requiredSingleCheckbox\": \"Må velges\"\n}\n","{\n  \"allRequired\": \"Alle felt må fyllast ut\",\n  \"requiredField\": \"Må fyllast ut\",\n  \"optional\": \"Valfritt\",\n  \"allOptional\": \"Alle felt er valfrie\",\n  \"requiredRadiobuttonList\": \"Vel éin\",\n  \"requiredCheckboxList\": \"Vel éin eller fleire\",\n  \"requiredSingleCheckbox\": \"Må veljast\"\n}\n","{\n  \"allRequired\": \"Buot sajiid ferte deavdit\",\n  \"requiredField\": \"Ferte devdojuvvot\",\n  \"optional\": \"Válljenláhkái\",\n  \"allOptional\": \"Buot sajit eat válljenláhkái\",\n  \"requiredRadiobuttonList\": \"Vállje ovtta\",\n  \"requiredCheckboxList\": \"Vállje ovtta dahje máŋga\",\n  \"requiredSingleCheckbox\": \"Ferte válljejuvvot\"\n}\n","import type { HNDesignsystemFormFieldTag } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.FormFieldTag.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.FormFieldTag.nb-NO.json';\nimport nnNO from '../../resources/HN.Designsystem.FormFieldTag.nn-NO.json';\nimport seNO from '../../resources/HN.Designsystem.FormFieldTag.se-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemFormFieldTag => {\n  switch (language) {\n    case LanguageLocales.ENGLISH:\n      return enGB;\n    case LanguageLocales.NORWEGIAN_NYNORSK:\n      return nnNO;\n    case LanguageLocales.SAMI_NORTHERN:\n      return seNO;\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import classNames from 'classnames';\n\nimport type { HNDesignsystemFormFieldTag } from '../../resources/Resources';\n\nimport { getResources } from './resourceHelper';\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { useLanguage } from '../../hooks/useLanguage';\n\nimport styles from './styles.module.scss';\n\nexport type FormFieldTagLevel =\n  | 'all-required'\n  | 'required-field'\n  | 'optional'\n  | 'all-optional'\n  | 'required-radiobutton-list'\n  | 'required-checkbox-list'\n  | 'required-single-checkbox';\n\nexport interface FormFieldTagProps {\n  /** Id that is placed on the component */\n  id?: string;\n  /** What level is the required tag, sets the styling and the text. */\n  level: FormFieldTagLevel;\n  /** Texts if overriding SOT */\n  resources?: Partial<HNDesignsystemFormFieldTag>;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst FormFieldTag: React.FC<FormFieldTagProps> = props => {\n  const { id, level, resources, testId } = props;\n  const isOptional = level === 'optional' || level === 'all-optional';\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources: HNDesignsystemFormFieldTag = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  const textMap = {\n    'all-required': mergedResources.allRequired,\n    'required-field': mergedResources.requiredField,\n    optional: mergedResources.optional,\n    'all-optional': mergedResources.allOptional,\n    'required-radiobutton-list': mergedResources.requiredRadiobuttonList,\n    'required-checkbox-list': mergedResources.requiredCheckboxList,\n    'required-single-checkbox': mergedResources.requiredSingleCheckbox,\n  };\n\n  return (\n    <span\n      id={id}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.FormFieldTag}\n      className={classNames(styles['form-field-tag'], { [styles['form-field-tag--optional']]: isOptional })}\n    >\n      {textMap[level]}\n    </span>\n  );\n};\n\nexport default FormFieldTag;\n","import FormFieldTag from './FormFieldTag';\nexport * from './FormFieldTag';\nexport default FormFieldTag;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AIQA,MAAa,gBAAgB,aAA0D;AACrF,SAAQ,UAAR;EACE,KAAK,gBAAgB,QACnB,QAAO;EACT,KAAK,gBAAgB,kBACnB,QAAO;EACT,KAAK,gBAAgB,cACnB,QAAO;EACT,KAAK,gBAAgB;EACrB,QACE,QAAO;;;ACYb,IAAMA,gBAA4C,UAAS;CACzD,MAAM,EAAE,IAAI,OAAO,WAAW,WAAW;CACzC,MAAM,aAAa,UAAU,cAAc,UAAU;CAErD,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;CAG5E,MAAMC,kBAA8C;EAClD,GAHuB,aAAa,SAAS;EAI7C,GAAG;EACJ;CAED,MAAM,UAAU;EACd,gBAAgB,gBAAgB;EAChC,kBAAkB,gBAAgB;EAClC,UAAU,gBAAgB;EAC1B,gBAAgB,gBAAgB;EAChC,6BAA6B,gBAAgB;EAC7C,0BAA0B,gBAAgB;EAC1C,4BAA4B,gBAAgB;EAC7C;AAED,QACE,oBAAC,QAAA;EACK;EACJ,eAAa;EACb,oBAAkB,YAAY;EAC9B,WAAW,WAAW,OAAO,mBAAmB,GAAG,OAAO,8BAA8B,YAAY,CAAC;YAEpG,QAAQ;GACJ;;AC1DX,IAAA,yBD8De"}
+{"version":3,"file":"FormFieldTag.js","names":["FormFieldTag: React.FC<FormFieldTagProps>","mergedResources: HNDesignsystemFormFieldTag"],"sources":["../src/resources/HN.Designsystem.FormFieldTag.en-GB.json","../src/resources/HN.Designsystem.FormFieldTag.nb-NO.json","../src/resources/HN.Designsystem.FormFieldTag.nn-NO.json","../src/resources/HN.Designsystem.FormFieldTag.se-NO.json","../src/components/FormFieldTag/resourceHelper.ts","../src/components/FormFieldTag/FormFieldTag.tsx","../src/components/FormFieldTag/index.ts"],"sourcesContent":["{\n  \"allRequired\": \"All fields must be filled out\",\n  \"requiredField\": \"Required\",\n  \"optional\": \"Optional\",\n  \"allOptional\": \"All fields are optional\",\n  \"requiredRadiobuttonList\": \"Select one\",\n  \"requiredCheckboxList\": \"Select one or more\",\n  \"requiredSingleCheckbox\": \"Must be selected\"\n}\n","{\n  \"allRequired\": \"Alle felt må fylles ut\",\n  \"requiredField\": \"Må fylles ut\",\n  \"optional\": \"Valgfritt\",\n  \"allOptional\": \"Alle felt er valgfrie\",\n  \"requiredRadiobuttonList\": \"Velg én\",\n  \"requiredCheckboxList\": \"Velg én eller flere\",\n  \"requiredSingleCheckbox\": \"Må velges\"\n}\n","{\n  \"allRequired\": \"Alle felt må fyllast ut\",\n  \"requiredField\": \"Må fyllast ut\",\n  \"optional\": \"Valfritt\",\n  \"allOptional\": \"Alle felt er valfrie\",\n  \"requiredRadiobuttonList\": \"Vel éin\",\n  \"requiredCheckboxList\": \"Vel éin eller fleire\",\n  \"requiredSingleCheckbox\": \"Må veljast\"\n}\n","{\n  \"allRequired\": \"Buot sajiid ferte deavdit\",\n  \"requiredField\": \"Ferte devdojuvvot\",\n  \"optional\": \"Válljenláhkái\",\n  \"allOptional\": \"Buot sajit eat válljenláhkái\",\n  \"requiredRadiobuttonList\": \"Vállje ovtta\",\n  \"requiredCheckboxList\": \"Vállje ovtta dahje máŋga\",\n  \"requiredSingleCheckbox\": \"Ferte válljejuvvot\"\n}\n","import type { HNDesignsystemFormFieldTag } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport enGB from '../../resources/HN.Designsystem.FormFieldTag.en-GB.json';\nimport nbNO from '../../resources/HN.Designsystem.FormFieldTag.nb-NO.json';\nimport nnNO from '../../resources/HN.Designsystem.FormFieldTag.nn-NO.json';\nimport seNO from '../../resources/HN.Designsystem.FormFieldTag.se-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemFormFieldTag => {\n  switch (language) {\n    case LanguageLocales.ENGLISH:\n      return enGB;\n    case LanguageLocales.NORWEGIAN_NYNORSK:\n      return nnNO;\n    case LanguageLocales.SAMI_NORTHERN:\n      return seNO;\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import classNames from 'classnames';\n\nimport type { HNDesignsystemFormFieldTag } from '../../resources/Resources';\n\nimport { getResources } from './resourceHelper';\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { useLanguage } from '../../hooks/useLanguage';\n\nimport styles from './styles.module.scss';\n\nexport type FormFieldTagLevel =\n  | 'all-required'\n  | 'required-field'\n  | 'optional'\n  | 'all-optional'\n  | 'required-radiobutton-list'\n  | 'required-checkbox-list'\n  | 'required-single-checkbox';\n\nexport interface FormFieldTagProps {\n  /** Id that is placed on the component */\n  id?: string;\n  /** What level is the required tag, sets the styling and the text. */\n  level: FormFieldTagLevel;\n  /** Texts if overriding SOT */\n  resources?: Partial<HNDesignsystemFormFieldTag>;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst FormFieldTag: React.FC<FormFieldTagProps> = props => {\n  const { id, level, resources, testId } = props;\n  const isOptional = level === 'optional' || level === 'all-optional';\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources: HNDesignsystemFormFieldTag = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  const textMap = {\n    'all-required': mergedResources.allRequired,\n    'required-field': mergedResources.requiredField,\n    optional: mergedResources.optional,\n    'all-optional': mergedResources.allOptional,\n    'required-radiobutton-list': mergedResources.requiredRadiobuttonList,\n    'required-checkbox-list': mergedResources.requiredCheckboxList,\n    'required-single-checkbox': mergedResources.requiredSingleCheckbox,\n  };\n\n  return (\n    <span\n      id={id}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.FormFieldTag}\n      className={classNames(styles['form-field-tag'], { [styles['form-field-tag--optional']]: isOptional })}\n    >\n      {textMap[level]}\n    </span>\n  );\n};\n\nexport default FormFieldTag;\n","import FormFieldTag from './FormFieldTag';\nexport * from './FormFieldTag';\nexport default FormFieldTag;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AIQA,MAAa,gBAAgB,aAA0D;AACrF,SAAQ,UAAR;EACE,KAAK,gBAAgB,QACnB,QAAO;EACT,KAAK,gBAAgB,kBACnB,QAAO;EACT,KAAK,gBAAgB,cACnB,QAAO;EACT,KAAK,gBAAgB;EACrB,QACE,QAAO;;;ACYb,IAAMA,gBAA4C,UAAS;CACzD,MAAM,EAAE,IAAI,OAAO,WAAW,WAAW;CACzC,MAAM,aAAa,UAAU,cAAc,UAAU;CAErD,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;CAG5E,MAAMC,kBAA8C;EAClD,GAHuB,aAAa,SAAS;EAI7C,GAAG;EACJ;CAED,MAAM,UAAU;EACd,gBAAgB,gBAAgB;EAChC,kBAAkB,gBAAgB;EAClC,UAAU,gBAAgB;EAC1B,gBAAgB,gBAAgB;EAChC,6BAA6B,gBAAgB;EAC7C,0BAA0B,gBAAgB;EAC1C,4BAA4B,gBAAgB;EAC7C;AAED,QACE,oBAAC,QAAA;EACK;EACJ,eAAa;EACb,oBAAkB,YAAY;EAC9B,WAAW,GAAW,OAAO,mBAAmB,GAAG,OAAO,8BAA8B,YAAY,CAAC;YAEpG,QAAQ;GACJ;;AC1DX,IAAA,yBD8De"}