@helsenorge/designsystem-react 6.5.0 → 7.0.0-beta.2

package/components/Validation/Validation.js

@@ -2,17 +2,17 @@ import a from "react";
 import s from "classnames";
 import { AnalyticsId as d } from "../../constants.js";
 import c from "../FormGroup/FormGroup.js";
-import i from "./styles.module.scss";
-const o = a.forwardRef((t, l) => {
-  const { errorSummary: e, className: n } = t, m = s(i.validation, n);
-  return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", { "data-testid": t.testId, "data-analyticsid": d.Validation, className: m, ref: l }, a.Children.map(t.children, (r) => r.type === c ? a.cloneElement(r, {
-    className: e ? i["form-group-wrapper--error-sibling"] : ""
-  }) : r)), e && /* @__PURE__ */ a.createElement("p", { className: i.validation__errors }, e));
+import o from "./styles.module.scss";
+const i = a.forwardRef((e, l) => {
+  const { errorSummary: t, className: m } = e, n = s(m);
+  return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement("div", { "data-testid": e.testId, "data-analyticsid": d.Validation, className: n, ref: l }, a.Children.map(e.children, (r) => r.type === c ? a.cloneElement(r, {
+    className: t ? o["form-group-wrapper--error-sibling"] : ""
+  }) : r)), t && /* @__PURE__ */ a.createElement("p", { className: o.validation__errors }, t));
 });
-o.displayName = "Validation";
-const v = o;
+i.displayName = "Validation";
+const v = i;
 export {
-  o as Validation,
+  i as Validation,
   v as default
 };
 //# sourceMappingURL=Validation.js.map

package/components/Validation/Validation.js.map

