@helsenorge/designsystem-react 14.7.0 → 14.7.1

package/lib/components/FavoriteButton/index.js

@@ -3,7 +3,7 @@ import { t as usePseudoClasses } from "../../usePseudoClasses.js";
 import { t as isMutableRefObject } from "../../refs.js";
 import { n as useLanguage } from "../../useLanguage.js";
 import { n as useBreakpoint, t as Breakpoint } from "../../useBreakpoint.js";
-import classNames from "classnames";
+import cn from "classnames";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
 var HN_Designsystem_FavoriteButton_nb_NO_default = { ariaLabel: "Favorittmarkering" };
@@ -97,7 +97,7 @@ const starIconHoverDesktop = (isChecked, isActive) => /* @__PURE__ */ jsxs(Fragm
 })] });
 const FavoriteButton = (props) => {
 	const { checked, id, onClick, resources, tabIndex, testId, ref, ...other } = props;
-	const buttonWrapperClasses = classNames(styles.favoritebutton);
+	const buttonWrapperClasses = cn(styles.favoritebutton);
 	const { refObject, isHovered, isActive } = usePseudoClasses(isMutableRefObject(ref) ? ref : null);
 	const breakpoint = useBreakpoint();
 	const { language } = useLanguage(LanguageLocales.NORWEGIAN);

package/lib/components/FavoriteButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FavoriteButton: React.FC<FavoriteButtonProps>","mergedResources: HNDesignsystemFavoriteButton"],"sources":["../../../src/resources/HN.Designsystem.FavoriteButton.nb-NO.json","../../../src/components/FavoriteButton/resourceHelper.ts","../../../src/components/FavoriteButton/StarIcon.tsx","../../../src/components/FavoriteButton/FavoriteButton.tsx","../../../src/components/FavoriteButton/index.ts"],"sourcesContent":["{\n  \"ariaLabel\": \"Favorittmarkering\"\n}\n","import type { HNDesignsystemFavoriteButton } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport nbNO from '../../resources/HN.Designsystem.FavoriteButton.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemFavoriteButton => {\n  switch (language) {\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import styles from './styles.module.scss';\n\nconst normalStroke = 'var(--color-action-graphics-onlight)';\nconst normalFill = 'transparent';\nconst hoverFill = 'var(--color-action-graphics-onlight-hover)';\nconst hoverStroke = 'var(--color-action-graphics-onlight-hover)';\nconst activeStroke = 'var(--core-color-blueberry-800)';\n\nconst fillColor = (isChecked: boolean, isActive: boolean, isHovered: boolean): string => {\n  if (isChecked) {\n    if (isActive) {\n      return activeStroke;\n    } else {\n      if (isHovered) {\n        return hoverStroke;\n      } else {\n        return normalStroke;\n      }\n    }\n  } else {\n    if (isHovered) {\n      return hoverFill;\n    } else {\n      return normalFill;\n    }\n  }\n};\n\nconst strokeColor = (isActive: boolean, isHovered: boolean): string => {\n  if (isActive) {\n    return activeStroke;\n  } else {\n    if (isHovered) {\n      return hoverStroke;\n    } else {\n      return normalStroke;\n    }\n  }\n};\n\nexport const starIconNormalMobile = (isChecked: boolean, isActive: boolean): React.JSX.Element => {\n  return (\n    <>\n      <path\n        d=\"M20.1026 31.1787L13.4007 34.7023C10.833 36.0523 7.83185 33.8719 8.32233 31.0126L9.60261 23.5492L4.17653 18.2675C2.09656 16.2428 3.24317 12.712 6.11581 12.2956L13.5982 11.2112L16.9493 4.42107C18.2332 1.81969 21.9426 1.81969 23.2265 4.42107L26.5776 11.2112L34.06 12.2956C36.9326 12.712 38.0792 16.2428 35.9993 18.2675L30.5732 23.5492L31.852 31.0044C32.3428 33.8651 29.3386 36.0456 26.7708 34.6925L20.1026 31.1787Z\"\n        stroke=\"black\"\n        fill=\"transparent\"\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n        className={styles['favoritebutton__star-icon--focus']}\n        display=\"block\"\n      />\n      <path\n        d=\"M20.0961 26.5515L12.6372 30.4731L14.0621 22.1671L8.01953 16.2853L16.3582 15.0768L20.0877 7.52002L23.8171 15.0768L32.1558 16.2853L26.1133 22.1671L27.5381 30.4731L20.0961 26.5515Z\"\n        stroke={strokeColor(isActive, false)}\n        fill={fillColor(isChecked, isActive, false)}\n        strokeWidth=\"2.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </>\n  );\n};\n\nexport const starIconHoverMobile = (isChecked: boolean, isActive: boolean): React.JSX.Element => (\n  <>\n    <path\n      d=\"M22.2128 31.4832L16.2246 36.117C13.9303 37.8924 10.5961 36.2662 10.5826 33.3653L10.5475 25.7929L4.28665 21.5336C1.88672 19.9009 2.40278 16.2246 5.15948 15.3158L12.3399 12.9486L14.461 5.67964C15.2736 2.89484 18.9267 2.2507 20.6428 4.58962L25.1221 10.6947L32.6791 10.4633C35.5804 10.3745 37.3227 13.6526 35.6259 16.0077L31.1994 22.1514L33.7534 29.2712C34.7335 32.0033 32.1536 34.6724 29.3898 33.7857L22.2128 31.4832Z\"\n      stroke=\"black\"\n      fill=\"transparent\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      className={styles['favoritebutton__star-icon--focus']}\n    />\n    <path\n      d=\"M21.4079 26.8365L14.7433 31.9937L14.7041 23.5664L7.73204 18.8233L15.7342 16.1851L18.0947 8.09555L23.0798 14.8899L31.5016 14.6321L26.5722 21.4738L29.4178 29.4062L21.4079 26.8365Z\"\n      stroke={strokeColor(isActive, true)}\n      fill={fillColor(isChecked, isActive, true)}\n      fillOpacity={isChecked ? '1' : '0.13'}\n      strokeWidth=\"2.2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </>\n);\nexport const starIconNormalDesktop = (isChecked: boolean, isActive: boolean): React.JSX.Element => (\n  <>\n    <path\n      d=\"M30.1061 44.1854L20.3139 49.3338C17.7461 50.6838 14.745 48.5034 15.2355 45.6441L17.1061 34.7394L9.17653 27.0207C7.09656 24.9961 8.24318 21.4653 11.1158 21.0489L22.053 19.4638L26.9493 9.54278C28.2331 6.9414 31.9426 6.94139 33.2265 9.54278L38.1227 19.4638L49.06 21.0489C51.9326 21.4653 53.0792 24.9961 50.9993 27.0207L43.0697 34.7394L44.9389 45.6359C45.4296 48.4966 42.4254 50.6772 39.8576 49.324L30.1061 44.1854Z\"\n      stroke=\"black\"\n      fill=\"transparent\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      className={styles['favoritebutton__star-icon--focus']}\n    />\n    <path\n      d=\"M30.0998 39.4723L19.5927 44.9966L21.5998 33.2961L13.0879 25.0106L24.8343 23.3082L30.0879 12.6632L35.3414 23.3082L47.0879 25.0106L38.576 33.2961L40.5831 44.9966L30.0998 39.4723Z\"\n      stroke={strokeColor(isActive, false)}\n      fill={fillColor(isChecked, isActive, false)}\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </>\n);\n\nexport const starIconHoverDesktop = (isChecked: boolean, isActive: boolean): React.JSX.Element => (\n  <>\n    <path\n      d=\"M33.1609 44.7458L24.4114 51.5164C22.1171 53.2918 18.783 51.6656 18.7695 48.7646L18.7181 37.7007L9.56864 31.4763C7.1687 29.8436 7.68476 26.1672 10.4415 25.2584L20.9373 21.7982L24.0364 11.1776C24.849 8.39281 28.5021 7.74867 30.2182 10.0876L36.7629 19.0077L47.8092 18.6695C50.7105 18.5807 52.4528 21.8588 50.756 24.2138L44.2872 33.1922L48.0201 43.5985C49.0002 46.3306 46.4203 48.9997 43.6565 48.113L33.1609 44.7458Z\"\n      stroke=\"black\"\n      fill=\"transparent\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      className={styles['favoritebutton__star-icon--focus']}\n    />\n    <path\n      d=\"M32.3991 40.1029L23.0108 47.3678L22.9557 35.4965L13.1343 28.815L24.4067 25.0987L27.732 13.7031L34.7542 23.2741L46.6178 22.9109L39.674 32.5486L43.6823 43.7228L32.3991 40.1029Z\"\n      stroke={strokeColor(isActive, true)}\n      fill={fillColor(isChecked, isActive, true)}\n      fillOpacity={isChecked ? '1' : '0.13'}\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </>\n);\n","import type { AriaAttributes } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { HTMLButtonProps } from '../../constants';\nimport type { HNDesignsystemFavoriteButton } from '../../resources/Resources';\n\nimport { getResources } from './resourceHelper';\nimport { starIconHoverDesktop, starIconHoverMobile, starIconNormalDesktop, starIconNormalMobile } from './StarIcon';\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport { useLanguage } from '../../hooks/useLanguage';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { isMutableRefObject } from '../../utils/refs';\n\nimport styles from './styles.module.scss';\n\nexport interface FavoriteButtonProps extends Omit<HTMLButtonProps, 'type'>, AriaAttributes {\n  /**  Determines if the FavoriteButton is checked */\n  checked: boolean;\n  /** Gives a unique id to the button */\n  id?: string;\n  /** Function that is called when clicked */\n  onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  /** Resources for component */\n  resources?: Partial<HNDesignsystemFavoriteButton>;\n  /** Specifies the focus order relative to the other buttons or controls on the page  */\n  tabIndex?: number;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Ref passed to the button element */\n  ref?: React.Ref<HTMLButtonElement | null>;\n}\n\nexport const FavoriteButton: React.FC<FavoriteButtonProps> = (props: FavoriteButtonProps) => {\n  const { checked, id, onClick, resources, tabIndex, testId, ref, ...other } = props;\n\n  const buttonWrapperClasses = classNames(styles.favoritebutton);\n  const { refObject, isHovered, isActive } = usePseudoClasses<HTMLButtonElement>(isMutableRefObject(ref) ? ref : null);\n  const breakpoint = useBreakpoint();\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources: HNDesignsystemFavoriteButton = {\n    ...defaultResources,\n    ...resources,\n    ariaLabel: other['aria-label'] || resources?.ariaLabel || defaultResources.ariaLabel,\n  };\n\n  const isMobile = breakpoint <= Breakpoint.sm;\n\n  const starIcon = ((): React.JSX.Element => {\n    if (isMobile) {\n      if (isHovered) {\n        return starIconHoverMobile(checked, isActive);\n      } else {\n        return starIconNormalMobile(checked, isActive);\n      }\n    } else {\n      if (isHovered) {\n        return starIconHoverDesktop(checked, isActive);\n      } else {\n        return starIconNormalDesktop(checked, isActive);\n      }\n    }\n  })();\n\n  return (\n    <button\n      id={id}\n      onClick={onClick}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.FavoriteButton}\n      className={buttonWrapperClasses}\n      ref={refObject}\n      tabIndex={tabIndex}\n      role=\"switch\"\n      aria-checked={checked}\n      type=\"button\"\n      aria-label={mergedResources.ariaLabel}\n      {...other}\n    >\n      <svg focusable={false} overflow=\"visible\" role=\"presentation\" viewBox={isMobile ? '0 0 41 41' : '0 0 61 61'}>\n        {starIcon}\n      </svg>\n    </button>\n  );\n};\n\nFavoriteButton.displayName = 'FavoriteButton';\n\nexport default FavoriteButton;\n","export * from './FavoriteButton';\n\nimport { FavoriteButton } from './FavoriteButton';\nexport default FavoriteButton;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["FavoriteButton: React.FC<FavoriteButtonProps>","mergedResources: HNDesignsystemFavoriteButton"],"sources":["../../../src/resources/HN.Designsystem.FavoriteButton.nb-NO.json","../../../src/components/FavoriteButton/resourceHelper.ts","../../../src/components/FavoriteButton/StarIcon.tsx","../../../src/components/FavoriteButton/FavoriteButton.tsx","../../../src/components/FavoriteButton/index.ts"],"sourcesContent":["{\n  \"ariaLabel\": \"Favorittmarkering\"\n}\n","import type { HNDesignsystemFavoriteButton } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport nbNO from '../../resources/HN.Designsystem.FavoriteButton.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemFavoriteButton => {\n  switch (language) {\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import styles from './styles.module.scss';\n\nconst normalStroke = 'var(--color-action-graphics-onlight)';\nconst normalFill = 'transparent';\nconst hoverFill = 'var(--color-action-graphics-onlight-hover)';\nconst hoverStroke = 'var(--color-action-graphics-onlight-hover)';\nconst activeStroke = 'var(--core-color-blueberry-800)';\n\nconst fillColor = (isChecked: boolean, isActive: boolean, isHovered: boolean): string => {\n  if (isChecked) {\n    if (isActive) {\n      return activeStroke;\n    } else {\n      if (isHovered) {\n        return hoverStroke;\n      } else {\n        return normalStroke;\n      }\n    }\n  } else {\n    if (isHovered) {\n      return hoverFill;\n    } else {\n      return normalFill;\n    }\n  }\n};\n\nconst strokeColor = (isActive: boolean, isHovered: boolean): string => {\n  if (isActive) {\n    return activeStroke;\n  } else {\n    if (isHovered) {\n      return hoverStroke;\n    } else {\n      return normalStroke;\n    }\n  }\n};\n\nexport const starIconNormalMobile = (isChecked: boolean, isActive: boolean): React.JSX.Element => {\n  return (\n    <>\n      <path\n        d=\"M20.1026 31.1787L13.4007 34.7023C10.833 36.0523 7.83185 33.8719 8.32233 31.0126L9.60261 23.5492L4.17653 18.2675C2.09656 16.2428 3.24317 12.712 6.11581 12.2956L13.5982 11.2112L16.9493 4.42107C18.2332 1.81969 21.9426 1.81969 23.2265 4.42107L26.5776 11.2112L34.06 12.2956C36.9326 12.712 38.0792 16.2428 35.9993 18.2675L30.5732 23.5492L31.852 31.0044C32.3428 33.8651 29.3386 36.0456 26.7708 34.6925L20.1026 31.1787Z\"\n        stroke=\"black\"\n        fill=\"transparent\"\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n        className={styles['favoritebutton__star-icon--focus']}\n        display=\"block\"\n      />\n      <path\n        d=\"M20.0961 26.5515L12.6372 30.4731L14.0621 22.1671L8.01953 16.2853L16.3582 15.0768L20.0877 7.52002L23.8171 15.0768L32.1558 16.2853L26.1133 22.1671L27.5381 30.4731L20.0961 26.5515Z\"\n        stroke={strokeColor(isActive, false)}\n        fill={fillColor(isChecked, isActive, false)}\n        strokeWidth=\"2.2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </>\n  );\n};\n\nexport const starIconHoverMobile = (isChecked: boolean, isActive: boolean): React.JSX.Element => (\n  <>\n    <path\n      d=\"M22.2128 31.4832L16.2246 36.117C13.9303 37.8924 10.5961 36.2662 10.5826 33.3653L10.5475 25.7929L4.28665 21.5336C1.88672 19.9009 2.40278 16.2246 5.15948 15.3158L12.3399 12.9486L14.461 5.67964C15.2736 2.89484 18.9267 2.2507 20.6428 4.58962L25.1221 10.6947L32.6791 10.4633C35.5804 10.3745 37.3227 13.6526 35.6259 16.0077L31.1994 22.1514L33.7534 29.2712C34.7335 32.0033 32.1536 34.6724 29.3898 33.7857L22.2128 31.4832Z\"\n      stroke=\"black\"\n      fill=\"transparent\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      className={styles['favoritebutton__star-icon--focus']}\n    />\n    <path\n      d=\"M21.4079 26.8365L14.7433 31.9937L14.7041 23.5664L7.73204 18.8233L15.7342 16.1851L18.0947 8.09555L23.0798 14.8899L31.5016 14.6321L26.5722 21.4738L29.4178 29.4062L21.4079 26.8365Z\"\n      stroke={strokeColor(isActive, true)}\n      fill={fillColor(isChecked, isActive, true)}\n      fillOpacity={isChecked ? '1' : '0.13'}\n      strokeWidth=\"2.2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </>\n);\nexport const starIconNormalDesktop = (isChecked: boolean, isActive: boolean): React.JSX.Element => (\n  <>\n    <path\n      d=\"M30.1061 44.1854L20.3139 49.3338C17.7461 50.6838 14.745 48.5034 15.2355 45.6441L17.1061 34.7394L9.17653 27.0207C7.09656 24.9961 8.24318 21.4653 11.1158 21.0489L22.053 19.4638L26.9493 9.54278C28.2331 6.9414 31.9426 6.94139 33.2265 9.54278L38.1227 19.4638L49.06 21.0489C51.9326 21.4653 53.0792 24.9961 50.9993 27.0207L43.0697 34.7394L44.9389 45.6359C45.4296 48.4966 42.4254 50.6772 39.8576 49.324L30.1061 44.1854Z\"\n      stroke=\"black\"\n      fill=\"transparent\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      className={styles['favoritebutton__star-icon--focus']}\n    />\n    <path\n      d=\"M30.0998 39.4723L19.5927 44.9966L21.5998 33.2961L13.0879 25.0106L24.8343 23.3082L30.0879 12.6632L35.3414 23.3082L47.0879 25.0106L38.576 33.2961L40.5831 44.9966L30.0998 39.4723Z\"\n      stroke={strokeColor(isActive, false)}\n      fill={fillColor(isChecked, isActive, false)}\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </>\n);\n\nexport const starIconHoverDesktop = (isChecked: boolean, isActive: boolean): React.JSX.Element => (\n  <>\n    <path\n      d=\"M33.1609 44.7458L24.4114 51.5164C22.1171 53.2918 18.783 51.6656 18.7695 48.7646L18.7181 37.7007L9.56864 31.4763C7.1687 29.8436 7.68476 26.1672 10.4415 25.2584L20.9373 21.7982L24.0364 11.1776C24.849 8.39281 28.5021 7.74867 30.2182 10.0876L36.7629 19.0077L47.8092 18.6695C50.7105 18.5807 52.4528 21.8588 50.756 24.2138L44.2872 33.1922L48.0201 43.5985C49.0002 46.3306 46.4203 48.9997 43.6565 48.113L33.1609 44.7458Z\"\n      stroke=\"black\"\n      fill=\"transparent\"\n      strokeWidth=\"3\"\n      strokeLinecap=\"round\"\n      className={styles['favoritebutton__star-icon--focus']}\n    />\n    <path\n      d=\"M32.3991 40.1029L23.0108 47.3678L22.9557 35.4965L13.1343 28.815L24.4067 25.0987L27.732 13.7031L34.7542 23.2741L46.6178 22.9109L39.674 32.5486L43.6823 43.7228L32.3991 40.1029Z\"\n      stroke={strokeColor(isActive, true)}\n      fill={fillColor(isChecked, isActive, true)}\n      fillOpacity={isChecked ? '1' : '0.13'}\n      strokeWidth=\"2.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </>\n);\n","import type { AriaAttributes } from 'react';\n\nimport classNames from 'classnames';\n\nimport type { HTMLButtonProps } from '../../constants';\nimport type { HNDesignsystemFavoriteButton } from '../../resources/Resources';\n\nimport { getResources } from './resourceHelper';\nimport { starIconHoverDesktop, starIconHoverMobile, starIconNormalDesktop, starIconNormalMobile } from './StarIcon';\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport { useLanguage } from '../../hooks/useLanguage';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { isMutableRefObject } from '../../utils/refs';\n\nimport styles from './styles.module.scss';\n\nexport interface FavoriteButtonProps extends Omit<HTMLButtonProps, 'type'>, AriaAttributes {\n  /**  Determines if the FavoriteButton is checked */\n  checked: boolean;\n  /** Gives a unique id to the button */\n  id?: string;\n  /** Function that is called when clicked */\n  onClick: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  /** Resources for component */\n  resources?: Partial<HNDesignsystemFavoriteButton>;\n  /** Specifies the focus order relative to the other buttons or controls on the page  */\n  tabIndex?: number;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Ref passed to the button element */\n  ref?: React.Ref<HTMLButtonElement | null>;\n}\n\nexport const FavoriteButton: React.FC<FavoriteButtonProps> = (props: FavoriteButtonProps) => {\n  const { checked, id, onClick, resources, tabIndex, testId, ref, ...other } = props;\n\n  const buttonWrapperClasses = classNames(styles.favoritebutton);\n  const { refObject, isHovered, isActive } = usePseudoClasses<HTMLButtonElement>(isMutableRefObject(ref) ? ref : null);\n  const breakpoint = useBreakpoint();\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n  const defaultResources = getResources(language);\n\n  const mergedResources: HNDesignsystemFavoriteButton = {\n    ...defaultResources,\n    ...resources,\n    ariaLabel: other['aria-label'] || resources?.ariaLabel || defaultResources.ariaLabel,\n  };\n\n  const isMobile = breakpoint <= Breakpoint.sm;\n\n  const starIcon = ((): React.JSX.Element => {\n    if (isMobile) {\n      if (isHovered) {\n        return starIconHoverMobile(checked, isActive);\n      } else {\n        return starIconNormalMobile(checked, isActive);\n      }\n    } else {\n      if (isHovered) {\n        return starIconHoverDesktop(checked, isActive);\n      } else {\n        return starIconNormalDesktop(checked, isActive);\n      }\n    }\n  })();\n\n  return (\n    <button\n      id={id}\n      onClick={onClick}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.FavoriteButton}\n      className={buttonWrapperClasses}\n      ref={refObject}\n      tabIndex={tabIndex}\n      role=\"switch\"\n      aria-checked={checked}\n      type=\"button\"\n      aria-label={mergedResources.ariaLabel}\n      {...other}\n    >\n      <svg focusable={false} overflow=\"visible\" role=\"presentation\" viewBox={isMobile ? '0 0 41 41' : '0 0 61 61'}>\n        {starIcon}\n      </svg>\n    </button>\n  );\n};\n\nFavoriteButton.displayName = 'FavoriteButton';\n\nexport default FavoriteButton;\n","export * from './FavoriteButton';\n\nimport { FavoriteButton } from './FavoriteButton';\nexport default FavoriteButton;\n"],"mappings":"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"}

package/lib/components/Filter/DrawerNavigation/index.js

@@ -1,81 +1,3 @@
-import { t as Drawer_default } from "../../../Drawer.js";
-import { Children, createContext, isValidElement, useCallback, useContext, useMemo, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-const DrawerNavigationContext = createContext(null);
-function useDrawerNavigation() {
-	const context = useContext(DrawerNavigationContext);
-	if (!context) throw new Error("useDrawerNavigation must be used inside a <DrawerNavigation> component");
-	return context;
-}
-function DrawerView(_props) {
-	return null;
-}
-function parseChildren(children) {
-	const views = [];
-	const other = [];
-	Children.forEach(children, (child) => {
-		if (isValidElement(child) && child.type === DrawerView) views.push({
-			id: child.props.id,
-			title: child.props.title,
-			home: child.props.home,
-			children: child.props.children,
-			onCloseButton: child.props.onCloseButton,
-			footer: child.props.footer,
-			drawerContentClassname: child.props.drawerContentClassname
-		});
-		else other.push(child);
-	});
-	return {
-		views,
-		other
-	};
-}
-function DrawerNavigation({ children, isOpen, initialView, onCloseButton, footer }) {
-	const { views, other } = useMemo(() => parseChildren(children), [children]);
-	const homeView = views.find((v) => v.home) ?? views[0];
-	const [viewStack, setViewStack] = useState([homeView?.id]);
-	const goToView = useCallback((id) => {
-		if (views.some((v) => v.id === id)) setViewStack((stack) => [...stack, id]);
-	}, [views]);
-	const goBack = useCallback(() => {
-		setViewStack((stack) => stack.length > 1 ? stack.slice(0, -1) : stack);
-	}, []);
-	const goToViewAndClearStack = useCallback((id) => {
-		if (views.some((v) => v.id === id)) setViewStack(id === homeView?.id ? [homeView.id] : [homeView?.id, id]);
-	}, [views, homeView]);
-	const currentViewId = viewStack[viewStack.length - 1];
-	const currentView = views.find((v) => v.id === currentViewId);
-	const navigate = useMemo(() => ({
-		goBack,
-		goToView,
-		goToViewAndClearStack
-	}), [
-		goBack,
-		goToView,
-		goToViewAndClearStack
-	]);
-	const [prevIsOpen, setPrevIsOpen] = useState(isOpen);
-	if (prevIsOpen !== isOpen) {
-		setPrevIsOpen(isOpen);
-		if (!isOpen) setViewStack([homeView?.id]);
-		else if (initialView && views.some((v) => v.id === initialView)) setViewStack(initialView === homeView?.id ? [homeView.id] : [homeView?.id, initialView]);
-	}
-	return /* @__PURE__ */ jsxs(DrawerNavigationContext.Provider, {
-		value: navigate,
-		children: [/* @__PURE__ */ jsx(Drawer_default, {
-			isOpen,
-			title: currentView?.title ?? "Filter",
-			withBackButton: viewStack.length > 1,
-			onRequestBack: goBack,
-			onRequestClose: currentView?.onCloseButton ?? onCloseButton,
-			footerContent: currentView?.footer ?? footer,
-			contentClassName: currentView?.drawerContentClassname,
-			children: currentView?.children
-		}), other]
-	});
-}
-DrawerNavigation.View = DrawerView;
-var DrawerNavigation_default = DrawerNavigation;
+import { n as DrawerNavigationContext, r as useDrawerNavigation } from "../../../DrawerNavigation.js";
+import { t as DrawerNavigation_default } from "../../../DrawerNavigation2.js";
 export { DrawerNavigationContext, DrawerNavigation_default as default, useDrawerNavigation };
-
-//# sourceMappingURL=index.js.map

package/lib/components/Filter/FilterButton/index.d.ts

@@ -0,0 +1,3 @@
+import { default as FilterButton } from './FilterButton';
+export * from './FilterButton';
+export default FilterButton;

package/lib/components/Filter/FilterButton/index.js

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

package/lib/components/Filter/FilterButtonAndChipsWrapper/index.d.ts

@@ -0,0 +1,3 @@
+import { default as FilterButtonAndChipsWrapper } from './FilterButtonAndChipsWrapper';
+export * from './FilterButtonAndChipsWrapper';
+export default FilterButtonAndChipsWrapper;

package/lib/components/Filter/FilterButtonAndChipsWrapper/index.js

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

package/lib/components/Filter/FilterDrawer/index.d.ts

@@ -0,0 +1,3 @@
+import { default as FilterDrawer } from './FilterDrawer';
+export * from './FilterDrawer';
+export default FilterDrawer;

package/lib/components/Filter/FilterDrawer/index.js

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

package/lib/components/Filter/FilterLinkList/index.d.ts

@@ -0,0 +1,3 @@
+import { default as FilterLinkList } from './FilterLinkList';
+export * from './FilterLinkList';
+export default FilterLinkList;

package/lib/components/Filter/FilterLinkList/index.js

@@ -0,0 +1,3 @@
+import { r as Link, t as FilterLinkList } from "../../../FilterLinkList.js";
+import { t as FilterLinkList_default } from "../../../FilterLinkList2.js";
+export { FilterLinkList, Link, FilterLinkList_default as default };

package/lib/components/Filter/FilterOverviewLinkList/index.d.ts

@@ -0,0 +1,3 @@
+import { default as FilterOverviewLinkList } from './FilterOverviewLinkList';
+export * from './FilterOverviewLinkList';
+export default FilterOverviewLinkList;

package/lib/components/Filter/FilterOverviewLinkList/index.js

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

package/lib/components/Filter/FilterOverviewSearch/index.d.ts

@@ -0,0 +1,3 @@
+import { default as FilterOverviewSearch } from './FilterOverviewSearch';
+export * from './FilterOverviewSearch';
+export default FilterOverviewSearch;

package/lib/components/Filter/FilterOverviewSearch/index.js

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

package/lib/components/Filter/FilterResultCountAndSortWrapper/index.d.ts

@@ -0,0 +1,3 @@
+import { default as FilterResultCountAndSortWrapper } from './FilterResultCountAndSortWrapper';
+export * from './FilterResultCountAndSortWrapper';
+export default FilterResultCountAndSortWrapper;

package/lib/components/Filter/FilterResultCountAndSortWrapper/index.js

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

package/lib/components/Filter/FilterSearch/index.d.ts

@@ -0,0 +1,3 @@
+import { default as FilterSearch } from './FilterSearch';
+export * from './FilterSearch';
+export default FilterSearch;

package/lib/components/Filter/FilterSearch/index.js

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

package/lib/components/Filter/FilterSort/index.d.ts

@@ -0,0 +1,3 @@
+import { default as FilterSort } from './FilterSort';
+export * from './FilterSort';
+export default FilterSort;

package/lib/components/Filter/FilterSort/index.js

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

package/lib/components/Filter/FilterSort/styles.module.scss

@@ -15,6 +15,10 @@
     }
   }
 
