@helsenorge/designsystem-react 13.5.0 → 13.7.0

package/lib/components/Illustrations/ChildMedium.js

@@ -1,5 +1,2 @@
-import "../../constants2.js";
-import "../../utils.js";
-import "../../Illustration.js";
 import { t as ChildMedium_default } from "../../ChildMedium.js";
 export { ChildMedium_default as default };

package/lib/components/Illustrations/FacialRecognitionFingerprint.js

@@ -1,6 +1,4 @@
-import "../../constants2.js";
 import { t as getIllustration } from "../../utils.js";
-import "../../Illustration.js";
 import { t as FacialRecognitionFingerprintMedium_default } from "../../FacialRecognitionFingerprintMedium.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";

package/lib/components/Illustrations/FacialRecognitionFingerprint.js.map

@@ -1 +1 @@
-{"version":3,"file":"FacialRecognitionFingerprint.js","names":["FacialRecognitionFingerprint: React.FC<SvgIllustrationProps>"],"sources":["../../../src/components/Illustrations/FacialRecognitionFingerprint.tsx"],"sourcesContent":["import React from 'react';\n\nimport FacialRecognitionFingerprintMedium from './FacialRecognitionFingerprintMedium';\nimport { SvgIllustrationProps } from '../Illustration';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n  hair: string;\n  shirt: string;\n}\n\nconst FacialRecognitionFingerprint: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n  const medium = <FacialRecognitionFingerprintMedium color={color} {...rest} />;\n\n  return getIllustration({ size, medium });\n};\n\nexport default FacialRecognitionFingerprint;\n"],"mappings":";;;;;;AAWA,IAAMA,gCAAgE,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;AAGvG,QAAO,gBAAgB;EAAE;EAAM,QAFhB,oBAAC,4CAAA;GAA0C;GAAO,GAAI;IAAQ;EAEtC,CAAC;;AAG1C,IAAA,uCAAe"}
+{"version":3,"file":"FacialRecognitionFingerprint.js","names":["FacialRecognitionFingerprint: React.FC<SvgIllustrationProps>"],"sources":["../../../src/components/Illustrations/FacialRecognitionFingerprint.tsx"],"sourcesContent":["import React from 'react';\n\nimport FacialRecognitionFingerprintMedium from './FacialRecognitionFingerprintMedium';\nimport { SvgIllustrationProps } from '../Illustration';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n  hair: string;\n  shirt: string;\n}\n\nconst FacialRecognitionFingerprint: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n  const medium = <FacialRecognitionFingerprintMedium color={color} {...rest} />;\n\n  return getIllustration({ size, medium });\n};\n\nexport default FacialRecognitionFingerprint;\n"],"mappings":";;;;AAWA,IAAMA,gCAAgE,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;AAGvG,QAAO,gBAAgB;EAAE;EAAM,QAFhB,oBAAC,4CAAA;GAA0C;GAAO,GAAI;IAAQ;EAEtC,CAAC;;AAG1C,IAAA,uCAAe"}

package/lib/components/Illustrations/FacialRecognitionFingerprintMedium.js

@@ -1,5 +1,2 @@
-import "../../constants2.js";
-import "../../utils.js";
-import "../../Illustration.js";
 import { t as FacialRecognitionFingerprintMedium_default } from "../../FacialRecognitionFingerprintMedium.js";
 export { FacialRecognitionFingerprintMedium_default as default };

package/lib/components/Illustrations/GiveBabyFood.js

@@ -1,6 +1,4 @@
-import "../../constants2.js";
 import { t as getIllustration } from "../../utils.js";
-import "../../Illustration.js";
 import { t as GiveBabyFoodMedium_default } from "../../GiveBabyFoodMedium.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";

package/lib/components/Illustrations/GiveBabyFood.js.map

@@ -1 +1 @@
-{"version":3,"file":"GiveBabyFood.js","names":["GiveBabyFood: React.FC<SvgIllustrationProps>"],"sources":["../../../src/components/Illustrations/GiveBabyFood.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgIllustrationProps } from '../Illustration';\nimport GiveBabyFoodMedium from './GiveBabyFoodMedium';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n  hair: string;\n  skin: string;\n  details: string;\n  chair: string;\n  lines: string;\n}\n\nconst GiveBabyFood: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n  const medium = <GiveBabyFoodMedium color={color} {...rest} />;\n\n  return getIllustration({ size, medium });\n};\n\nexport default GiveBabyFood;\n"],"mappings":";;;;;;AAcA,IAAMA,gBAAgD,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;AAGvF,QAAO,gBAAgB;EAAE;EAAM,QAFhB,oBAAC,4BAAA;GAA0B;GAAO,GAAI;IAAQ;EAEtB,CAAC;;AAG1C,IAAA,uBAAe"}
+{"version":3,"file":"GiveBabyFood.js","names":["GiveBabyFood: React.FC<SvgIllustrationProps>"],"sources":["../../../src/components/Illustrations/GiveBabyFood.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgIllustrationProps } from '../Illustration';\nimport GiveBabyFoodMedium from './GiveBabyFoodMedium';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n  hair: string;\n  skin: string;\n  details: string;\n  chair: string;\n  lines: string;\n}\n\nconst GiveBabyFood: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n  const medium = <GiveBabyFoodMedium color={color} {...rest} />;\n\n  return getIllustration({ size, medium });\n};\n\nexport default GiveBabyFood;\n"],"mappings":";;;;AAcA,IAAMA,gBAAgD,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;AAGvF,QAAO,gBAAgB;EAAE;EAAM,QAFhB,oBAAC,4BAAA;GAA0B;GAAO,GAAI;IAAQ;EAEtB,CAAC;;AAG1C,IAAA,uBAAe"}

package/lib/components/Illustrations/GiveBabyFoodMedium.js

@@ -1,5 +1,2 @@
-import "../../constants2.js";
-import "../../utils.js";
-import "../../Illustration.js";
 import { t as GiveBabyFoodMedium_default } from "../../GiveBabyFoodMedium.js";
 export { GiveBabyFoodMedium_default as default };

package/lib/components/Illustrations/ReadLetters.js

@@ -1,6 +1,4 @@
-import "../../constants2.js";
 import { t as getIllustration } from "../../utils.js";
-import "../../Illustration.js";
 import { t as ReadLettersMedium_default } from "../../ReadLettersMedium.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";

package/lib/components/Illustrations/ReadLetters.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadLetters.js","names":["ReadLetters: React.FC<SvgIllustrationProps>"],"sources":["../../../src/components/Illustrations/ReadLetters.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgIllustrationProps } from '../Illustration';\nimport ReadLettersMedium from './ReadLettersMedium';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n  letter: string;\n  sweater: string;\n  lines: string;\n}\n\nconst ReadLetters: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n  const medium = <ReadLettersMedium color={color} {...rest} />;\n\n  return getIllustration({ size, medium });\n};\n\nexport default ReadLetters;\n"],"mappings":";;;;;;AAYA,IAAMA,eAA+C,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;AAGtF,QAAO,gBAAgB;EAAE;EAAM,QAFhB,oBAAC,2BAAA;GAAyB;GAAO,GAAI;IAAQ;EAErB,CAAC;;AAG1C,IAAA,sBAAe"}
+{"version":3,"file":"ReadLetters.js","names":["ReadLetters: React.FC<SvgIllustrationProps>"],"sources":["../../../src/components/Illustrations/ReadLetters.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgIllustrationProps } from '../Illustration';\nimport ReadLettersMedium from './ReadLettersMedium';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n  letter: string;\n  sweater: string;\n  lines: string;\n}\n\nconst ReadLetters: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n  const medium = <ReadLettersMedium color={color} {...rest} />;\n\n  return getIllustration({ size, medium });\n};\n\nexport default ReadLetters;\n"],"mappings":";;;;AAYA,IAAMA,eAA+C,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;AAGtF,QAAO,gBAAgB;EAAE;EAAM,QAFhB,oBAAC,2BAAA;GAAyB;GAAO,GAAI;IAAQ;EAErB,CAAC;;AAG1C,IAAA,sBAAe"}

package/lib/components/Illustrations/ReadLettersMedium.js

@@ -1,5 +1,2 @@
-import "../../constants2.js";
-import "../../utils.js";
-import "../../Illustration.js";
 import { t as ReadLettersMedium_default } from "../../ReadLettersMedium.js";
 export { ReadLettersMedium_default as default };