@@ -1 +1 @@
-{"version":3,"file":"Validation.js","sources":["../../../src/components/Validation/Validation.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, FormSize } from '../../constants';\nimport FormGroup, { FormGroupProps } from '../FormGroup/FormGroup';\n\nimport validationStyles from './styles.module.scss';\n\ninterface ValidationProps {\n  /** text placed in the legend tag of the fieldset */\n  errorSummary?: string;\n  /** Items in the Validation compontent */\n  children?: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Changes the visuals of the formgroup */\n  size?: keyof typeof FormSize;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const Validation = React.forwardRef((props: ValidationProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n  const { errorSummary, className } = props;\n  const validationClasses = classNames(validationStyles['validation'], className);\n\n  return (\n    <>\n      <div data-testid={props.testId} data-analyticsid={AnalyticsId.Validation} className={validationClasses} ref={ref}>\n        {React.Children.map(props.children, (child: React.ReactNode) => {\n          if ((child as React.ReactElement<FormGroupProps>).type === FormGroup) {\n            return React.cloneElement(child as React.ReactElement<FormGroupProps>, {\n              className: errorSummary ? validationStyles['form-group-wrapper--error-sibling'] : '',\n            });\n          }\n          return child;\n        })}\n      </div>\n      {errorSummary && <p className={validationStyles['validation__errors']}>{errorSummary}</p>}\n    </>\n  );\n});\n\nValidation.displayName = 'Validation';\n\nexport default Validation;\n"],"names":["Validation","React","props","ref","errorSummary","className","validationClasses","classNames","validationStyles","AnalyticsId","child","FormGroup","Validation$1"],"mappings":";;;;;AAsBO,MAAMA,IAAaC,EAAM,WAAW,CAACC,GAAwBC,MAA4C;AACxG,QAAA,EAAE,cAAAC,GAAc,WAAAC,EAAc,IAAAH,GAC9BI,IAAoBC,EAAWC,EAAiB,YAAeH,CAAS;AAE9E,2DAEKJ,gBAAAA,EAAA,cAAA,OAAA,EAAI,eAAaC,EAAM,QAAQ,oBAAkBO,EAAY,YAAY,WAAWH,GAAmB,KAAAH,KACrGF,EAAM,SAAS,IAAIC,EAAM,UAAU,CAACQ,MAC9BA,EAA6C,SAASC,IAClDV,EAAM,aAAaS,GAA6C;AAAA,IACrE,WAAWN,IAAeI,EAAiB,mCAAmC,IAAI;AAAA,EAAA,CACnF,IAEIE,CACR,CACH,GACCN,KAAgBH,gBAAAA,EAAA,cAAC,KAAE,EAAA,WAAWO,EAAiB,sBAAwBJ,CAAa,CACvF;AAEJ,CAAC;AAEDJ,EAAW,cAAc;AAEzB,MAAAY,IAAeZ;"}
+{"version":3,"file":"Validation.js","sources":["../../../src/components/Validation/Validation.tsx"],"sourcesContent":["import React from 'react';\n\nimport classNames from 'classnames';\n\nimport { AnalyticsId, FormSize } from '../../constants';\nimport FormGroup, { FormGroupProps } from '../FormGroup/FormGroup';\n\nimport validationStyles from './styles.module.scss';\n\ninterface ValidationProps {\n  /** text placed in the legend tag of the fieldset */\n  errorSummary?: string;\n  /** Items in the Validation compontent */\n  children?: React.ReactNode;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Changes the visuals of the formgroup */\n  size?: keyof typeof FormSize;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const Validation = React.forwardRef((props: ValidationProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n  const { errorSummary, className } = props;\n  const validationClasses = classNames(className);\n\n  return (\n    <>\n      <div data-testid={props.testId} data-analyticsid={AnalyticsId.Validation} className={validationClasses} ref={ref}>\n        {React.Children.map(props.children, (child: React.ReactNode) => {\n          if ((child as React.ReactElement<FormGroupProps>).type === FormGroup) {\n            return React.cloneElement(child as React.ReactElement<FormGroupProps>, {\n              className: errorSummary ? validationStyles['form-group-wrapper--error-sibling'] : '',\n            });\n          }\n          return child;\n        })}\n      </div>\n      {errorSummary && <p className={validationStyles['validation__errors']}>{errorSummary}</p>}\n    </>\n  );\n});\n\nValidation.displayName = 'Validation';\n\nexport default Validation;\n"],"names":["Validation","React","props","ref","errorSummary","className","validationClasses","classNames","AnalyticsId","child","FormGroup","validationStyles","Validation$1"],"mappings":";;;;;AAsBO,MAAMA,IAAaC,EAAM,WAAW,CAACC,GAAwBC,MAA4C;AACxG,QAAA,EAAE,cAAAC,GAAc,WAAAC,EAAc,IAAAH,GAC9BI,IAAoBC,EAAWF,CAAS;AAE9C,2DAEKJ,gBAAAA,EAAA,cAAA,OAAA,EAAI,eAAaC,EAAM,QAAQ,oBAAkBM,EAAY,YAAY,WAAWF,GAAmB,KAAAH,KACrGF,EAAM,SAAS,IAAIC,EAAM,UAAU,CAACO,MAC9BA,EAA6C,SAASC,IAClDT,EAAM,aAAaQ,GAA6C;AAAA,IACrE,WAAWL,IAAeO,EAAiB,mCAAmC,IAAI;AAAA,EAAA,CACnF,IAEIF,CACR,CACH,GACCL,KAAgBH,gBAAAA,EAAA,cAAC,KAAE,EAAA,WAAWU,EAAiB,sBAAwBP,CAAa,CACvF;AAEJ,CAAC;AAEDJ,EAAW,cAAc;AAEzB,MAAAY,IAAeZ;"}