+  select option {
+    text-align: left;
+  }
+
   &__wrapper {
     display: flex;
     flex-flow: row wrap;

package/lib/components/Filter/getFilterChips/index.d.ts

@@ -0,0 +1,3 @@
+import { default as getFilterChips } from './getFilterChips';
+export * from './getFilterChips';
+export default getFilterChips;

package/lib/components/Filter/getFilterChips/index.js

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

package/lib/components/Filter/index.d.ts

@@ -1,2 +1,25 @@
+export { default as DrawerNavigation } from './DrawerNavigation';
+export * from './DrawerNavigation';
+export { default as FilterButton } from './FilterButton';
+export * from './FilterButton';
+export { default as FilterButtonAndChipsWrapper } from './FilterButtonAndChipsWrapper';
+export * from './FilterButtonAndChipsWrapper';
+export { default as FilterDrawer } from './FilterDrawer';
+export * from './FilterDrawer';
+export { default as FilterLinkList } from './FilterLinkList';
+export * from './FilterLinkList';
+export { default as FilterOverviewLinkList } from './FilterOverviewLinkList';
+export * from './FilterOverviewLinkList';
+export { default as FilterOverviewSearch } from './FilterOverviewSearch';
+export * from './FilterOverviewSearch';
+export { default as FilterResultCountAndSortWrapper } from './FilterResultCountAndSortWrapper';
+export * from './FilterResultCountAndSortWrapper';
+export { default as FilterSearch } from './FilterSearch';
+export * from './FilterSearch';
+export { default as FilterSort } from './FilterSort';
+export * from './FilterSort';
+export { default as getFilterChips } from './getFilterChips';
+export * from './getFilterChips';
 export * from './useFilter';
+export * from './useFilterDrawer';
 export * from './utils';

package/lib/components/Filter/index.js

@@ -1,4 +1,17 @@
-import { useState } from "react";
+import { n as DrawerNavigationContext, r as useDrawerNavigation } from "../../DrawerNavigation.js";
+import { t as DrawerNavigation_default } from "../../DrawerNavigation2.js";
+import { t as FilterButton_default } from "../../FilterButton.js";
+import { t as FilterButtonAndChipsWrapper_default } from "../../FilterButtonAndChipsWrapper.js";
+import { t as FilterDrawer_default } from "../../FilterDrawer.js";
+import { r as Link } from "../../FilterLinkList.js";
+import { t as FilterLinkList_default } from "../../FilterLinkList2.js";
+import { t as FilterOverviewLinkList_default } from "../../FilterOverviewLinkList.js";
+import { t as FilterOverviewSearch_default } from "../../FilterOverviewSearch.js";
+import { t as FilterResultCountAndSortWrapper_default } from "../../FilterResultCountAndSortWrapper.js";
+import { t as FilterSearch_default } from "../../FilterSearch2.js";
+import { t as FilterSort_default } from "../../FilterSort.js";
+import { t as getFilterChips_default } from "../../getFilterChips.js";
+import { useCallback, useState } from "react";
 const useFilter = (options) => {
 	const [filters, setFiltersState] = useState(() => ({ ...options?.defaultValues }));
 	const removeFilter = (filterKey, optionValue) => {
@@ -48,6 +61,21 @@ const useFilter = (options) => {
 		resetFiltersToEmpty
 	};
 };
+const useFilterDrawer = () => {
+	const [isOpen, setIsOpen] = useState(false);
+	const [initialView, setInitialView] = useState(void 0);
+	return {
+		isOpen,
+		initialView,
+		open: useCallback((view) => {
+			setInitialView(view);
+			setIsOpen(true);
+		}, []),
+		close: useCallback(() => {
+			setIsOpen(false);
+		}, [])
+	};
+};
 const createFilterConfig = (categories) => {
 	const defaultValues = {};
 	const labelMaps = /* @__PURE__ */ new Map();
@@ -104,6 +132,6 @@ const toggleArrayFilter = (filter, filterKey, value) => {
 	const updated = current.includes(value) ? current.filter((v) => v !== value) : [...current, value];
 	filter.setFilter(filterKey, updated.length > 0 ? updated : void 0);
 };
-export { createFilterConfig, filterItems, matchFilter, toggleArrayFilter, useFilter };
+export { DrawerNavigation_default as DrawerNavigation, DrawerNavigationContext, FilterButton_default as FilterButton, FilterButtonAndChipsWrapper_default as FilterButtonAndChipsWrapper, FilterDrawer_default as FilterDrawer, FilterLinkList_default as FilterLinkList, FilterOverviewLinkList_default as FilterOverviewLinkList, FilterOverviewSearch_default as FilterOverviewSearch, FilterResultCountAndSortWrapper_default as FilterResultCountAndSortWrapper, FilterSearch_default as FilterSearch, FilterSort_default as FilterSort, Link, createFilterConfig, filterItems, getFilterChips_default as getFilterChips, matchFilter, toggleArrayFilter, useDrawerNavigation, useFilter, useFilterDrawer };
 
 //# sourceMappingURL=index.js.map

package/lib/components/Filter/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Filter/useFilter.ts","../../../src/components/Filter/utils.ts"],"sourcesContent":["import { useState } from 'react';\n\n// Key er string men value kan være hva som helst og er ukjent for oss internt i useFilter. Den er typesikker for consumer.\n// Dette mønsteret lar oss ha ulike typer i samme objekt.\nexport type FilterValues = Record<string, unknown>;\n\nexport interface UseFilterOptions<T extends FilterValues> {\n  /** Initial filter values */\n  defaultValues?: Partial<T>;\n}\n\nexport interface UseFilterReturn<T extends FilterValues> {\n  /** Current filter state */\n  filters: Partial<T>;\n  /** Update a single filter. Pass undefined to remove it. */\n  setFilter: <K extends keyof T>(name: K, value: T[K] | undefined) => void;\n  /** Replace all filters at once (useful for applying draft/delayed filters) */\n  setFilters: (filters: Partial<T>) => void;\n  /** Remove a filter entirely, or a specific value from an array filter */\n  removeFilter: (filterKey: keyof T | string, optionValue?: unknown) => void;\n  /** Reset filters to default values */\n  resetFilters: () => void;\n  /** Resets to empty filter */\n  resetFiltersToEmpty: () => void;\n}\n\nexport const useFilter = <T extends FilterValues>(options?: UseFilterOptions<T>): UseFilterReturn<T> => {\n  const [filters, setFiltersState] = useState<Partial<T>>(() => ({ ...options?.defaultValues }) as Partial<T>);\n\n  // Fjern et filter helt, eller fjern en spesifikk verdi fra et array-filter.\n  const removeFilter = (filterKey: keyof T, optionValue?: unknown): void => {\n    setFiltersState(prev => {\n      const current = prev[filterKey];\n      if (current === undefined) return prev;\n      if (optionValue !== undefined && Array.isArray(current)) {\n        const updated = current.filter(v => v !== optionValue);\n        if (updated.length === 0) {\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          const { [filterKey as string]: _removed, ...rest } = prev;\n          return rest as Partial<T>;\n        }\n        return { ...prev, [filterKey]: updated };\n      }\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { [filterKey as string]: _removed, ...rest } = prev;\n      return rest as Partial<T>;\n    });\n  };\n\n  // Sett en filtervalue. Send inn undefined for å fjerne filteret.\n  const setFilter = <K extends keyof T>(name: K, value: T[K] | undefined): void => {\n    if (value === undefined) {\n      removeFilter(name);\n      return;\n    }\n    setFiltersState(prev => ({ ...prev, [name]: value }));\n  };\n\n  // Erstatt alle filtre på en gang (f.eks. ved \"Bruk filter\" i delayed filtrering).\n  const setFilters = (newFilters: Partial<T>): void => {\n    setFiltersState(newFilters);\n  };\n\n  const resetFilters = (): void => {\n    setFiltersState({ ...options?.defaultValues } as Partial<T>);\n  };\n\n  const resetFiltersToEmpty = (): void => {\n    setFiltersState({});\n  };\n\n  return { filters, setFilter, setFilters, removeFilter, resetFilters, resetFiltersToEmpty };\n};\n","import type { FilterValues, UseFilterOptions, UseFilterReturn } from './useFilter';\n\n/** Et filtervalg med verdi og visningstekst */\nexport interface FilterOption<V = string> {\n  value: V;\n  label: string;\n}\n\n// Hvis V er et array (f.eks. string[]), hent ut typen inni arrayet (string).\n// Hvis V ikke er et array (f.eks. boolean), bruk V som den er.\n// Brukes for å sikre at options-listen matcher elementene, ikke hele arrayet.\n// Eksempel: FilterCategoryConfig<string[]> → options er FilterOption<string>[], ikke FilterOption<string[]>[]\ntype OptionValue<V> = V extends (infer U)[] ? U : V;\n\n/** Konfigurasjon for en filterkategori. */\nexport interface FilterCategoryConfig<V = unknown> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  options?: ({ value: OptionValue<V> } & { [key: string]: any })[];\n  defaultValue?: V;\n  /** Hent visningstekst fra et option-objekt. Hvis ikke satt, brukes String(value). */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  getLabel?: (option: any) => string;\n}\n\nexport interface FilterConfigResult<T extends FilterValues> {\n  /** Options for useFilter (defaultValues) */\n  filterOptions: UseFilterOptions<T>;\n  /** Look up the display label for a filter value */\n  getLabel: (key: keyof T, value: unknown) => string;\n}\n\n/**\n * Lager UseFilterOptions fra et oppsett av filterkategorier.\n * Samler defaultValues og label-oppslag automatisk fra config.\n *\n * Eksempel:\n *   const { filterOptions, getLabel } = createFilterConfig<MyFilters>({\n *     sykehus: { options: sykehusOptions, defaultValue: ['haukeland'], getLabel: o => o.label },\n *     status: { options: statusOptions, getLabel: o => o.displayText },\n *   });\n *   const filter = useFilter(filterOptions);\n *   getLabel('sykehus', 'haukeland') // → 'Haukeland universitetssjukehus'\n */\nexport const createFilterConfig = <T extends FilterValues>(categories: {\n  [K in keyof T]?: FilterCategoryConfig<T[K]>;\n}): FilterConfigResult<T> => {\n  const defaultValues = {} as Partial<T>;\n  const labelMaps = new Map<string, Map<unknown, string>>();\n\n  for (const key in categories) {\n    const category = categories[key];\n    if (category?.defaultValue !== undefined) {\n      defaultValues[key] = category.defaultValue as T[typeof key];\n    }\n    if (category?.options) {\n      const resolve = category.getLabel ?? ((o: { value: unknown }): string => String(o.value));\n      const map = new Map<unknown, string>();\n      for (const opt of category.options) {\n        map.set(opt.value, resolve(opt));\n      }\n      labelMaps.set(key, map);\n    }\n  }\n\n  const getLabel = (key: keyof T, value: unknown): string => {\n    return labelMaps.get(key as string)?.get(value) ?? String(value); // todo: fallback til .displaytext om det ikke er sendt inn noe, og String(value) om .label ikke finnes\n  };\n\n  return { filterOptions: { defaultValues }, getLabel };\n};\n\n/**\n * Ferdige matcher-funksjoner for typiske filter mønster.\n * Brukes som deler i matcher objektet til filterItems.\n *\n * Eksempel:\n *   const filterMatchers = {\n *     categories: matchFilter.arrayIncludes<Medisin>(m => m.sykehus),\n *     status: matchFilter.exactMatch<Medisin>(m => m.status),\n *     eResept: matchFilter.booleanToggle<Medisin>(m => m.eResept),\n *   };\n */\nexport const matchFilter = {\n  /** Array-filter: matcher hvis det er overlapp mellom filterverdier og item-verdier (OR-logikk). */\n  arrayIncludes:\n    <TItem>(accessor: (item: TItem) => unknown) =>\n    (item: TItem, value: unknown): boolean => {\n      const filterValues = Array.isArray(value) ? value : [value];\n      const itemValue = accessor(item);\n      if (Array.isArray(itemValue)) {\n        return itemValue.some(v => filterValues.includes(v));\n      }\n      return filterValues.includes(itemValue);\n    },\n\n  /** Eksakt match: matcher hvis item-verdien er lik én av filterverdiene */\n  exactMatch:\n    <TItem>(accessor: (item: TItem) => unknown) =>\n    (item: TItem, value: unknown): boolean => {\n      if (Array.isArray(value)) {\n        return value.includes(accessor(item));\n      }\n      return accessor(item) === value;\n    },\n\n  /** Boolean toggle: når filterverdien er true, inkluder kun items der accessor returnerer true */\n  booleanToggle:\n    <TItem>(accessor: (item: TItem) => boolean) =>\n    (item: TItem, value: unknown): boolean => {\n      const active = Array.isArray(value) ? value.includes(true) : value === true;\n      return !active || accessor(item);\n    },\n\n  /** Fritekstsøk: matcher hvis søketeksten finnes i ett eller flere felt (case-insensitive) */\n  textSearch:\n    <TItem>(...accessors: ((item: TItem) => string | undefined)[]) =>\n    (item: TItem, value: unknown): boolean => {\n      const search = String(value).toLowerCase();\n      return accessors.some(accessor => accessor(item)?.toLowerCase().includes(search));\n    },\n};\n\n/**\n * Filtrerer en liste med items basert på aktive filterverdier.\n * Hvert filter som er satt må matche for at et item skal inkluderes (AND-logikk).\n *\n * Eksempel:\n *   const filtered = filterItems(medisiner, filter.filters, {\n *     sykehus: matchFilter.arrayIncludes<Medisin>(m => m.sykehus),\n *     reseptstatus: matchFilter.exactMatch<Medisin>(m => m.reseptstatus),\n *     eResept: matchFilter.booleanToggle<Medisin>(m => m.eResept),\n *   });\n */\n\n/** Type for matcher-objektet som sendes til filterItems. Sikrer at keys matcher filtertypen. */\nexport type FilterMatchers<TItem, T extends FilterValues> = { [K in keyof T]?: (item: TItem, value: NonNullable<T[K]>) => boolean };\n\nexport const filterItems = <TItem, T extends FilterValues>(\n  items: TItem[],\n  filters: Partial<T>,\n  matchers: FilterMatchers<TItem, T>\n): TItem[] => {\n  return items.filter(item => {\n    for (const key in matchers) {\n      const value = filters[key];\n      if (value === undefined) {\n        continue;\n      }\n      const matcher = matchers[key];\n      if (matcher && !matcher(item, value as NonNullable<T[typeof key]>)) {\n        return false;\n      }\n    }\n    return true;\n  });\n};\n\n/**\n * Toggler en verdi i et array-basert filter.\n * Legger til verdien hvis den ikke finnes, fjerner den hvis den finnes.\n * Setter filteret til undefined hvis arrayet blir tomt.\n */\nexport const toggleArrayFilter = <T extends FilterValues, K extends keyof T>(\n  filter: UseFilterReturn<T>,\n  filterKey: K,\n  value: T[K] extends (infer U)[] | undefined ? U : never\n): void => {\n  const current = (filter.filters[filterKey] ?? []) as unknown[];\n  const updated = current.includes(value) ? current.filter(v => v !== value) : [...current, value];\n  filter.setFilter(filterKey, (updated.length > 0 ? updated : undefined) as T[K] | undefined);\n};\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/Filter/useFilter.ts","../../../src/components/Filter/useFilterDrawer.ts","../../../src/components/Filter/utils.ts"],"sourcesContent":["import { useState } from 'react';\n\n// Key er string men value kan være hva som helst og er ukjent for oss internt i useFilter. Den er typesikker for consumer.\n// Dette mønsteret lar oss ha ulike typer i samme objekt.\nexport type FilterValues = Record<string, unknown>;\n\nexport interface UseFilterOptions<T extends FilterValues> {\n  /** Initial filter values */\n  defaultValues?: Partial<T>;\n}\n\nexport interface UseFilterReturn<T extends FilterValues> {\n  /** Current filter state */\n  filters: Partial<T>;\n  /** Update a single filter. Pass undefined to remove it. */\n  setFilter: <K extends keyof T>(name: K, value: T[K] | undefined) => void;\n  /** Replace all filters at once (useful for applying draft/delayed filters) */\n  setFilters: (filters: Partial<T>) => void;\n  /** Remove a filter entirely, or a specific value from an array filter */\n  removeFilter: (filterKey: keyof T | string, optionValue?: unknown) => void;\n  /** Reset filters to default values */\n  resetFilters: () => void;\n  /** Resets to empty filter */\n  resetFiltersToEmpty: () => void;\n}\n\nexport const useFilter = <T extends FilterValues>(options?: UseFilterOptions<T>): UseFilterReturn<T> => {\n  const [filters, setFiltersState] = useState<Partial<T>>(() => ({ ...options?.defaultValues }) as Partial<T>);\n\n  // Fjern et filter helt, eller fjern en spesifikk verdi fra et array-filter.\n  const removeFilter = (filterKey: keyof T, optionValue?: unknown): void => {\n    setFiltersState(prev => {\n      const current = prev[filterKey];\n      if (current === undefined) return prev;\n      if (optionValue !== undefined && Array.isArray(current)) {\n        const updated = current.filter(v => v !== optionValue);\n        if (updated.length === 0) {\n          // eslint-disable-next-line @typescript-eslint/no-unused-vars\n          const { [filterKey as string]: _removed, ...rest } = prev;\n          return rest as Partial<T>;\n        }\n        return { ...prev, [filterKey]: updated };\n      }\n      // eslint-disable-next-line @typescript-eslint/no-unused-vars\n      const { [filterKey as string]: _removed, ...rest } = prev;\n      return rest as Partial<T>;\n    });\n  };\n\n  // Sett en filtervalue. Send inn undefined for å fjerne filteret.\n  const setFilter = <K extends keyof T>(name: K, value: T[K] | undefined): void => {\n    if (value === undefined) {\n      removeFilter(name);\n      return;\n    }\n    setFiltersState(prev => ({ ...prev, [name]: value }));\n  };\n\n  // Erstatt alle filtre på en gang (f.eks. ved \"Bruk filter\" i delayed filtrering).\n  const setFilters = (newFilters: Partial<T>): void => {\n    setFiltersState(newFilters);\n  };\n\n  const resetFilters = (): void => {\n    setFiltersState({ ...options?.defaultValues } as Partial<T>);\n  };\n\n  const resetFiltersToEmpty = (): void => {\n    setFiltersState({});\n  };\n\n  return { filters, setFilter, setFilters, removeFilter, resetFilters, resetFiltersToEmpty };\n};\n","import { useState, useCallback } from 'react';\n\nexport interface UseFilterDrawerReturn<ViewId extends string = string> {\n  /** Whether the drawer is currently open */\n  isOpen: boolean;\n  /** The view to navigate to when the drawer opens */\n  initialView: ViewId | undefined;\n  /** Open the drawer, optionally navigating directly to a specific view */\n  open: (view?: ViewId) => void;\n  /** Close the drawer */\n  close: () => void;\n}\n\nexport const useFilterDrawer = <ViewId extends string = string>(): UseFilterDrawerReturn<ViewId> => {\n  const [isOpen, setIsOpen] = useState(false);\n  const [initialView, setInitialView] = useState<ViewId | undefined>(undefined);\n\n  const open = useCallback((view?: ViewId): void => {\n    setInitialView(view);\n    setIsOpen(true);\n  }, []);\n\n  const close = useCallback((): void => {\n    setIsOpen(false);\n  }, []);\n\n  return { isOpen, initialView, open, close };\n};\n","import type { FilterValues, UseFilterOptions, UseFilterReturn } from './useFilter';\n\n/** Et filtervalg med verdi og visningstekst */\nexport interface FilterOption<V = string> {\n  value: V;\n  label: string;\n}\n\n// Hvis V er et array (f.eks. string[]), hent ut typen inni arrayet (string).\n// Hvis V ikke er et array (f.eks. boolean), bruk V som den er.\n// Brukes for å sikre at options-listen matcher elementene, ikke hele arrayet.\n// Eksempel: FilterCategoryConfig<string[]> → options er FilterOption<string>[], ikke FilterOption<string[]>[]\ntype OptionValue<V> = V extends (infer U)[] ? U : V;\n\n/** Konfigurasjon for en filterkategori. */\nexport interface FilterCategoryConfig<V = unknown> {\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  options?: ({ value: OptionValue<V> } & { [key: string]: any })[];\n  defaultValue?: V;\n  /** Hent visningstekst fra et option-objekt. Hvis ikke satt, brukes String(value). */\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  getLabel?: (option: any) => string;\n}\n\nexport interface FilterConfigResult<T extends FilterValues> {\n  /** Options for useFilter (defaultValues) */\n  filterOptions: UseFilterOptions<T>;\n  /** Look up the display label for a filter value */\n  getLabel: (key: keyof T, value: unknown) => string;\n}\n\n/**\n * Lager UseFilterOptions fra et oppsett av filterkategorier.\n * Samler defaultValues og label-oppslag automatisk fra config.\n *\n * Eksempel:\n *   const { filterOptions, getLabel } = createFilterConfig<MyFilters>({\n *     sykehus: { options: sykehusOptions, defaultValue: ['haukeland'], getLabel: o => o.label },\n *     status: { options: statusOptions, getLabel: o => o.displayText },\n *   });\n *   const filter = useFilter(filterOptions);\n *   getLabel('sykehus', 'haukeland') // → 'Haukeland universitetssjukehus'\n */\nexport const createFilterConfig = <T extends FilterValues>(categories: {\n  [K in keyof T]?: FilterCategoryConfig<T[K]>;\n}): FilterConfigResult<T> => {\n  const defaultValues = {} as Partial<T>;\n  const labelMaps = new Map<string, Map<unknown, string>>();\n\n  for (const key in categories) {\n    const category = categories[key];\n    if (category?.defaultValue !== undefined) {\n      defaultValues[key] = category.defaultValue as T[typeof key];\n    }\n    if (category?.options) {\n      const resolve = category.getLabel ?? ((o: { value: unknown }): string => String(o.value));\n      const map = new Map<unknown, string>();\n      for (const opt of category.options) {\n        map.set(opt.value, resolve(opt));\n      }\n      labelMaps.set(key, map);\n    }\n  }\n\n  const getLabel = (key: keyof T, value: unknown): string => {\n    return labelMaps.get(key as string)?.get(value) ?? String(value); // todo: fallback til .displaytext om det ikke er sendt inn noe, og String(value) om .label ikke finnes\n  };\n\n  return { filterOptions: { defaultValues }, getLabel };\n};\n\n/**\n * Ferdige matcher-funksjoner for typiske filter mønster.\n * Brukes som deler i matcher objektet til filterItems.\n *\n * Eksempel:\n *   const filterMatchers = {\n *     categories: matchFilter.arrayIncludes<Medisin>(m => m.sykehus),\n *     status: matchFilter.exactMatch<Medisin>(m => m.status),\n *     eResept: matchFilter.booleanToggle<Medisin>(m => m.eResept),\n *   };\n */\nexport const matchFilter = {\n  /** Array-filter: matcher hvis det er overlapp mellom filterverdier og item-verdier (OR-logikk). */\n  arrayIncludes:\n    <TItem>(accessor: (item: TItem) => unknown) =>\n    (item: TItem, value: unknown): boolean => {\n      const filterValues = Array.isArray(value) ? value : [value];\n      const itemValue = accessor(item);\n      if (Array.isArray(itemValue)) {\n        return itemValue.some(v => filterValues.includes(v));\n      }\n      return filterValues.includes(itemValue);\n    },\n\n  /** Eksakt match: matcher hvis item-verdien er lik én av filterverdiene */\n  exactMatch:\n    <TItem>(accessor: (item: TItem) => unknown) =>\n    (item: TItem, value: unknown): boolean => {\n      if (Array.isArray(value)) {\n        return value.includes(accessor(item));\n      }\n      return accessor(item) === value;\n    },\n\n  /** Boolean toggle: når filterverdien er true, inkluder kun items der accessor returnerer true */\n  booleanToggle:\n    <TItem>(accessor: (item: TItem) => boolean) =>\n    (item: TItem, value: unknown): boolean => {\n      const active = Array.isArray(value) ? value.includes(true) : value === true;\n      return !active || accessor(item);\n    },\n\n  /** Fritekstsøk: matcher hvis søketeksten finnes i ett eller flere felt (case-insensitive) */\n  textSearch:\n    <TItem>(...accessors: ((item: TItem) => string | undefined)[]) =>\n    (item: TItem, value: unknown): boolean => {\n      const search = String(value).toLowerCase();\n      return accessors.some(accessor => accessor(item)?.toLowerCase().includes(search));\n    },\n};\n\n/**\n * Filtrerer en liste med items basert på aktive filterverdier.\n * Hvert filter som er satt må matche for at et item skal inkluderes (AND-logikk).\n *\n * Eksempel:\n *   const filtered = filterItems(medisiner, filter.filters, {\n *     sykehus: matchFilter.arrayIncludes<Medisin>(m => m.sykehus),\n *     reseptstatus: matchFilter.exactMatch<Medisin>(m => m.reseptstatus),\n *     eResept: matchFilter.booleanToggle<Medisin>(m => m.eResept),\n *   });\n */\n\n/** Type for matcher-objektet som sendes til filterItems. Sikrer at keys matcher filtertypen. */\nexport type FilterMatchers<TItem, T extends FilterValues> = { [K in keyof T]?: (item: TItem, value: NonNullable<T[K]>) => boolean };\n\nexport const filterItems = <TItem, T extends FilterValues>(\n  items: TItem[],\n  filters: Partial<T>,\n  matchers: FilterMatchers<TItem, T>\n): TItem[] => {\n  return items.filter(item => {\n    for (const key in matchers) {\n      const value = filters[key];\n      if (value === undefined) {\n        continue;\n      }\n      const matcher = matchers[key];\n      if (matcher && !matcher(item, value as NonNullable<T[typeof key]>)) {\n        return false;\n      }\n    }\n    return true;\n  });\n};\n\n/**\n * Toggler en verdi i et array-basert filter.\n * Legger til verdien hvis den ikke finnes, fjerner den hvis den finnes.\n * Setter filteret til undefined hvis arrayet blir tomt.\n */\nexport const toggleArrayFilter = <T extends FilterValues, K extends keyof T>(\n  filter: UseFilterReturn<T>,\n  filterKey: K,\n  value: T[K] extends (infer U)[] | undefined ? U : never\n): void => {\n  const current = (filter.filters[filterKey] ?? []) as unknown[];\n  const updated = current.includes(value) ? current.filter(v => v !== value) : [...current, value];\n  filter.setFilter(filterKey, (updated.length > 0 ? updated : undefined) as T[K] | undefined);\n};\n"],"mappings":"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"}

package/lib/components/HelpBubble/index.js

@@ -3,7 +3,7 @@ import { t as AnchorLink_default } from "../../AnchorLink.js";
 import { n as useLanguage } from "../../useLanguage.js";
 import { t as Close_default } from "../../Close.js";
 import { n as PopOverVariant, t as PopOver_default } from "../../PopOver.js";
-import classNames from "classnames";
+import cn from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
 var HN_Designsystem_HelpBubble_nb_NO_default = { ariaLabel: "Hjelpetekst" };
@@ -22,8 +22,8 @@ var HelpBubble = (props) => {
 		...getResources(language),
 		...resources
 	};
-	const helpBubbleClasses = classNames(styles.helpbubble, className);
-	const contentClasses = classNames(styles.helpbubble__content);
+	const helpBubbleClasses = cn(styles.helpbubble, className);
+	const contentClasses = cn(styles.helpbubble__content);
 	const renderLink = () => {
 		if (onLinkClick && linkText) return /* @__PURE__ */ jsx("button", {
 			className: styles.helpbubble__link,

package/lib/components/HelpBubble/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["HelpBubble: React.FC<HelpBubbleProps>","mergedResources: HNDesignsystemHelpBubble"],"sources":["../../../src/resources/HN.Designsystem.HelpBubble.nb-NO.json","../../../src/components/HelpBubble/resourceHelper.ts","../../../src/components/HelpBubble/HelpBubble.tsx","../../../src/components/HelpBubble/index.ts"],"sourcesContent":["{\n  \"ariaLabel\": \"Hjelpetekst\"\n}\n","import type { HNDesignsystemHelpBubble } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport nbNO from '../../resources/HN.Designsystem.HelpBubble.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemHelpBubble => {\n  switch (language) {\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import classNames from 'classnames';\n\nimport type { HNDesignsystemHelpBubble } from '../../resources/Resources';\nimport type { AnchorLinkTargets } from '../AnchorLink';\nimport type { PopOverProps } from '../PopOver';\n\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { useLanguage } from '../../hooks/useLanguage';\nimport AnchorLink from '../AnchorLink';\nimport Close from '../Close';\nimport PopOver, { PopOverVariant } from '../PopOver';\nimport { getResources } from './resourceHelper';\n\nimport styles from './styles.module.scss';\n\nexport const HelpBubbleVariant = PopOverVariant;\n\nexport interface HelpBubbleProps extends Pick<PopOverProps, 'children' | 'variant' | 'controllerRef' | 'role'> {\n  /** Sets aria-labelledby of the bubble. */\n  ariaLabelledById?: string;\n  /** Id of the HelpBubble */\n  helpBubbleId?: string;\n  /** Content shown inside HelpBubble. */\n  children: React.ReactNode;\n  /** Ref for the element the HelpBubble is placed upon */\n  controllerRef: React.RefObject<HTMLElement | SVGSVGElement | null>;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Determines the placement of the helpbubble. Default: automatic positioning. */\n  variant?: keyof typeof HelpBubbleVariant;\n  /** Show the bubble. Default: false. */\n  showBubble?: boolean;\n  /** Hide the close button in the bubble. */\n  noCloseButton?: boolean;\n  /** Visible text on the link. */\n  linkText?: string;\n  /** Url the link leads to */\n  linkUrl?: string;\n  /** Sets the target type of the link. _blank adds an arrow icon at the end of the link */\n  linkTarget?: AnchorLinkTargets;\n  /** Function is called when link is clicked */\n  onLinkClick?: () => void;\n  /** Function is called when user clicks the button */\n  onClose?: () => void;\n  /** aria-label to be passed onto Close */\n  closeAriaLabel?: string;\n  /** Resources for the component */\n  resources?: Partial<HNDesignsystemHelpBubble>;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Ref that is passed to the component */\n  ref?: React.Ref<HTMLDivElement | SVGSVGElement | null>;\n}\n\nconst HelpBubble: React.FC<HelpBubbleProps> = props => {\n  const {\n    ariaLabelledById,\n    children,\n    className = '',\n    noCloseButton,\n    linkText = 'Mer hjelp',\n    linkUrl,\n    linkTarget,\n    onLinkClick,\n    onClose,\n    closeAriaLabel,\n    // Props passed on to PopOver\n    showBubble,\n    helpBubbleId,\n    variant,\n    controllerRef,\n    resources,\n    testId,\n    ref,\n  } = props;\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n\n  if (!showBubble) {\n    return null;\n  }\n\n  const defaultResources = getResources(language);\n  const mergedResources: HNDesignsystemHelpBubble = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  const helpBubbleClasses = classNames(styles.helpbubble, className);\n  const contentClasses = classNames(styles.helpbubble__content);\n\n  const renderLink = (): React.ReactNode | undefined => {\n    if (onLinkClick && linkText) {\n      return (\n        <button className={styles.helpbubble__link} onClick={onLinkClick} type=\"button\">\n          {linkText}\n        </button>\n      );\n    } else if (linkUrl && linkText) {\n      return (\n        <AnchorLink href={linkUrl} target={linkTarget}>\n          {linkText}\n        </AnchorLink>\n      );\n    }\n  };\n\n  const renderCloseButton = (): React.ReactNode | undefined => {\n    if (noCloseButton) {\n      return;\n    }\n    return <Close small color=\"plum\" onClick={onClose} ariaLabel={closeAriaLabel} className={styles.helpbubble__close} />;\n  };\n\n  return (\n    <PopOver\n      ariaLabel={mergedResources.ariaLabel}\n      ariaLabelledById={ariaLabelledById}\n      id={helpBubbleId}\n      variant={variant}\n      controllerRef={controllerRef}\n      role=\"group\"\n      ref={ref}\n      show={showBubble}\n      testId={testId}\n    >\n      <div className={helpBubbleClasses} data-analyticsid={AnalyticsId.HelpBubble}>\n        <div className={contentClasses}>\n          {children}\n          {renderLink()}\n        </div>\n        {renderCloseButton()}\n      </div>\n    </PopOver>\n  );\n};\n\nHelpBubble.displayName = 'HelpBubble';\n\nexport default HelpBubble;\n","import HelpBubble from './HelpBubble';\nexport * from './HelpBubble';\nexport default HelpBubble;\n"],"mappings":";;;;;;;;;ACKA,MAAa,gBAAgB,aAAwD;AACnF,SAAQ,UAAR;EACE,KAAK,gBAAgB;EACrB,QACE,QAAO;;;ACMb,MAAa,oBAAoB;AAuCjC,IAAMA,cAAwC,UAAS;CACrD,MAAM,EACJ,kBACA,UACA,YAAY,IACZ,eACA,WAAW,aACX,SACA,YACA,aACA,SACA,gBAEA,YACA,cACA,SACA,eACA,WACA,QACA,QACE;CAEJ,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;AAE5E,KAAI,CAAC,WACH,QAAO;CAIT,MAAMC,kBAA4C;EAChD,GAFuB,aAAa,SAAS;EAG7C,GAAG;EACJ;CAED,MAAM,oBAAoB,WAAW,OAAO,YAAY,UAAU;CAClE,MAAM,iBAAiB,WAAW,OAAO,oBAAoB;CAE7D,MAAM,mBAAgD;AACpD,MAAI,eAAe,SACjB,QACE,oBAAC,UAAA;GAAO,WAAW,OAAO;GAAkB,SAAS;GAAa,MAAK;aACpE;IACM;WAEF,WAAW,SACpB,QACE,oBAAC,oBAAA;GAAW,MAAM;GAAS,QAAQ;aAChC;IACU;;CAKnB,MAAM,0BAAuD;AAC3D,MAAI,cACF;AAEF,SAAO,oBAAC,eAAA;GAAM,OAAA;GAAM,OAAM;GAAO,SAAS;GAAS,WAAW;GAAgB,WAAW,OAAO;IAAqB;;AAGvH,QACE,oBAAC,iBAAA;EACC,WAAW,gBAAgB;EACT;EAClB,IAAI;EACK;EACM;EACf,MAAK;EACA;EACL,MAAM;EACE;YAER,qBAAC,OAAA;GAAI,WAAW;GAAmB,oBAAkB,YAAY;cAC/D,qBAAC,OAAA;IAAI,WAAW;eACb,UACA,YAAY,CAAA;KACT,EACL,mBAAmB,CAAA;IAChB;GACE;;AAId,WAAW,cAAc;ACvIzB,IAAA,qBDyIe"}
+{"version":3,"file":"index.js","names":["HelpBubble: React.FC<HelpBubbleProps>","mergedResources: HNDesignsystemHelpBubble"],"sources":["../../../src/resources/HN.Designsystem.HelpBubble.nb-NO.json","../../../src/components/HelpBubble/resourceHelper.ts","../../../src/components/HelpBubble/HelpBubble.tsx","../../../src/components/HelpBubble/index.ts"],"sourcesContent":["{\n  \"ariaLabel\": \"Hjelpetekst\"\n}\n","import type { HNDesignsystemHelpBubble } from '../../resources/Resources';\n\nimport { LanguageLocales } from '../../constants';\nimport nbNO from '../../resources/HN.Designsystem.HelpBubble.nb-NO.json';\n\nexport const getResources = (language: LanguageLocales): HNDesignsystemHelpBubble => {\n  switch (language) {\n    case LanguageLocales.NORWEGIAN:\n    default:\n      return nbNO;\n  }\n};\n","import classNames from 'classnames';\n\nimport type { HNDesignsystemHelpBubble } from '../../resources/Resources';\nimport type { AnchorLinkTargets } from '../AnchorLink';\nimport type { PopOverProps } from '../PopOver';\n\nimport { AnalyticsId, LanguageLocales } from '../../constants';\nimport { useLanguage } from '../../hooks/useLanguage';\nimport AnchorLink from '../AnchorLink';\nimport Close from '../Close';\nimport PopOver, { PopOverVariant } from '../PopOver';\nimport { getResources } from './resourceHelper';\n\nimport styles from './styles.module.scss';\n\nexport const HelpBubbleVariant = PopOverVariant;\n\nexport interface HelpBubbleProps extends Pick<PopOverProps, 'children' | 'variant' | 'controllerRef' | 'role'> {\n  /** Sets aria-labelledby of the bubble. */\n  ariaLabelledById?: string;\n  /** Id of the HelpBubble */\n  helpBubbleId?: string;\n  /** Content shown inside HelpBubble. */\n  children: React.ReactNode;\n  /** Ref for the element the HelpBubble is placed upon */\n  controllerRef: React.RefObject<HTMLElement | SVGSVGElement | null>;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Determines the placement of the helpbubble. Default: automatic positioning. */\n  variant?: keyof typeof HelpBubbleVariant;\n  /** Show the bubble. Default: false. */\n  showBubble?: boolean;\n  /** Hide the close button in the bubble. */\n  noCloseButton?: boolean;\n  /** Visible text on the link. */\n  linkText?: string;\n  /** Url the link leads to */\n  linkUrl?: string;\n  /** Sets the target type of the link. _blank adds an arrow icon at the end of the link */\n  linkTarget?: AnchorLinkTargets;\n  /** Function is called when link is clicked */\n  onLinkClick?: () => void;\n  /** Function is called when user clicks the button */\n  onClose?: () => void;\n  /** aria-label to be passed onto Close */\n  closeAriaLabel?: string;\n  /** Resources for the component */\n  resources?: Partial<HNDesignsystemHelpBubble>;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Ref that is passed to the component */\n  ref?: React.Ref<HTMLDivElement | SVGSVGElement | null>;\n}\n\nconst HelpBubble: React.FC<HelpBubbleProps> = props => {\n  const {\n    ariaLabelledById,\n    children,\n    className = '',\n    noCloseButton,\n    linkText = 'Mer hjelp',\n    linkUrl,\n    linkTarget,\n    onLinkClick,\n    onClose,\n    closeAriaLabel,\n    // Props passed on to PopOver\n    showBubble,\n    helpBubbleId,\n    variant,\n    controllerRef,\n    resources,\n    testId,\n    ref,\n  } = props;\n\n  const { language } = useLanguage<LanguageLocales>(LanguageLocales.NORWEGIAN);\n\n  if (!showBubble) {\n    return null;\n  }\n\n  const defaultResources = getResources(language);\n  const mergedResources: HNDesignsystemHelpBubble = {\n    ...defaultResources,\n    ...resources,\n  };\n\n  const helpBubbleClasses = classNames(styles.helpbubble, className);\n  const contentClasses = classNames(styles.helpbubble__content);\n\n  const renderLink = (): React.ReactNode | undefined => {\n    if (onLinkClick && linkText) {\n      return (\n        <button className={styles.helpbubble__link} onClick={onLinkClick} type=\"button\">\n          {linkText}\n        </button>\n      );\n    } else if (linkUrl && linkText) {\n      return (\n        <AnchorLink href={linkUrl} target={linkTarget}>\n          {linkText}\n        </AnchorLink>\n      );\n    }\n  };\n\n  const renderCloseButton = (): React.ReactNode | undefined => {\n    if (noCloseButton) {\n      return;\n    }\n    return <Close small color=\"plum\" onClick={onClose} ariaLabel={closeAriaLabel} className={styles.helpbubble__close} />;\n  };\n\n  return (\n    <PopOver\n      ariaLabel={mergedResources.ariaLabel}\n      ariaLabelledById={ariaLabelledById}\n      id={helpBubbleId}\n      variant={variant}\n      controllerRef={controllerRef}\n      role=\"group\"\n      ref={ref}\n      show={showBubble}\n      testId={testId}\n    >\n      <div className={helpBubbleClasses} data-analyticsid={AnalyticsId.HelpBubble}>\n        <div className={contentClasses}>\n          {children}\n          {renderLink()}\n        </div>\n        {renderCloseButton()}\n      </div>\n    </PopOver>\n  );\n};\n\nHelpBubble.displayName = 'HelpBubble';\n\nexport default HelpBubble;\n","import HelpBubble from './HelpBubble';\nexport * from './HelpBubble';\nexport default HelpBubble;\n"],"mappings":";;;;;;;;;ACKA,MAAa,gBAAgB,aAAwD;AACnF,SAAQ,UAAR;EACE,KAAK,gBAAgB;EACrB,QACE,QAAO;;;ACMb,MAAa,oBAAoB;AAuCjC,IAAMA,cAAwC,UAAS;CACrD,MAAM,EACJ,kBACA,UACA,YAAY,IACZ,eACA,WAAW,aACX,SACA,YACA,aACA,SACA,gBAEA,YACA,cACA,SACA,eACA,WACA,QACA,QACE;CAEJ,MAAM,EAAE,aAAa,YAA6B,gBAAgB,UAAU;AAE5E,KAAI,CAAC,WACH,QAAO;CAIT,MAAMC,kBAA4C;EAChD,GAFuB,aAAa,SAAS;EAG7C,GAAG;EACJ;CAED,MAAM,oBAAoB,GAAW,OAAO,YAAY,UAAU;CAClE,MAAM,iBAAiB,GAAW,OAAO,oBAAoB;CAE7D,MAAM,mBAAgD;AACpD,MAAI,eAAe,SACjB,QACE,oBAAC,UAAA;GAAO,WAAW,OAAO;GAAkB,SAAS;GAAa,MAAK;aACpE;IACM;WAEF,WAAW,SACpB,QACE,oBAAC,oBAAA;GAAW,MAAM;GAAS,QAAQ;aAChC;IACU;;CAKnB,MAAM,0BAAuD;AAC3D,MAAI,cACF;AAEF,SAAO,oBAAC,eAAA;GAAM,OAAA;GAAM,OAAM;GAAO,SAAS;GAAS,WAAW;GAAgB,WAAW,OAAO;IAAqB;;AAGvH,QACE,oBAAC,iBAAA;EACC,WAAW,gBAAgB;EACT;EAClB,IAAI;EACK;EACM;EACf,MAAK;EACA;EACL,MAAM;EACE;YAER,qBAAC,OAAA;GAAI,WAAW;GAAmB,oBAAkB,YAAY;cAC/D,qBAAC,OAAA;IAAI,WAAW;eACb,UACA,YAAY,CAAA;KACT,EACL,mBAAmB,CAAA;IAChB;GACE;;AAId,WAAW,cAAc;ACvIzB,IAAA,qBDyIe"}

package/lib/components/HelpPanel/index.js

@@ -1,11 +1,11 @@
 import { t as HighlightPanel_default } from "../../HighlightPanel.js";
 import { t as HandWaving_default } from "../../HandWaving.js";
-import classNames from "classnames";
+import cn from "classnames";
 import { jsx } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
 var HelpPanel = ({ className, variant = "normal", testId, children, title }) => {
 	return /* @__PURE__ */ jsx(HighlightPanel_default, {
-		className: classNames([styles["help-panel"]], className),
+		className: cn([styles["help-panel"]], className),
 		testId,
 		svgIcon: HandWaving_default,
 		title,

package/lib/components/HelpPanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["HelpPanel: React.FC<HelpPanelProps>"],"sources":["../../../src/components/HelpPanel/HelpPanel.tsx","../../../src/components/HelpPanel/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport HighlightPanel from '../HighlightPanel';\nimport HandWaving from '../Icons/HandWaving';\n\nimport styles from './styles.module.scss';\n\nexport type HelpPanelVariants = 'normal' | 'compact';\n\nexport interface HelpPanelProps {\n  /** What's in the box? */\n  children: React.ReactNode;\n  /** If set the compact styling will be used */\n  variant?: HelpPanelVariants;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets title if needed */\n  title?: string;\n}\n\nconst HelpPanel: React.FC<HelpPanelProps> = ({ className, variant = 'normal', testId, children, title }) => {\n  return (\n    <HighlightPanel\n      className={classNames([styles['help-panel']], className)}\n      testId={testId}\n      svgIcon={HandWaving}\n      title={title}\n      variant={variant}\n    >\n      {children}\n    </HighlightPanel>\n  );\n};\n\nexport default HelpPanel;\n","import HelpPanel from './HelpPanel';\nexport * from './HelpPanel';\nexport default HelpPanel;\n"],"mappings":";;;;;AAsBA,IAAMA,aAAuC,EAAE,WAAW,UAAU,UAAU,QAAQ,UAAU,YAAY;AAC1G,QACE,oBAAC,wBAAA;EACC,WAAW,WAAW,CAAC,OAAO,cAAc,EAAE,UAAU;EAChD;EACR,SAAS;EACF;EACE;EAER;GACc;;AC9BrB,IAAA,oBDkCe"}
+{"version":3,"file":"index.js","names":["HelpPanel: React.FC<HelpPanelProps>"],"sources":["../../../src/components/HelpPanel/HelpPanel.tsx","../../../src/components/HelpPanel/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport HighlightPanel from '../HighlightPanel';\nimport HandWaving from '../Icons/HandWaving';\n\nimport styles from './styles.module.scss';\n\nexport type HelpPanelVariants = 'normal' | 'compact';\n\nexport interface HelpPanelProps {\n  /** What's in the box? */\n  children: React.ReactNode;\n  /** If set the compact styling will be used */\n  variant?: HelpPanelVariants;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Sets title if needed */\n  title?: string;\n}\n\nconst HelpPanel: React.FC<HelpPanelProps> = ({ className, variant = 'normal', testId, children, title }) => {\n  return (\n    <HighlightPanel\n      className={classNames([styles['help-panel']], className)}\n      testId={testId}\n      svgIcon={HandWaving}\n      title={title}\n      variant={variant}\n    >\n      {children}\n    </HighlightPanel>\n  );\n};\n\nexport default HelpPanel;\n","import HelpPanel from './HelpPanel';\nexport * from './HelpPanel';\nexport default HelpPanel;\n"],"mappings":";;;;;AAsBA,IAAMA,aAAuC,EAAE,WAAW,UAAU,UAAU,QAAQ,UAAU,YAAY;AAC1G,QACE,oBAAC,wBAAA;EACC,WAAW,GAAW,CAAC,OAAO,cAAc,EAAE,UAAU;EAChD;EACR,SAAS;EACF;EACE;EAER;GACc;;AC9BrB,IAAA,oBDkCe"}

package/lib/components/HelpTriggerInline/index.js

@@ -3,7 +3,7 @@ import { t as usePseudoClasses } from "../../usePseudoClasses.js";
 import { n as mergeRefs, t as isMutableRefObject } from "../../refs.js";
 import { n as getAriaLabelAttributes } from "../../accessibility.js";
 import { n as HelpTriggerIconInternal } from "../../HelpTriggerIcon.js";
-import classNames from "classnames";
+import cn from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
 var HelpTriggerInline = (props) => {
@@ -12,7 +12,7 @@ var HelpTriggerInline = (props) => {
 		label: ariaLabel,
 		id: ariaLabelledById
 	});
-	const helpTriggerInlineStyles = classNames(styles["help-trigger-inline"], className);
+	const helpTriggerInlineStyles = cn(styles["help-trigger-inline"], className);
 	const { refObject, isHovered } = usePseudoClasses(isMutableRefObject(ref) ? ref : null);
 	return /* @__PURE__ */ jsxs("button", {
 		"aria-label": ariaLabel,

package/lib/components/HelpTriggerInline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["HelpTriggerInline: React.FC<HelpTriggerInlineProps>"],"sources":["../../../src/components/HelpTriggerInline/HelpTriggerInline.tsx","../../../src/components/HelpTriggerInline/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport type { HelpTriggerWeights } from '../HelpTriggerIcon';\n\nimport { AnalyticsId } from '../../constants';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { isMutableRefObject, mergeRefs } from '../../utils/refs';\nimport { HelpTriggerIconInternal } from '../HelpTriggerIcon';\n\nimport styles from './styles.module.scss';\n\nexport interface HelpTriggerInlineProps extends Pick<\n  React.InputHTMLAttributes<HTMLButtonElement>,\n  'onClick' | 'aria-haspopup' | 'aria-controls' | 'aria-expanded'\n> {\n  /**\n   * Sets aria-label of the trigger. ariaLabel or ariaLabelledById MUST be set!\n   */\n  ariaLabel?: string;\n  /**\n   * Sets aria-labelledby of the trigger. ariaLabel or ariaLabelledById MUST be set!\n   */\n  ariaLabelledById?: string;\n  /** Sets the text content of the HelpTriggerInline. */\n  children: string;\n  /**\n   * Sets the colors of the help trigger. Default: normal.\n   */\n  weight?: HelpTriggerWeights;\n  /**\n   * Classname will be applied to the button element.\n   */\n  className?: string;\n  /**\n   * Optional test id.\n   */\n  testId?: string;\n  /** Ref passed to the component */\n  ref?: React.Ref<HTMLButtonElement | null>;\n}\n\nconst HelpTriggerInline: React.FC<HelpTriggerInlineProps> = props => {\n  const { ariaLabel, ariaLabelledById, children, className, testId, weight = 'normal', ref, ...rest } = props;\n  const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledById });\n  const helpTriggerInlineStyles = classNames(styles['help-trigger-inline'], className);\n  const { refObject, isHovered } = usePseudoClasses<HTMLButtonElement>(isMutableRefObject(ref) ? ref : null);\n\n  return (\n    <button\n      aria-label={ariaLabel}\n      type=\"button\"\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.HelpTriggerInline}\n      className={helpTriggerInlineStyles}\n      ref={mergeRefs([refObject, ref])}\n      {...ariaLabelAttributes}\n      {...rest}\n    >\n      <span className={styles['help-trigger-inline__text']}>{children}</span>\n      <HelpTriggerIconInternal weight={weight} size={'inherit'} htmlMarkup={'span'} isHovered={isHovered} />\n    </button>\n  );\n};\n\nHelpTriggerInline.displayName = 'HelpTriggerInline';\n\nexport default HelpTriggerInline;\n","import HelpTriggerInline from './HelpTriggerInline';\nexport * from './HelpTriggerInline';\nexport default HelpTriggerInline;\n"],"mappings":";;;;;;;;AA0CA,IAAMA,qBAAsD,UAAS;CACnE,MAAM,EAAE,WAAW,kBAAkB,UAAU,WAAW,QAAQ,SAAS,UAAU,KAAK,GAAG,SAAS;CACtG,MAAM,sBAAsB,uBAAuB;EAAE,OAAO;EAAW,IAAI;EAAkB,CAAC;CAC9F,MAAM,0BAA0B,WAAW,OAAO,wBAAwB,UAAU;CACpF,MAAM,EAAE,WAAW,cAAc,iBAAoC,mBAAmB,IAAI,GAAG,MAAM,KAAK;AAE1G,QACE,qBAAC,UAAA;EACC,cAAY;EACZ,MAAK;EACL,eAAa;EACb,oBAAkB,YAAY;EAC9B,WAAW;EACX,KAAK,UAAU,CAAC,WAAW,IAAI,CAAC;EAChC,GAAI;EACJ,GAAI;aAEJ,oBAAC,QAAA;GAAK,WAAW,OAAO;GAA+B;IAAgB,EACvE,oBAAC,yBAAA;GAAgC;GAAQ,MAAM;GAAW,YAAY;GAAmB;IAAa,CAAA;GAC/F;;AAIb,kBAAkB,cAAc;AC/DhC,IAAA,4BDiEe"}
+{"version":3,"file":"index.js","names":["HelpTriggerInline: React.FC<HelpTriggerInlineProps>"],"sources":["../../../src/components/HelpTriggerInline/HelpTriggerInline.tsx","../../../src/components/HelpTriggerInline/index.ts"],"sourcesContent":["import classNames from 'classnames';\n\nimport type { HelpTriggerWeights } from '../HelpTriggerIcon';\n\nimport { AnalyticsId } from '../../constants';\nimport { usePseudoClasses } from '../../hooks/usePseudoClasses';\nimport { getAriaLabelAttributes } from '../../utils/accessibility';\nimport { isMutableRefObject, mergeRefs } from '../../utils/refs';\nimport { HelpTriggerIconInternal } from '../HelpTriggerIcon';\n\nimport styles from './styles.module.scss';\n\nexport interface HelpTriggerInlineProps extends Pick<\n  React.InputHTMLAttributes<HTMLButtonElement>,\n  'onClick' | 'aria-haspopup' | 'aria-controls' | 'aria-expanded'\n> {\n  /**\n   * Sets aria-label of the trigger. ariaLabel or ariaLabelledById MUST be set!\n   */\n  ariaLabel?: string;\n  /**\n   * Sets aria-labelledby of the trigger. ariaLabel or ariaLabelledById MUST be set!\n   */\n  ariaLabelledById?: string;\n  /** Sets the text content of the HelpTriggerInline. */\n  children: string;\n  /**\n   * Sets the colors of the help trigger. Default: normal.\n   */\n  weight?: HelpTriggerWeights;\n  /**\n   * Classname will be applied to the button element.\n   */\n  className?: string;\n  /**\n   * Optional test id.\n   */\n  testId?: string;\n  /** Ref passed to the component */\n  ref?: React.Ref<HTMLButtonElement | null>;\n}\n\nconst HelpTriggerInline: React.FC<HelpTriggerInlineProps> = props => {\n  const { ariaLabel, ariaLabelledById, children, className, testId, weight = 'normal', ref, ...rest } = props;\n  const ariaLabelAttributes = getAriaLabelAttributes({ label: ariaLabel, id: ariaLabelledById });\n  const helpTriggerInlineStyles = classNames(styles['help-trigger-inline'], className);\n  const { refObject, isHovered } = usePseudoClasses<HTMLButtonElement>(isMutableRefObject(ref) ? ref : null);\n\n  return (\n    <button\n      aria-label={ariaLabel}\n      type=\"button\"\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.HelpTriggerInline}\n      className={helpTriggerInlineStyles}\n      ref={mergeRefs([refObject, ref])}\n      {...ariaLabelAttributes}\n      {...rest}\n    >\n      <span className={styles['help-trigger-inline__text']}>{children}</span>\n      <HelpTriggerIconInternal weight={weight} size={'inherit'} htmlMarkup={'span'} isHovered={isHovered} />\n    </button>\n  );\n};\n\nHelpTriggerInline.displayName = 'HelpTriggerInline';\n\nexport default HelpTriggerInline;\n","import HelpTriggerInline from './HelpTriggerInline';\nexport * from './HelpTriggerInline';\nexport default HelpTriggerInline;\n"],"mappings":";;;;;;;;AA0CA,IAAMA,qBAAsD,UAAS;CACnE,MAAM,EAAE,WAAW,kBAAkB,UAAU,WAAW,QAAQ,SAAS,UAAU,KAAK,GAAG,SAAS;CACtG,MAAM,sBAAsB,uBAAuB;EAAE,OAAO;EAAW,IAAI;EAAkB,CAAC;CAC9F,MAAM,0BAA0B,GAAW,OAAO,wBAAwB,UAAU;CACpF,MAAM,EAAE,WAAW,cAAc,iBAAoC,mBAAmB,IAAI,GAAG,MAAM,KAAK;AAE1G,QACE,qBAAC,UAAA;EACC,cAAY;EACZ,MAAK;EACL,eAAa;EACb,oBAAkB,YAAY;EAC9B,WAAW;EACX,KAAK,UAAU,CAAC,WAAW,IAAI,CAAC;EAChC,GAAI;EACJ,GAAI;aAEJ,oBAAC,QAAA;GAAK,WAAW,OAAO;GAA+B;IAAgB,EACvE,oBAAC,yBAAA;GAAgC;GAAQ,MAAM;GAAW,YAAY;GAAmB;IAAa,CAAA;GAC/F;;AAIb,kBAAkB,cAAc;AC/DhC,IAAA,4BDiEe"}

package/lib/components/Icons/Filter.js

@@ -1,44 +1,2 @@
-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;
+import { t as Filter_default } from "../../Filter.js";
 export { Filter_default as default };
-
-//# sourceMappingURL=Filter.js.map