package/lib/components/Illustrations/Stroller.js

@@ -1,6 +1,4 @@
-import "../../constants2.js";
 import { t as getIllustration } from "../../utils.js";
-import "../../Illustration.js";
 import { t as StrollerMedium_default } from "../../StrollerMedium.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";

package/lib/components/Illustrations/Stroller.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stroller.js","names":["Stroller: React.FC<SvgIllustrationProps>"],"sources":["../../../src/components/Illustrations/Stroller.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgIllustrationProps } from '../Illustration';\nimport StrollerMedium from './StrollerMedium';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n  feet: string;\n  handle: string;\n  stroller1: string;\n  stroller2: string;\n  stroller3: string;\n  wheels: string;\n}\n\nconst Stroller: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n  const medium = <StrollerMedium color={color} {...rest} />;\n\n  return getIllustration({ size, medium });\n};\n\nexport default Stroller;\n"],"mappings":";;;;;;AAeA,IAAMA,YAA4C,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;AAGnF,QAAO,gBAAgB;EAAE;EAAM,QAFhB,oBAAC,wBAAA;GAAsB;GAAO,GAAI;IAAQ;EAElB,CAAC;;AAG1C,IAAA,mBAAe"}
+{"version":3,"file":"Stroller.js","names":["Stroller: React.FC<SvgIllustrationProps>"],"sources":["../../../src/components/Illustrations/Stroller.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgIllustrationProps } from '../Illustration';\nimport StrollerMedium from './StrollerMedium';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n  feet: string;\n  handle: string;\n  stroller1: string;\n  stroller2: string;\n  stroller3: string;\n  wheels: string;\n}\n\nconst Stroller: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n  const medium = <StrollerMedium color={color} {...rest} />;\n\n  return getIllustration({ size, medium });\n};\n\nexport default Stroller;\n"],"mappings":";;;;AAeA,IAAMA,YAA4C,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;AAGnF,QAAO,gBAAgB;EAAE;EAAM,QAFhB,oBAAC,wBAAA;GAAsB;GAAO,GAAI;IAAQ;EAElB,CAAC;;AAG1C,IAAA,mBAAe"}

package/lib/components/Illustrations/StrollerMedium.js

@@ -1,5 +1,2 @@
-import "../../constants2.js";
-import "../../utils.js";
-import "../../Illustration.js";
 import { t as StrollerMedium_default } from "../../StrollerMedium.js";
 export { StrollerMedium_default as default };

package/lib/components/Illustrations/Support2.js

@@ -1,6 +1,4 @@
-import "../../constants2.js";
 import { t as getIllustration } from "../../utils.js";
-import "../../Illustration.js";
 import { t as Support2Medium_default } from "../../Support2Medium.js";
 import React from "react";
 import { jsx } from "react/jsx-runtime";

package/lib/components/Illustrations/Support2.js.map

@@ -1 +1 @@
-{"version":3,"file":"Support2.js","names":["Support2: React.FC<SvgIllustrationProps>"],"sources":["../../../src/components/Illustrations/Support2.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgIllustrationProps } from '../Illustration';\nimport Support2Medium from './Support2Medium';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n  details1: string;\n  details2: string;\n  lines: string;\n}\n\nconst Support2: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n  const medium = <Support2Medium color={color} {...rest} />;\n\n  return getIllustration({ size, medium });\n};\n\nexport default Support2;\n"],"mappings":";;;;;;AAYA,IAAMA,YAA4C,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;AAGnF,QAAO,gBAAgB;EAAE;EAAM,QAFhB,oBAAC,wBAAA;GAAsB;GAAO,GAAI;IAAQ;EAElB,CAAC;;AAG1C,IAAA,mBAAe"}
+{"version":3,"file":"Support2.js","names":["Support2: React.FC<SvgIllustrationProps>"],"sources":["../../../src/components/Illustrations/Support2.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgIllustrationProps } from '../Illustration';\nimport Support2Medium from './Support2Medium';\nimport { getIllustration } from '../Illustration/utils';\n\nexport interface Palette {\n  details1: string;\n  details2: string;\n  lines: string;\n}\n\nconst Support2: React.FC<SvgIllustrationProps> = ({ size = 512, color, ...rest }) => {\n  const medium = <Support2Medium color={color} {...rest} />;\n\n  return getIllustration({ size, medium });\n};\n\nexport default Support2;\n"],"mappings":";;;;AAYA,IAAMA,YAA4C,EAAE,OAAO,KAAK,OAAO,GAAG,WAAW;AAGnF,QAAO,gBAAgB;EAAE;EAAM,QAFhB,oBAAC,wBAAA;GAAsB;GAAO,GAAI;IAAQ;EAElB,CAAC;;AAG1C,IAAA,mBAAe"}

package/lib/components/Illustrations/Support2Medium.js

@@ -1,5 +1,2 @@
-import "../../constants2.js";
-import "../../utils.js";
-import "../../Illustration.js";
 import { t as Support2Medium_default } from "../../Support2Medium.js";
 export { Support2Medium_default as default };

package/lib/components/InfoTeaser/InfoTeaser.d.ts