package/components/Validation/Validation.stories.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+import { StoryObj } from '@storybook/react';
+import { FormSize } from '../../constants';
+declare const meta: {
+    title: string;
+    component: (props: import("../FormExample/FormExample").FormExampleProps) => JSX.Element;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+                markdown: string;
+            };
+            source: {
+                code: string;
+                language: string;
+            };
+        };
+    };
+    args: {
+        size: FormSize.medium;
+    };
+    argTypes: {
+        size: {
+            control: string;
+            options: typeof FormSize;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const FormGroup: Story;
+export declare const Checkbox: Story;
+export declare const Radiobutton: Story;
+export declare const Textarea: Story;
+export declare const Input: Story;
+export declare const Select: Story;

package/components/Validation/index.d.ts

@@ -1,4 +1,3 @@
 import Validation from './Validation';
 export * from './Validation';
 export default Validation;
-//# sourceMappingURL=index.d.ts.map

package/constants.d.ts

@@ -114,4 +114,3 @@ export declare enum KeyboardEventKey {
     Home = "Home",
     End = "End"
 }
-//# sourceMappingURL=constants.d.ts.map

package/hoc/withBreakpoint/index.d.ts

@@ -1,4 +1,3 @@
 import withBreakpoint from './withBreakpoint';
 export * from './withBreakpoint';
 export default withBreakpoint;
-//# sourceMappingURL=index.d.ts.map

package/hoc/withBreakpoint/withBreakpoint.d.ts

@@ -11,4 +11,3 @@ export declare function withBreakpoint<P extends BreakpointProps & {
 }>(Component: React.ForwardRefExoticComponent<P>): React.ForwardRefExoticComponent<Omit<P, keyof BreakpointProps>>;
 export declare function withBreakpoint<P extends BreakpointProps>(Component: React.FunctionComponent<P>): React.ForwardRefExoticComponent<Omit<P, keyof BreakpointProps>>;
 export default withBreakpoint;
-//# sourceMappingURL=withBreakpoint.d.ts.map

package/hoc/withBreakpoint/withBreakpoint.stories.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+import { BreakpointProps } from './withBreakpoint';
+declare const meta: {
+    title: string;
+    component: React.ForwardRefExoticComponent<Omit<BreakpointProps, "breakpoint">>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useBreakpoint.d.ts

@@ -11,4 +11,3 @@ export declare enum Breakpoint {
  * @returns Gjeldende breakpoint
  */
 export declare const useBreakpoint: () => Breakpoint;
-//# sourceMappingURL=useBreakpoint.d.ts.map

package/hooks/useBreakpoint.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useDelayedState.d.ts

@@ -6,4 +6,3 @@ import { Dispatch, SetStateAction } from 'react';
  * @returns state, callback for å oppdatere state etter delay, og callback for å oppdatere state umiddelbart
  */
 export declare const useDelayedState: <S>(initialState: S, delay: number) => [S, Dispatch<SetStateAction<S>>, Dispatch<SetStateAction<S>>];
-//# sourceMappingURL=useDelayedState.d.ts.map

package/hooks/useDelayedState.stories.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+interface UseDelayedStateExampleProps {
+    delay: number;
+}
+declare const meta: {
+    title: string;
+    component: React.FC<UseDelayedStateExampleProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        delay: number;
+    };
+    argTypes: {
+        delay: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useElementList.d.ts

@@ -6,4 +6,3 @@
  * @returns Liste med HTML-elementer
  */
 export declare const useElementList: (ref: React.RefObject<HTMLElement>, selectors: string, options?: MutationObserverInit) => NodeListOf<HTMLElement> | undefined;
-//# sourceMappingURL=useElementList.d.ts.map

package/hooks/useElementList.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useEventListenerState.d.ts

@@ -1,3 +1,2 @@
 import React from 'react';
-export declare const useEventListenerState: <T>(initial?: T | undefined) => [valueRef: React.MutableRefObject<T | undefined>, setValue: (x: T) => void];
-//# sourceMappingURL=useEventListenerState.d.ts.map
+export declare const useEventListenerState: <T>(initial?: T) => [valueRef: React.MutableRefObject<T | undefined>, setValue: (x: T) => void];

package/hooks/useExpand.d.ts

@@ -1,3 +1,2 @@
 import { Dispatch, SetStateAction } from 'react';
 export declare const useExpand: (expanded: boolean, onExpand?: ((isExpanded: boolean) => void) | undefined) => [boolean, Dispatch<SetStateAction<boolean>>];
-//# sourceMappingURL=useExpand.d.ts.map

package/hooks/useFocusToggle.d.ts

@@ -7,4 +7,3 @@ import React from 'react';
  * @returns void
  */
 export declare const useFocusToggle: (ref: React.RefObject<HTMLElement>, allowFocus?: boolean) => void;
-//# sourceMappingURL=useFocusToggle.d.ts.map

package/hooks/useFocusToggle.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useFocusTrap.d.ts

@@ -6,4 +6,3 @@ import React from 'react';
  */
 export declare const useFocusTrap: (ref: React.RefObject<HTMLElement>, trapFocus?: boolean) => void;
 export default useFocusTrap;
-//# sourceMappingURL=useFocusTrap.d.ts.map

package/hooks/useFocusTrap.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useFocusableElements.d.ts

@@ -6,4 +6,3 @@ export declare const FOCUSABLE_SELECTORS: string;
  * @returns Liste med fokuserbare HTML-elementer
  */
 export declare const useFocusableElements: (ref: React.RefObject<HTMLElement>) => NodeListOf<HTMLElement> | undefined;
-//# sourceMappingURL=useFocusableElements.d.ts.map

package/hooks/useFocusableElements.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useHover.d.ts

@@ -4,8 +4,7 @@ import { RefObject } from 'react';
  * @param ref Element som skal observeres
  * @returns Objekt med ref og om objekt er hovered/focused
  */
-export declare const useHover: <T extends HTMLElement | SVGElement>(ref?: RefObject<T> | undefined) => {
+export declare const useHover: <T extends HTMLElement | SVGElement>(ref?: RefObject<T>) => {
     hoverRef: RefObject<T>;
     isHovered: boolean;
 };
-//# sourceMappingURL=useHover.d.ts.map

package/hooks/useHover.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useIcons.d.ts

@@ -2,4 +2,3 @@
 import { BaseIconProps } from '../components/Icon';
 export type BaseIconElement = React.ReactElement<BaseIconProps>;
 export declare const useIcons: (children: React.ReactNode[]) => [BaseIconElement | null, BaseIconElement | null, React.ReactNode[] | null];
-//# sourceMappingURL=useIcons.d.ts.map

package/hooks/useIntersectionObserver.d.ts

@@ -7,4 +7,3 @@
  * @param options Objekt med options for IntersectionObserver, f.eks. threshold for å bestemme når callbacken skal fyres
  */
 export declare const useIntersectionObserver: (ref: React.RefObject<Element>, callback: IntersectionObserverCallback, options?: IntersectionObserverInit) => void;
-//# sourceMappingURL=useIntersectionObserver.d.ts.map

package/hooks/useIntersectionObserver.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useInterval.d.ts

@@ -6,4 +6,3 @@
  * @returns void
  */
 export declare const useInterval: (callback: () => void, frequency?: number) => void;
-//# sourceMappingURL=useInterval.d.ts.map

package/hooks/useInterval.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useIsVisible.d.ts

@@ -8,4 +8,3 @@
  * @returns true hvis objektet er synlig lik threshold eller mer, false hvis ikke
  */
 export declare const useIsVisible: (ref: React.RefObject<Element>, threshold?: number, options?: IntersectionObserverInit, initial?: boolean) => boolean;
-//# sourceMappingURL=useIsVisible.d.ts.map

package/hooks/useIsVisible.stories.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+interface UseIsVisibleExampleProps {
+    threshold?: number;
+}
+declare const meta: {
+    title: string;
+    component: React.FC<UseIsVisibleExampleProps>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    args: {
+        threshold: number;
+    };
+    argTypes: {
+        threshold: {
+            control: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useKeyboardEvent.d.ts

@@ -8,4 +8,3 @@ type KeyboardEvents = keyof PickByValue<HTMLElementEventMap, KeyboardEvent>;
  */
 export declare const useKeyboardEvent: (ref: React.RefObject<HTMLElement>, callback: (event: HTMLElementEventMap[KeyboardEvents]) => void, key: string | string[], events?: KeyboardEvents[]) => void;
 export {};
-//# sourceMappingURL=useKeyboardEvent.d.ts.map

package/hooks/useKeyboardEvent.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useLayoutEvent.d.ts

@@ -6,4 +6,3 @@
  * @param debounceMs Begrens kall til callback til x antall ms
  */
 export declare const useLayoutEvent: (callback: () => void, events?: string[], debounceMs?: number) => void;
-//# sourceMappingURL=useLayoutEvent.d.ts.map

package/hooks/useLayoutEvent.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useOutsideEvent.d.ts

@@ -7,4 +7,3 @@ type OutsideEvents = keyof PickByValue<HTMLElementEventMap, MouseEvent | FocusEv
  */
 export declare const useOutsideEvent: (ref: React.RefObject<HTMLElement>, handleClick: (event: HTMLElementEventMap[OutsideEvents]) => void, events?: OutsideEvents[]) => void;
 export {};
-//# sourceMappingURL=useOutsideEvent.d.ts.map

package/hooks/useOutsideEvent.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/usePrevious.d.ts

@@ -4,4 +4,3 @@
  * @returns Forrige verdi
  */
 export declare const usePrevious: <T>(value: T) => T | undefined;
-//# sourceMappingURL=usePrevious.d.ts.map

package/hooks/usePseudoClasses.d.ts

@@ -4,9 +4,8 @@ import { RefObject, MutableRefObject } from 'react';
  * @param ref Element som skal observeres
  * @returns Objekt med ref og om objekt er hovered/focused
  */
-export declare const usePseudoClasses: <T extends HTMLElement | SVGElement>(ref?: RefObject<T> | MutableRefObject<T> | null | undefined) => {
+export declare const usePseudoClasses: <T extends HTMLElement | SVGElement>(ref?: RefObject<T> | MutableRefObject<T> | null) => {
     refObject: RefObject<T> | MutableRefObject<T>;
     isHovered: boolean;
     isFocused: boolean;
 };
-//# sourceMappingURL=usePseudoClasses.d.ts.map

package/hooks/usePseudoClasses.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useResizeObserver.d.ts

@@ -5,4 +5,3 @@
  * @returns Object med høyde, bredde, x og y til elementet
  */
 export declare const useResizeObserver: (ref?: React.RefObject<HTMLElement>) => DOMRect | undefined;
-//# sourceMappingURL=useResizeObserver.d.ts.map

package/hooks/useResizeObserver.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useSize.d.ts

@@ -6,4 +6,3 @@
  * posisjonen (x og y) endres.
  */
 export declare const useSize: (ref?: React.RefObject<HTMLElement>) => DOMRect | undefined;
-//# sourceMappingURL=useSize.d.ts.map

package/hooks/useSize.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useSticky.d.ts

@@ -19,4 +19,3 @@ interface UseStickyReturnValues {
  */
 export declare const useSticky: (contentRef: React.RefObject<HTMLElement>, stickyRef: React.RefObject<HTMLElement>, stickyPosition?: 'top' | 'bottom') => UseStickyReturnValues;
 export {};
-//# sourceMappingURL=useSticky.d.ts.map

package/hooks/useSticky.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/hooks/useToggle.d.ts

@@ -9,4 +9,3 @@ export declare const useToggle: (initialValue: boolean, callback?: ((value: bool
     value: boolean;
     toggleValue: () => void;
 };
-//# sourceMappingURL=useToggle.d.ts.map

package/hooks/useUuid.d.ts

@@ -4,4 +4,3 @@
  * @returns uuid-string
  */
 export declare const useUuid: (initial?: string) => string;
-//# sourceMappingURL=useUuid.d.ts.map

package/hooks/useUuid.stories.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: React.FC<{}>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/index.d.ts

@@ -17,4 +17,3 @@ export { useUuid } from './hooks/useUuid';
 export { isMobileUA } from './utils/mobile';
 export { uuid } from './utils/uuid';
 export * from './constants';
-//# sourceMappingURL=index.d.ts.map

package/package.json

@@ -7,15 +7,15 @@
     "url": "git+https://github.com/helsenorge/designsystem.git"
   },
   "homepage": "https://helsenorge.design",
-  "version": "6.5.0",
+  "version": "7.0.0-beta.2",
   "author": "Helsenorge",
   "license": "MIT",
   "peerDependencies": {
     "bootstrap": "^4.6.2",
     "classnames": "^2.3.2",
     "normalize.css": "^8.0.1",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0"
+    "react": ">=17",
+    "react-dom": ">=17"
   },
   "sideEffects": false
 }