@@ -9,6 +9,8 @@ export interface InfoTeaserProps {
     buttonClassName?: string;
     /** What's in the box? */
     children: React.ReactNode;
+    /** Override the default max height for collapsed teaser. Default is 12.25rem */
+    collapsedMaxHeight?: string;
     /** For overriding styling on infoteaser box */
     className?: string;
     /** Changes the underlying element of the wrapper */

package/lib/components/InfoTeaser/index.js

@@ -1,10 +1,2 @@
-import "../../constants2.js";
-import "../../Icon.js";
-import "../../language.js";
-import "../../_rolldown_dynamic_import_helper.js";
-import "../../useIsServerSide.js";
-import "../../LazyIcon.js";
-import "../../Title.js";
-import "../../Title2.js";
 import { t as InfoTeaser_default } from "../../InfoTeaser.js";
 export { InfoTeaser_default as default };

package/lib/components/InfoTeaser/styles.module.scss

@@ -27,8 +27,6 @@
   }
 
   &--collapsed {
-    max-height: 12.25rem;
-
     &::after {
       content: '';
       position: absolute;

package/lib/components/Input/Input.d.ts

@@ -1,9 +1,9 @@
 import { default as React } from 'react';
-import { FormOnColor, FormSize } from '../../constants';
 import { HNDesignsystemInput } from '../../resources/Resources';
+import { IconName } from '../Icons/IconNames';
+import { FormOnColor, FormSize } from '../../constants';
 import { ErrorWrapperClassNameProps } from '../ErrorWrapper';
 import { SvgIcon } from '../Icon';
-import { IconName } from '../Icons/IconNames';
 export interface InputProps extends ErrorWrapperClassNameProps, Pick<React.InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'readOnly' | 'autoComplete' | 'name' | 'placeholder' | 'defaultValue' | 'required' | 'value' | 'min' | 'max' | 'aria-describedby' | 'aria-labelledby' | 'onBlur' | 'onClick' | 'onChange' | 'onFocus' | 'onKeyDown' | 'autoFocus' | 'inputMode'> {
     /** The number at which the input field starts when you increment or decrement it */
     baseIncrementValue?: number;

package/lib/components/Input/index.js

@@ -1,47 +1,3 @@
-import "../../uuid.js";
-import "../../environment.js";
-import "../../constants2.js";
-import "../../usePseudoClasses.js";
-import "../../grid.js";
-import "../../palette.js";
-import "../../spacers.js";
-import "../../theme.js";
-import "../../color.js";
-import "../../spacing.js";
-import "../../currys.js";
-import "../../refs.js";
-import "../../Icon.js";
-import "../../language.js";
-import "../../_rolldown_dynamic_import_helper.js";
-import "../../useIsServerSide.js";
-import "../../LazyIcon.js";
-import "../../component.js";
-import "../../useBreakpoint.js";
-import "../../useIdWithFallback.js";
-import "../../accessibility.js";
-import "../../ErrorWrapper.js";
-import "../../Spacer.js";
-import "../../Label.js";
-import "../../FormFieldTag.js";
-import "../../useElementList.js";
-import "../../useFocusableElements.js";
-import "../../useFocusToggle.js";
-import "../../focus.js";
-import "../../useFocusTrap.js";
-import "../../useIntersectionObserver.js";
-import "../../useIsVisible.js";
-import "../../debounce.js";
-import "../../useLayoutEvent.js";
-import "../../usePrevious.js";
-import "../../useSize.js";
-import "../../useResizeObserver.js";
-import "../../useToggle.js";
-import "../../useKeyboardEvent.js";
-import "../../useOutsideEvent.js";
-import "../../mobile.js";
-import "../../src.js";
-import "../../StatusDot.js";
 import { t as InputTypes } from "../../Input.js";
-import "../../MaxCharacters.js";
 import { t as Input_default } from "../../Input2.js";
 export { InputTypes, Input_default as default };

package/lib/components/Label/index.js

@@ -1,40 +1,2 @@
-import "../../uuid.js";
-import "../../environment.js";
-import "../../constants2.js";
-import "../../usePseudoClasses.js";
-import "../../grid.js";
-import "../../palette.js";
-import "../../spacers.js";
-import "../../theme.js";
-import "../../color.js";
-import "../../spacing.js";
-import "../../currys.js";
-import "../../Icon.js";
-import "../../language.js";
-import "../../_rolldown_dynamic_import_helper.js";
-import "../../useIsServerSide.js";
-import "../../LazyIcon.js";
-import "../../component.js";
-import "../../useBreakpoint.js";
-import "../../Spacer.js";
 import { a as Sublabel, i as renderLabelAsParent, n as getLabelText, r as renderLabel, t as Label_default } from "../../Label.js";
-import "../../FormFieldTag.js";
-import "../../useElementList.js";
-import "../../useFocusableElements.js";
-import "../../useFocusToggle.js";
-import "../../focus.js";
-import "../../useFocusTrap.js";
-import "../../useIntersectionObserver.js";
-import "../../useIsVisible.js";
-import "../../debounce.js";
-import "../../useLayoutEvent.js";
-import "../../usePrevious.js";
-import "../../useSize.js";
-import "../../useResizeObserver.js";
-import "../../useToggle.js";
-import "../../useKeyboardEvent.js";
-import "../../useOutsideEvent.js";
-import "../../mobile.js";
-import "../../src.js";
-import "../../StatusDot.js";
 export { Sublabel, Label_default as default, getLabelText, renderLabel, renderLabelAsParent };

package/lib/components/LazyIcon/index.js

@@ -1,6 +1,2 @@
-import "../../constants2.js";
-import "../../Icon.js";
-import "../../_rolldown_dynamic_import_helper.js";
-import "../../useIsServerSide.js";
 import { n as LazyIcon, r as lazyLoadIcon, t as LazyIcon_default } from "../../LazyIcon.js";
 export { LazyIcon, LazyIcon_default as default, lazyLoadIcon };

package/lib/components/LazyIllustration/index.js

@@ -1,8 +1,2 @@
-import "../../constants2.js";
-import "../../_rolldown_dynamic_import_helper.js";
-import "../../useIsServerSide.js";
-import "../../utils.js";
-import "../../Illustration.js";
-import "../../IllustrationNames.js";
 import { n as LazyIllustration, r as lazyLoadIllustration, t as LazyIllustration_default } from "../../LazyIllustration.js";
 export { LazyIllustration, LazyIllustration_default as default, lazyLoadIllustration };

package/lib/components/LinkList/index.js

@@ -1,56 +1,2 @@
-import "../../uuid.js";
-import "../../environment.js";
-import "../../constants2.js";
-import "../../usePseudoClasses.js";
-import "../../grid.js";
-import "../../palette.js";
-import "../../spacers.js";
-import "../../theme.js";
-import "../../color.js";
-import "../../spacing.js";
-import "../../currys.js";
-import "../../Icon.js";
-import "../../ArrowUpRight.js";
-import "../../language.js";
-import "../../Check.js";
-import "../../Avatar.js";
-import "../../CheckFill.js";
-import "../../ErrorSignFill.js";
-import "../../InfoSignFill.js";
-import "../../TriangleX.js";
-import "../../NotificationBadge.js";
-import "../../Badge.js";
-import "../../_rolldown_dynamic_import_helper.js";
-import "../../useIsServerSide.js";
-import "../../LazyIcon.js";
-import "../../component.js";
-import "../../useBreakpoint.js";
-import "../../Spacer.js";
-import "../../useElementList.js";
-import "../../useFocusableElements.js";
-import "../../useFocusToggle.js";
-import "../../focus.js";
-import "../../useFocusTrap.js";
-import "../../useIntersectionObserver.js";
-import "../../useIsVisible.js";
-import "../../debounce.js";
-import "../../useLayoutEvent.js";
-import "../../usePrevious.js";
-import "../../useSize.js";
-import "../../useResizeObserver.js";
-import "../../useToggle.js";
-import "../../useKeyboardEvent.js";
-import "../../useOutsideEvent.js";
-import "../../mobile.js";
-import "../../src.js";
-import "../../StatusDot.js";
-import "../../X.js";
-import "../../Duolist.js";
-import "../../Highlighter.js";
-import "../../ElementHeaderText.js";
-import "../../StatusDotList.js";
-import "../../ElementHeader.js";
-import "../../ListEditMode.js";
-import "../../ChevronRight.js";
 import { n as Link, r as LinkList, t as LinkList_default } from "../../LinkList.js";
 export { Link, LinkList, LinkList_default as default };

package/lib/components/List/index.js

@@ -1,3 +1,2 @@
-import "../../constants2.js";
 import { t as List_default } from "../../List.js";
 export { List_default as default };

package/lib/components/ListEditMode/index.js

@@ -1,6 +1,2 @@
-import "../../constants2.js";
-import "../../usePseudoClasses.js";
-import "../../Icon.js";
-import "../../X.js";
 import { i as listEditModeWrapperClassnames, n as IconButton, r as ListEditModeItem, t as ListEditMode_default } from "../../ListEditMode.js";
 export { IconButton, ListEditModeItem, ListEditMode_default as default, listEditModeWrapperClassnames };

package/lib/components/Loader/index.js

@@ -1,8 +1,7 @@
 import { t as uuid } from "../../uuid.js";
-import "../../environment.js";
 import { c as ZIndex, n as AnalyticsId } from "../../constants2.js";
 import React, { useEffect, useRef, useState } from "react";
-import cn from "classnames";
+import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import loaderStyles from "./styles.module.scss";
 let Overlay = /* @__PURE__ */ function(Overlay$1) {
@@ -21,19 +20,19 @@ var Loader = (props) => {
 	const isSmall = size === "small";
 	const isMedium = size === "medium";
 	const isLarge = size === "large";
-	const loaderWrapperClasses = cn({
+	const loaderWrapperClasses = classNames({
 		[loaderStyles["loader-wrapper--center"]]: center,
 		[loaderStyles["loader-wrapper--overlay"]]: overlay,
 		[loaderStyles["loader-wrapper--overlay-screen"]]: overlay === Overlay.screen,
 		[loaderStyles["loader-wrapper--overlay-parent"]]: overlay === Overlay.parent && display,
 		[loaderStyles["loader-wrapper--inline"]]: inline && display
 	});
-	const loaderClasses = cn(loaderStyles.loader, {
+	const loaderClasses = classNames(loaderStyles.loader, {
 		[loaderStyles["loader--small"]]: isSmall,
 		[loaderStyles["loader--medium"]]: isMedium,
 		[loaderStyles["loader--large"]]: isLarge
 	}, className);
-	const loaderDotClasses = cn(loaderStyles.loader__dot, {
+	const loaderDotClasses = classNames(loaderStyles.loader__dot, {
 		[loaderStyles["loader__dot--small"]]: isSmall,
 		[loaderStyles["loader__dot--medium"]]: isMedium,
 		[loaderStyles["loader__dot--large"]]: isLarge,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Loader: React.FC<LoaderProps>"],"sources":["../../../src/components/Loader/Loader.tsx","../../../src/components/Loader/index.ts"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, ZIndex } from '../../constants';\nimport { PaletteNames } from '../../theme/palette';\nimport { uuid } from '../../utils/uuid';\n\nimport loaderStyles from './styles.module.scss';\n\nexport type LoaderColors = PaletteNames;\nexport type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';\nexport enum Overlay {\n  screen = 'screen',\n  parent = 'parent',\n}\n\nexport interface LoaderProps {\n  /** Sets the color of the loader. If overlay is used, the color will always be white.  */\n  color?: LoaderColors;\n  /**\tAdds custom classes to the element. */\n  className?: string;\n  /** Changes the size of the loader. */\n  size?: LoaderSizes;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** id of the label */\n  labelId?: string;\n  /** Centers the loader in a container */\n  center?: boolean;\n  /** Inline the loader so it can be used in a span or paragraph */\n  inline?: boolean;\n  /** Loader is displayed with grey background covering the entire screen */\n  overlay?: keyof typeof Overlay;\n  /** Individual id for loading icon (aria-labelledby).  */\n  ariaLabelledById?: string;\n  /** String that labels the current loading element  */\n  ariaLabel?: string;\n}\n\nconst Loader: React.FC<LoaderProps> = props => {\n  const {\n    overlay,\n    size = 'small',\n    className = '',\n    labelId = uuid(),\n    testId,\n    center,\n    inline,\n    ariaLabelledById,\n    ariaLabel = 'Laster inn',\n  } = props;\n  const color = props.overlay ? 'white' : props.color || 'neutral';\n\n  const showLoader = (): boolean => {\n    if (overlay === Overlay.parent || inline) {\n      return false;\n    }\n\n    return true;\n  };\n\n  const [display, setDisplay] = useState(showLoader());\n\n  const isSmall = size === 'small';\n  const isMedium = size === 'medium';\n  const isLarge = size === 'large';\n\n  const loaderWrapperClasses = classNames({\n    [loaderStyles['loader-wrapper--center']]: center,\n    [loaderStyles['loader-wrapper--overlay']]: overlay,\n    [loaderStyles['loader-wrapper--overlay-screen']]: overlay === Overlay.screen,\n    [loaderStyles['loader-wrapper--overlay-parent']]: overlay === Overlay.parent && display,\n    [loaderStyles['loader-wrapper--inline']]: inline && display,\n  });\n  const loaderClasses = classNames(\n    loaderStyles.loader,\n    {\n      [loaderStyles['loader--small']]: isSmall,\n      [loaderStyles['loader--medium']]: isMedium,\n      [loaderStyles['loader--large']]: isLarge,\n    },\n    className\n  );\n  const loaderDotClasses = classNames(loaderStyles.loader__dot, {\n    [loaderStyles['loader__dot--small']]: isSmall,\n    [loaderStyles['loader__dot--medium']]: isMedium,\n    [loaderStyles['loader__dot--large']]: isLarge,\n    [loaderStyles['loader__dot--banana']]: color === 'banana',\n    [loaderStyles['loader__dot--cherry']]: color === 'cherry',\n    [loaderStyles['loader__dot--kiwi']]: color === 'kiwi',\n    [loaderStyles['loader__dot--neutral']]: color === 'neutral',\n    [loaderStyles['loader__dot--plum']]: color === 'plum',\n    [loaderStyles['loader__dot--black']]: color === 'black',\n    [loaderStyles['loader__dot--white']]: color === 'white',\n  });\n\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (overlay === Overlay.parent && wrapperRef.current?.parentElement?.style) {\n      wrapperRef.current.parentElement.style.position = 'relative';\n      setDisplay(true);\n    }\n\n    if (inline && wrapperRef.current?.parentElement?.style) {\n      wrapperRef.current.parentElement.style.display = 'flex';\n      setDisplay(true);\n    }\n  }, []);\n\n  return (\n    <div className={loaderWrapperClasses} ref={wrapperRef} style={overlay === Overlay.screen ? { zIndex: ZIndex.OverlayScreen } : {}}>\n      {display && (\n        <div\n          data-testid={testId}\n          data-analyticsid={AnalyticsId.Loader}\n          role=\"progressbar\"\n          aria-labelledby={ariaLabelledById || labelId}\n          className={loaderClasses}\n        >\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          {!ariaLabelledById && (\n            <span id={labelId} className={loaderStyles['loader__hidden-text']}>\n              {ariaLabel}\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Loader;\n","import Loader from './Loader';\nexport * from './Loader';\nexport default Loader;\n"],"mappings":";;;;;;;AAYA,IAAY,UAAA,yBAAA,WAAL;AACL,WAAA,YAAA;AACA,WAAA,YAAA;;;AA0BF,IAAMA,UAAgC,UAAS;CAC7C,MAAM,EACJ,SACA,OAAO,SACP,YAAY,IACZ,UAAU,MAAM,EAChB,QACA,QACA,QACA,kBACA,YAAY,iBACV;CACJ,MAAM,QAAQ,MAAM,UAAU,UAAU,MAAM,SAAS;CAEvD,MAAM,mBAA4B;AAChC,MAAI,YAAY,QAAQ,UAAU,OAChC,QAAO;AAGT,SAAO;;CAGT,MAAM,CAAC,SAAS,cAAc,SAAS,YAAY,CAAC;CAEpD,MAAM,UAAU,SAAS;CACzB,MAAM,WAAW,SAAS;CAC1B,MAAM,UAAU,SAAS;CAEzB,MAAM,uBAAuB,GAAW;GACrC,aAAa,4BAA4B;GACzC,aAAa,6BAA6B;GAC1C,aAAa,oCAAoC,YAAY,QAAQ;GACrE,aAAa,oCAAoC,YAAY,QAAQ,UAAU;GAC/E,aAAa,4BAA4B,UAAU;EACrD,CAAC;CACF,MAAM,gBAAgB,GACpB,aAAa,QACb;GACG,aAAa,mBAAmB;GAChC,aAAa,oBAAoB;GACjC,aAAa,mBAAmB;EAClC,EACD,UACD;CACD,MAAM,mBAAmB,GAAW,aAAa,aAAa;GAC3D,aAAa,wBAAwB;GACrC,aAAa,yBAAyB;GACtC,aAAa,wBAAwB;GACrC,aAAa,yBAAyB,UAAU;GAChD,aAAa,yBAAyB,UAAU;GAChD,aAAa,uBAAuB,UAAU;GAC9C,aAAa,0BAA0B,UAAU;GACjD,aAAa,uBAAuB,UAAU;GAC9C,aAAa,wBAAwB,UAAU;GAC/C,aAAa,wBAAwB,UAAU;EACjD,CAAC;CAEF,MAAM,aAAa,OAAuB,KAAK;AAE/C,iBAAgB;AACd,MAAI,YAAY,QAAQ,UAAU,WAAW,SAAS,eAAe,OAAO;AAC1E,cAAW,QAAQ,cAAc,MAAM,WAAW;AAClD,cAAW,KAAK;;AAGlB,MAAI,UAAU,WAAW,SAAS,eAAe,OAAO;AACtD,cAAW,QAAQ,cAAc,MAAM,UAAU;AACjD,cAAW,KAAK;;IAEjB,EAAE,CAAC;AAEN,QACE,oBAAC,OAAA;EAAI,WAAW;EAAsB,KAAK;EAAY,OAAO,YAAY,QAAQ,SAAS,EAAE,QAAQ,OAAO,eAAe,GAAG,EAAE;YAC7H,WACC,qBAAC,OAAA;GACC,eAAa;GACb,oBAAkB,YAAY;GAC9B,MAAK;GACL,mBAAiB,oBAAoB;GACrC,WAAW;;IAEX,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACpC,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACpC,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACpC,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACnC,CAAC,oBACA,oBAAC,QAAA;KAAK,IAAI;KAAS,WAAW,aAAa;eACxC;MACI;;IAEL;GAEJ;;AClIV,IAAA,iBDsIe"}
+{"version":3,"file":"index.js","names":["Loader: React.FC<LoaderProps>"],"sources":["../../../src/components/Loader/Loader.tsx","../../../src/components/Loader/index.ts"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, ZIndex } from '../../constants';\nimport { PaletteNames } from '../../theme/palette';\nimport { uuid } from '../../utils/uuid';\n\nimport loaderStyles from './styles.module.scss';\n\nexport type LoaderColors = PaletteNames;\nexport type LoaderSizes = 'tiny' | 'small' | 'medium' | 'large';\nexport enum Overlay {\n  screen = 'screen',\n  parent = 'parent',\n}\n\nexport interface LoaderProps {\n  /** Sets the color of the loader. If overlay is used, the color will always be white.  */\n  color?: LoaderColors;\n  /**\tAdds custom classes to the element. */\n  className?: string;\n  /** Changes the size of the loader. */\n  size?: LoaderSizes;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** id of the label */\n  labelId?: string;\n  /** Centers the loader in a container */\n  center?: boolean;\n  /** Inline the loader so it can be used in a span or paragraph */\n  inline?: boolean;\n  /** Loader is displayed with grey background covering the entire screen */\n  overlay?: keyof typeof Overlay;\n  /** Individual id for loading icon (aria-labelledby).  */\n  ariaLabelledById?: string;\n  /** String that labels the current loading element  */\n  ariaLabel?: string;\n}\n\nconst Loader: React.FC<LoaderProps> = props => {\n  const {\n    overlay,\n    size = 'small',\n    className = '',\n    labelId = uuid(),\n    testId,\n    center,\n    inline,\n    ariaLabelledById,\n    ariaLabel = 'Laster inn',\n  } = props;\n  const color = props.overlay ? 'white' : props.color || 'neutral';\n\n  const showLoader = (): boolean => {\n    if (overlay === Overlay.parent || inline) {\n      return false;\n    }\n\n    return true;\n  };\n\n  const [display, setDisplay] = useState(showLoader());\n\n  const isSmall = size === 'small';\n  const isMedium = size === 'medium';\n  const isLarge = size === 'large';\n\n  const loaderWrapperClasses = classNames({\n    [loaderStyles['loader-wrapper--center']]: center,\n    [loaderStyles['loader-wrapper--overlay']]: overlay,\n    [loaderStyles['loader-wrapper--overlay-screen']]: overlay === Overlay.screen,\n    [loaderStyles['loader-wrapper--overlay-parent']]: overlay === Overlay.parent && display,\n    [loaderStyles['loader-wrapper--inline']]: inline && display,\n  });\n  const loaderClasses = classNames(\n    loaderStyles.loader,\n    {\n      [loaderStyles['loader--small']]: isSmall,\n      [loaderStyles['loader--medium']]: isMedium,\n      [loaderStyles['loader--large']]: isLarge,\n    },\n    className\n  );\n  const loaderDotClasses = classNames(loaderStyles.loader__dot, {\n    [loaderStyles['loader__dot--small']]: isSmall,\n    [loaderStyles['loader__dot--medium']]: isMedium,\n    [loaderStyles['loader__dot--large']]: isLarge,\n    [loaderStyles['loader__dot--banana']]: color === 'banana',\n    [loaderStyles['loader__dot--cherry']]: color === 'cherry',\n    [loaderStyles['loader__dot--kiwi']]: color === 'kiwi',\n    [loaderStyles['loader__dot--neutral']]: color === 'neutral',\n    [loaderStyles['loader__dot--plum']]: color === 'plum',\n    [loaderStyles['loader__dot--black']]: color === 'black',\n    [loaderStyles['loader__dot--white']]: color === 'white',\n  });\n\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (overlay === Overlay.parent && wrapperRef.current?.parentElement?.style) {\n      wrapperRef.current.parentElement.style.position = 'relative';\n      setDisplay(true);\n    }\n\n    if (inline && wrapperRef.current?.parentElement?.style) {\n      wrapperRef.current.parentElement.style.display = 'flex';\n      setDisplay(true);\n    }\n  }, []);\n\n  return (\n    <div className={loaderWrapperClasses} ref={wrapperRef} style={overlay === Overlay.screen ? { zIndex: ZIndex.OverlayScreen } : {}}>\n      {display && (\n        <div\n          data-testid={testId}\n          data-analyticsid={AnalyticsId.Loader}\n          role=\"progressbar\"\n          aria-labelledby={ariaLabelledById || labelId}\n          className={loaderClasses}\n        >\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          <div className={loaderDotClasses} />\n          {!ariaLabelledById && (\n            <span id={labelId} className={loaderStyles['loader__hidden-text']}>\n              {ariaLabel}\n            </span>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Loader;\n","import Loader from './Loader';\nexport * from './Loader';\nexport default Loader;\n"],"mappings":";;;;;;AAYA,IAAY,UAAA,yBAAA,WAAL;AACL,WAAA,YAAA;AACA,WAAA,YAAA;;;AA0BF,IAAMA,UAAgC,UAAS;CAC7C,MAAM,EACJ,SACA,OAAO,SACP,YAAY,IACZ,UAAU,MAAM,EAChB,QACA,QACA,QACA,kBACA,YAAY,iBACV;CACJ,MAAM,QAAQ,MAAM,UAAU,UAAU,MAAM,SAAS;CAEvD,MAAM,mBAA4B;AAChC,MAAI,YAAY,QAAQ,UAAU,OAChC,QAAO;AAGT,SAAO;;CAGT,MAAM,CAAC,SAAS,cAAc,SAAS,YAAY,CAAC;CAEpD,MAAM,UAAU,SAAS;CACzB,MAAM,WAAW,SAAS;CAC1B,MAAM,UAAU,SAAS;CAEzB,MAAM,uBAAuB,WAAW;GACrC,aAAa,4BAA4B;GACzC,aAAa,6BAA6B;GAC1C,aAAa,oCAAoC,YAAY,QAAQ;GACrE,aAAa,oCAAoC,YAAY,QAAQ,UAAU;GAC/E,aAAa,4BAA4B,UAAU;EACrD,CAAC;CACF,MAAM,gBAAgB,WACpB,aAAa,QACb;GACG,aAAa,mBAAmB;GAChC,aAAa,oBAAoB;GACjC,aAAa,mBAAmB;EAClC,EACD,UACD;CACD,MAAM,mBAAmB,WAAW,aAAa,aAAa;GAC3D,aAAa,wBAAwB;GACrC,aAAa,yBAAyB;GACtC,aAAa,wBAAwB;GACrC,aAAa,yBAAyB,UAAU;GAChD,aAAa,yBAAyB,UAAU;GAChD,aAAa,uBAAuB,UAAU;GAC9C,aAAa,0BAA0B,UAAU;GACjD,aAAa,uBAAuB,UAAU;GAC9C,aAAa,wBAAwB,UAAU;GAC/C,aAAa,wBAAwB,UAAU;EACjD,CAAC;CAEF,MAAM,aAAa,OAAuB,KAAK;AAE/C,iBAAgB;AACd,MAAI,YAAY,QAAQ,UAAU,WAAW,SAAS,eAAe,OAAO;AAC1E,cAAW,QAAQ,cAAc,MAAM,WAAW;AAClD,cAAW,KAAK;;AAGlB,MAAI,UAAU,WAAW,SAAS,eAAe,OAAO;AACtD,cAAW,QAAQ,cAAc,MAAM,UAAU;AACjD,cAAW,KAAK;;IAEjB,EAAE,CAAC;AAEN,QACE,oBAAC,OAAA;EAAI,WAAW;EAAsB,KAAK;EAAY,OAAO,YAAY,QAAQ,SAAS,EAAE,QAAQ,OAAO,eAAe,GAAG,EAAE;YAC7H,WACC,qBAAC,OAAA;GACC,eAAa;GACb,oBAAkB,YAAY;GAC9B,MAAK;GACL,mBAAiB,oBAAoB;GACrC,WAAW;;IAEX,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACpC,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACpC,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACpC,oBAAC,OAAA,EAAI,WAAW,kBAAA,CAAoB;IACnC,CAAC,oBACA,oBAAC,QAAA;KAAK,IAAI;KAAS,WAAW,aAAa;eACxC;MACI;;IAEL;GAEJ;;AClIV,IAAA,iBDsIe"}

package/lib/components/Logo/index.js

@@ -1,8 +1,4 @@
 import { n as AnalyticsId } from "../../constants2.js";
-import "../../grid.js";
-import "../../palette.js";
-import "../../spacers.js";
-import "../../theme.js";
 import { t as getColor } from "../../color.js";
 import React, { useId } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Logo: React.FC<LogoProps>"],"sources":["../../../src/components/Logo/Logo.tsx","../../../src/components/Logo/index.ts"],"sourcesContent":["import React, { useId } from 'react';\n\nimport { AnalyticsId } from '../../constants';\nimport { getColor } from '../../theme/currys/color';\n\ntype LogoColor = 'black' | 'white';\n\nexport interface LogoProps {\n  /** Changes the size of the logo. */\n  size?: number;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /**\tChanges the color of the logo. */\n  color?: LogoColor;\n  /** Changes to the byline variant of the logo. */\n  byline?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst Logo: React.FC<LogoProps> = ({ size = 300, color = 'black', byline = false, className, testId }) => {\n  const titleId = useId();\n\n  if (byline) {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        role={'img'}\n        aria-labelledby={titleId}\n        viewBox=\"0 0 87 12\"\n        className={className}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.Logo}\n      >\n        <title id={titleId}>{'Helsenorge'}</title>\n        <g fill={getColor(color)}>\n          <path d=\"M5 .8v2.8H2.6V.8H1V8h1.6V5.1H5V8h1.6V.8zM20.9 6.6V.8h-1.6V8h4.5V6.6zM57.9 1.4c-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.8 3.4 2.8-1.4 2.8-3.4-1.1-3.4-2.8-3.4zm2 3.4c0 1.2-.5 2.7-2 2.7-1.4 0-2-1.4-2-2.7s.5-2.7 2-2.7 2 1.5 2 2.7zM86 4.7c0-2-1.1-3.3-2.8-3.3-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.9 3.4c1.2 0 2.2-.6 2.5-1.7l.1-.2H85v.1c-.3.6-.9 1-1.7 1-1.3 0-1.9-1.2-2-2.3H86v-.4zm-.9-.3h-3.9c.1-1.1.7-2.3 1.9-2.3 1.5 0 2 1.3 2 2.3zM49.2 1.4c-1.1 0-1.7.7-2 1.2v-1h-.8V8h.8V4.8c0-.9.5-2.6 1.9-2.6s1.6 1.2 1.6 2.6V8h.8V4.7c0-1.6-.2-3.3-2.3-3.3zM12.1 6.6V5h2.4V3.7h-2.4V2.2h3.2V.8h-4.8V8h4.9V6.6zM38.3 6.6V5h2.3V3.7h-2.3V2.2h3.2V.8h-4.8V8h4.9V6.6zM65.5 3.3V1.6h-.8V8h.8V4.1l2.8-2v-.9zM77.6 1.2l-1.5 1.1c-.5-.6-1.1-.9-1.9-.9-1.4 0-2.4 1-2.4 2.4 0 1.1.6 2 1.6 2.3l-1.6 1.8c-.4.5-.6.9-.6 1.3 0 1.3 1.1 2.1 2.9 2.1 1.7 0 2.9-.9 2.9-2.1 0-1.3-1.1-2.1-2.9-2.1h-.6l.8-.9c1.3-.1 2.3-1.1 2.3-2.4 0-.3 0-.6-.1-.8l1.2-.8v-1zM74 7.8c1.2 0 2.1.5 2.1 1.4 0 .8-.8 1.4-2.1 1.4-1.2 0-2-.5-2-1.4 0-.8.8-1.4 2-1.4zm.1-2.4c-.9 0-1.6-.7-1.6-1.7s.7-1.6 1.6-1.6c.9 0 1.6.7 1.6 1.6 0 1-.7 1.7-1.6 1.7zM30.4 3.7c-.7-.2-1.4-.5-1.4-1s.4-.7 1-.7.9.5.9.9V3h1.7v-.1c0-1.3-1.1-2.2-2.6-2.2-1.6 0-2.6.8-2.6 2.1 0 1.5 1.3 1.9 2.4 2.3.7.2 1.4.4 1.4.9s-.3.8-1.1.8c-.7 0-1.1-.4-1.1-1v-.1h-1.7v.1c0 1.5 1.1 2.4 2.8 2.4 1.7 0 2.7-.8 2.7-2.2-.1-1.5-1.4-2-2.4-2.3z\" />\n        </g>\n      </svg>\n    );\n  }\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      role={'img'}\n      aria-labelledby={titleId}\n      viewBox=\"0 0 502 220\"\n      className={className}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Logo}\n    >\n      <title id={titleId}>{'Helsenorge'}</title>\n      <g fill={getColor(color)}>\n        <path d=\"M39.8 2.5v26.9H17V2.5H1v69.9h16V43.6h22.8v28.8h16.1V2.5zM250.3 58.6V2.5h-16v69.9h43.5V58.6zM142.9 122.5c-16.1 0-27.4 13.6-27.4 33.1s11.2 33.1 27.4 33.1 27.4-13.6 27.4-33.1-11.3-33.1-27.4-33.1zm19 33.1c0 11.9-5 25.9-19 25.9s-19-13.9-19-25.9c0-11.9 5-25.9 19-25.9s19 14 19 25.9zM501 40c0-19.1-11.1-32.4-27-32.4-16.4 0-27.4 13.3-27.4 33.1 0 19.5 11.5 33.1 28 33.1 12.2 0 21.4-6 24.7-16.2l.5-1.6h-8.3l-.3.7c-2.8 6.2-8.8 9.8-16.6 9.8-12.9 0-18.5-11.5-19.5-22.7H501V40zm-8.3-3.2h-37.6c1-10.8 6.5-21.9 18.9-21.9 13.2 0 18.3 12.6 18.7 21.9zM30.4 122.4c-10.8 0-16.6 6.7-19.5 11.8v-9.9H3.3v62.6h8.1v-31.4c0-8.4 4.4-25.7 18.1-25.7 14 0 15.9 12 15.9 25v32.1h8.1v-32.1c.1-16.1-2.7-32.4-23.1-32.4zM134.3 59V43H157V30h-22.7V15.9H165V2.5h-46.4v69.9h47.3V59zM466.7 173.4v-16h22.7v-13h-22.7v-14.1h30.7v-13.4H451v69.9h47.3v-13.4zM246.7 140.5v-16.3h-7.6v62.6h8.1v-37.6l27.3-19.6v-9zM393.5 120.6l-14.7 10.5c-4.4-5.6-11.2-8.7-18.8-8.7-13.6 0-23.6 9.8-23.6 23.3 0 10.6 6.2 19.1 16 22.2l-16 17.5c-4 4.6-5.7 8.3-5.7 12.7 0 12.6 11.1 20.7 28.2 20.7 16.9 0 28.3-8.3 28.3-20.7 0-12.5-11.1-20.6-28.3-20.6-1.7 0-3.9.2-5.6.5l8-9c12.9-.7 22.2-10.4 22.2-23.3 0-2.8-.4-5.5-1.2-7.8 0-.1-.1-.2-.1-.3l11.2-8.1v-8.9zm-34.4 64.2c12.1 0 20 5.2 20 13.4s-7.8 13.5-20 13.5c-12.1 0-19.9-5.3-19.9-13.5 0-7.8 8.3-13.4 19.9-13.4zm.9-23c-8.8 0-15.2-6.8-15.2-16 0-9.3 6.4-16 15.2-16s15.2 6.7 15.2 16c0 9.2-6.4 16-15.2 16zM366.7 30.3c-6.6-2.3-13.5-4.7-13.5-9.2 0-4.8 4.2-7 9.3-7 5.4 0 9 4.5 9 8.5v.8h16.2v-.6c0-13-10.2-21.7-25.4-21.7-15.3 0-24.9 7.8-24.9 20.4 0 14.7 13.1 18.4 22.9 21.9 6.5 2.4 13.6 4.3 13.6 8.7 0 4.6-3.4 8-10.6 8-6.5 0-10.9-3.8-10.9-9.4v-.8h-16.7v.8c0 14.5 10.3 23.1 27.5 23.1 16.5 0 26-7.6 26-21.5 0-14.4-12.5-18.5-22.5-22z\" />\n      </g>\n    </svg>\n  );\n};\n\nexport default Logo;\n","import Logo from './Logo';\nexport * from './Logo';\nexport default Logo;\n"],"mappings":";;;;;;;;AAoBA,IAAMA,QAA6B,EAAE,OAAO,KAAK,QAAQ,SAAS,SAAS,OAAO,WAAW,aAAa;CACxG,MAAM,UAAU,OAAO;AAEvB,KAAI,OACF,QACE,qBAAC,OAAA;EACC,OAAM;EACN,OAAO;EACP,MAAM;EACN,mBAAiB;EACjB,SAAQ;EACG;EACX,eAAa;EACb,oBAAkB,YAAY;aAE9B,oBAAC,SAAA;GAAM,IAAI;aAAU;IAAqB,EAC1C,oBAAC,KAAA;GAAE,MAAM,SAAS,MAAM;aACtB,oBAAC,QAAA,EAAK,GAAE,yxCAAA,CAA0xC;IAChyC,CAAA;GACA;AAIV,QACE,qBAAC,OAAA;EACC,OAAM;EACN,OAAO;EACP,MAAM;EACN,mBAAiB;EACjB,SAAQ;EACG;EACX,eAAa;EACb,oBAAkB,YAAY;aAE9B,oBAAC,SAAA;GAAM,IAAI;aAAU;IAAqB,EAC1C,oBAAC,KAAA;GAAE,MAAM,SAAS,MAAM;aACtB,oBAAC,QAAA,EAAK,GAAE,iqDAAA,CAAkqD;IACxqD,CAAA;GACA;;ACxDV,IAAA,eD4De"}
+{"version":3,"file":"index.js","names":["Logo: React.FC<LogoProps>"],"sources":["../../../src/components/Logo/Logo.tsx","../../../src/components/Logo/index.ts"],"sourcesContent":["import React, { useId } from 'react';\n\nimport { AnalyticsId } from '../../constants';\nimport { getColor } from '../../theme/currys/color';\n\ntype LogoColor = 'black' | 'white';\n\nexport interface LogoProps {\n  /** Changes the size of the logo. */\n  size?: number;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /**\tChanges the color of the logo. */\n  color?: LogoColor;\n  /** Changes to the byline variant of the logo. */\n  byline?: boolean;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nconst Logo: React.FC<LogoProps> = ({ size = 300, color = 'black', byline = false, className, testId }) => {\n  const titleId = useId();\n\n  if (byline) {\n    return (\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        role={'img'}\n        aria-labelledby={titleId}\n        viewBox=\"0 0 87 12\"\n        className={className}\n        data-testid={testId}\n        data-analyticsid={AnalyticsId.Logo}\n      >\n        <title id={titleId}>{'Helsenorge'}</title>\n        <g fill={getColor(color)}>\n          <path d=\"M5 .8v2.8H2.6V.8H1V8h1.6V5.1H5V8h1.6V.8zM20.9 6.6V.8h-1.6V8h4.5V6.6zM57.9 1.4c-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.8 3.4 2.8-1.4 2.8-3.4-1.1-3.4-2.8-3.4zm2 3.4c0 1.2-.5 2.7-2 2.7-1.4 0-2-1.4-2-2.7s.5-2.7 2-2.7 2 1.5 2 2.7zM86 4.7c0-2-1.1-3.3-2.8-3.3-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.9 3.4c1.2 0 2.2-.6 2.5-1.7l.1-.2H85v.1c-.3.6-.9 1-1.7 1-1.3 0-1.9-1.2-2-2.3H86v-.4zm-.9-.3h-3.9c.1-1.1.7-2.3 1.9-2.3 1.5 0 2 1.3 2 2.3zM49.2 1.4c-1.1 0-1.7.7-2 1.2v-1h-.8V8h.8V4.8c0-.9.5-2.6 1.9-2.6s1.6 1.2 1.6 2.6V8h.8V4.7c0-1.6-.2-3.3-2.3-3.3zM12.1 6.6V5h2.4V3.7h-2.4V2.2h3.2V.8h-4.8V8h4.9V6.6zM38.3 6.6V5h2.3V3.7h-2.3V2.2h3.2V.8h-4.8V8h4.9V6.6zM65.5 3.3V1.6h-.8V8h.8V4.1l2.8-2v-.9zM77.6 1.2l-1.5 1.1c-.5-.6-1.1-.9-1.9-.9-1.4 0-2.4 1-2.4 2.4 0 1.1.6 2 1.6 2.3l-1.6 1.8c-.4.5-.6.9-.6 1.3 0 1.3 1.1 2.1 2.9 2.1 1.7 0 2.9-.9 2.9-2.1 0-1.3-1.1-2.1-2.9-2.1h-.6l.8-.9c1.3-.1 2.3-1.1 2.3-2.4 0-.3 0-.6-.1-.8l1.2-.8v-1zM74 7.8c1.2 0 2.1.5 2.1 1.4 0 .8-.8 1.4-2.1 1.4-1.2 0-2-.5-2-1.4 0-.8.8-1.4 2-1.4zm.1-2.4c-.9 0-1.6-.7-1.6-1.7s.7-1.6 1.6-1.6c.9 0 1.6.7 1.6 1.6 0 1-.7 1.7-1.6 1.7zM30.4 3.7c-.7-.2-1.4-.5-1.4-1s.4-.7 1-.7.9.5.9.9V3h1.7v-.1c0-1.3-1.1-2.2-2.6-2.2-1.6 0-2.6.8-2.6 2.1 0 1.5 1.3 1.9 2.4 2.3.7.2 1.4.4 1.4.9s-.3.8-1.1.8c-.7 0-1.1-.4-1.1-1v-.1h-1.7v.1c0 1.5 1.1 2.4 2.8 2.4 1.7 0 2.7-.8 2.7-2.2-.1-1.5-1.4-2-2.4-2.3z\" />\n        </g>\n      </svg>\n    );\n  }\n\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      role={'img'}\n      aria-labelledby={titleId}\n      viewBox=\"0 0 502 220\"\n      className={className}\n      data-testid={testId}\n      data-analyticsid={AnalyticsId.Logo}\n    >\n      <title id={titleId}>{'Helsenorge'}</title>\n      <g fill={getColor(color)}>\n        <path d=\"M39.8 2.5v26.9H17V2.5H1v69.9h16V43.6h22.8v28.8h16.1V2.5zM250.3 58.6V2.5h-16v69.9h43.5V58.6zM142.9 122.5c-16.1 0-27.4 13.6-27.4 33.1s11.2 33.1 27.4 33.1 27.4-13.6 27.4-33.1-11.3-33.1-27.4-33.1zm19 33.1c0 11.9-5 25.9-19 25.9s-19-13.9-19-25.9c0-11.9 5-25.9 19-25.9s19 14 19 25.9zM501 40c0-19.1-11.1-32.4-27-32.4-16.4 0-27.4 13.3-27.4 33.1 0 19.5 11.5 33.1 28 33.1 12.2 0 21.4-6 24.7-16.2l.5-1.6h-8.3l-.3.7c-2.8 6.2-8.8 9.8-16.6 9.8-12.9 0-18.5-11.5-19.5-22.7H501V40zm-8.3-3.2h-37.6c1-10.8 6.5-21.9 18.9-21.9 13.2 0 18.3 12.6 18.7 21.9zM30.4 122.4c-10.8 0-16.6 6.7-19.5 11.8v-9.9H3.3v62.6h8.1v-31.4c0-8.4 4.4-25.7 18.1-25.7 14 0 15.9 12 15.9 25v32.1h8.1v-32.1c.1-16.1-2.7-32.4-23.1-32.4zM134.3 59V43H157V30h-22.7V15.9H165V2.5h-46.4v69.9h47.3V59zM466.7 173.4v-16h22.7v-13h-22.7v-14.1h30.7v-13.4H451v69.9h47.3v-13.4zM246.7 140.5v-16.3h-7.6v62.6h8.1v-37.6l27.3-19.6v-9zM393.5 120.6l-14.7 10.5c-4.4-5.6-11.2-8.7-18.8-8.7-13.6 0-23.6 9.8-23.6 23.3 0 10.6 6.2 19.1 16 22.2l-16 17.5c-4 4.6-5.7 8.3-5.7 12.7 0 12.6 11.1 20.7 28.2 20.7 16.9 0 28.3-8.3 28.3-20.7 0-12.5-11.1-20.6-28.3-20.6-1.7 0-3.9.2-5.6.5l8-9c12.9-.7 22.2-10.4 22.2-23.3 0-2.8-.4-5.5-1.2-7.8 0-.1-.1-.2-.1-.3l11.2-8.1v-8.9zm-34.4 64.2c12.1 0 20 5.2 20 13.4s-7.8 13.5-20 13.5c-12.1 0-19.9-5.3-19.9-13.5 0-7.8 8.3-13.4 19.9-13.4zm.9-23c-8.8 0-15.2-6.8-15.2-16 0-9.3 6.4-16 15.2-16s15.2 6.7 15.2 16c0 9.2-6.4 16-15.2 16zM366.7 30.3c-6.6-2.3-13.5-4.7-13.5-9.2 0-4.8 4.2-7 9.3-7 5.4 0 9 4.5 9 8.5v.8h16.2v-.6c0-13-10.2-21.7-25.4-21.7-15.3 0-24.9 7.8-24.9 20.4 0 14.7 13.1 18.4 22.9 21.9 6.5 2.4 13.6 4.3 13.6 8.7 0 4.6-3.4 8-10.6 8-6.5 0-10.9-3.8-10.9-9.4v-.8h-16.7v.8c0 14.5 10.3 23.1 27.5 23.1 16.5 0 26-7.6 26-21.5 0-14.4-12.5-18.5-22.5-22z\" />\n      </g>\n    </svg>\n  );\n};\n\nexport default Logo;\n","import Logo from './Logo';\nexport * from './Logo';\nexport default Logo;\n"],"mappings":";;;;AAoBA,IAAMA,QAA6B,EAAE,OAAO,KAAK,QAAQ,SAAS,SAAS,OAAO,WAAW,aAAa;CACxG,MAAM,UAAU,OAAO;AAEvB,KAAI,OACF,QACE,qBAAC,OAAA;EACC,OAAM;EACN,OAAO;EACP,MAAM;EACN,mBAAiB;EACjB,SAAQ;EACG;EACX,eAAa;EACb,oBAAkB,YAAY;aAE9B,oBAAC,SAAA;GAAM,IAAI;aAAU;IAAqB,EAC1C,oBAAC,KAAA;GAAE,MAAM,SAAS,MAAM;aACtB,oBAAC,QAAA,EAAK,GAAE,yxCAAA,CAA0xC;IAChyC,CAAA;GACA;AAIV,QACE,qBAAC,OAAA;EACC,OAAM;EACN,OAAO;EACP,MAAM;EACN,mBAAiB;EACjB,SAAQ;EACG;EACX,eAAa;EACb,oBAAkB,YAAY;aAE9B,oBAAC,SAAA;GAAM,IAAI;aAAU;IAAqB,EAC1C,oBAAC,KAAA;GAAE,MAAM,SAAS,MAAM;aACtB,oBAAC,QAAA,EAAK,GAAE,iqDAAA,CAAkqD;IACxqD,CAAA;GACA;;ACxDV,IAAA,eD4De"}

package/lib/components/Modal/index.js

@@ -1,33 +1,12 @@
 import { t as uuid } from "../../uuid.js";
-import "../../environment.js";
 import { a as IconSize, c as ZIndex, n as AnalyticsId } from "../../constants2.js";
-import "../../usePseudoClasses.js";
-import "../../grid.js";
 import { t as palette } from "../../palette.js";
-import "../../spacers.js";
-import "../../theme.js";
-import "../../color.js";
-import "../../refs.js";
 import { t as Icon_default } from "../../Icon.js";
-import "../../_rolldown_dynamic_import_helper.js";
-import "../../useIsServerSide.js";
-import "../../LazyIcon.js";
-import "../../component.js";
-import "../../useIcons.js";
-import "../../useBreakpoint.js";
-import "../../useIsMobileBreakpoint.js";
-import "../../ArrowRight.js";
 import { t as Button_default } from "../../Button.js";
 import { n as getAriaLabelAttributes } from "../../accessibility.js";
-import "../../useElementList.js";
-import "../../useFocusableElements.js";
-import "../../focus.js";
 import { n as useFocusTrap_default } from "../../useFocusTrap.js";
-import "../../useIntersectionObserver.js";
 import { t as useIsVisible } from "../../useIsVisible.js";
-import "../../X.js";
 import { t as Close_default } from "../../Close.js";
-import "../../deepContains.js";
 import { t as useReturnFocusOnUnmount } from "../../useReturnFocusOnUnmount.js";
 import { n as enableBodyScroll, t as disableBodyScroll } from "../../scroll.js";
 import { n as Title_default } from "../../Title.js";
@@ -36,7 +15,7 @@ import { t as AlertSignStroke_default } from "../../AlertSignStroke.js";
 import { t as CheckOutline_default } from "../../CheckOutline.js";
 import { t as Portal } from "../../Portal.js";
 import React, { useEffect } from "react";
-import cn from "classnames";
+import classNames from "classnames";
 import { jsx, jsxs } from "react/jsx-runtime";
 import styles from "./styles.module.scss";
 let ModalVariants = /* @__PURE__ */ function(ModalVariants$1) {
@@ -129,8 +108,8 @@ var Modal = (props) => {
 	useEffect(() => {
 		dialogRef.current?.focus();
 	}, []);
-	const dialogClasses = cn(className, styles.modal, variant && styles[`modal--${variant}`], size && styles[`modal--${size}`], contentIsScrollable && !showActions && styles["modal--no-actions"]);
-	const titleClasses = cn({
+	const dialogClasses = classNames(className, styles.modal, variant && styles[`modal--${variant}`], size && styles[`modal--${size}`], contentIsScrollable && !showActions && styles["modal--no-actions"]);
+	const titleClasses = classNames({
 		[styles["modal__title--error"]]: variant === ModalVariants.error,
 		[styles["modal__title--success"]]: variant === ModalVariants.success
 	});
@@ -152,9 +131,9 @@ var Modal = (props) => {
 					...ariaLabelAttributes,
 					ref: dialogRef,
 					children: [
-						/* @__PURE__ */ jsx("div", { className: cn(styles["modal__shadow"], styles["modal__shadow--top"], { [styles["modal__shadow--show"]]: !topContentVisible && contentIsScrollable }) }),
+						/* @__PURE__ */ jsx("div", { className: classNames(styles["modal__shadow"], styles["modal__shadow--top"], { [styles["modal__shadow--show"]]: !topContentVisible && contentIsScrollable }) }),
 						/* @__PURE__ */ jsxs("div", {
-							className: cn(styles.modal__contentWrapper),
+							className: classNames(styles.modal__contentWrapper),
 							tabIndex: contentIsScrollable ? 0 : void 0,
 							role: contentIsScrollable ? "region" : void 0,
 							...contentIsScrollable ? ariaLabelAttributes : {},
@@ -162,14 +141,14 @@ var Modal = (props) => {
 							children: [!props.noCloseButton && /* @__PURE__ */ jsx("div", {
 								className: styles.modal__closeWrapper,
 								children: /* @__PURE__ */ jsx("div", {
-									className: cn(styles.modal__closeWrapper__close),
+									className: classNames(styles.modal__closeWrapper__close),
 									children: /* @__PURE__ */ jsx(Close_default, {
 										onClick: props.onClose,
 										ariaLabel: props.ariaLabelCloseBtn
 									})
 								})
 							}), /* @__PURE__ */ jsxs("div", {
-								className: cn(size && styles[`modal__contentWrapper__scroll--${size}`]),
+								className: classNames(size && styles[`modal__contentWrapper__scroll--${size}`]),
 								children: [
 									/* @__PURE__ */ jsx("div", { ref: topContent }),
 									/* @__PURE__ */ jsxs("div", {
@@ -198,9 +177,9 @@ var Modal = (props) => {
 								]
 							})]
 						}),
-						/* @__PURE__ */ jsx("div", { className: cn(styles["modal__shadow"], styles["modal__shadow--bottom"], { [styles["modal__shadow--show"]]: !bottomContentVisible && contentIsScrollable }) }),
+						/* @__PURE__ */ jsx("div", { className: classNames(styles["modal__shadow"], styles["modal__shadow--bottom"], { [styles["modal__shadow--show"]]: !bottomContentVisible && contentIsScrollable }) }),
 						showActions && /* @__PURE__ */ jsxs("div", {
-							className: cn(styles["modal__call-to-action"], size && styles[`modal__call-to-action--${size}`]),
+							className: classNames(styles["modal__call-to-action"], size && styles[`modal__call-to-action--${size}`]),
 							children: [
 								props.onSuccess && primaryButtonText && /* @__PURE__ */ jsx(Button_default, {
 									onClick: props.onSuccess,