@helsenorge/designsystem-react 1.0.0-buildchunks04 → 1.0.0

package/constants.d.ts

@@ -0,0 +1,113 @@
+export declare enum IconSize {
+    XXSmall = 24,
+    XSmall = 38,
+    Small = 48,
+    Medium = 64,
+    Large = 80,
+    XLarge = 130
+}
+export declare enum ZIndex {
+    Modal = 1300000,
+    ExpanderTrigger = 10000
+}
+export interface HTMLButtonProps {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    form?: string;
+    formAction?: string;
+    formEncType?: string;
+    formMethod?: string;
+    formNoValidate?: boolean;
+    formTarget?: string;
+    name?: string;
+    type?: 'submit' | 'reset' | 'button' | string;
+    value?: string | string[] | number;
+    id?: string;
+}
+export interface HTMLTextareaProps {
+    autoFocus?: boolean;
+    disabled?: boolean;
+    form?: string;
+    formNoValidate?: boolean;
+    formTarget?: string;
+    name?: string;
+    id?: string;
+    autocomplete?: 'off' | 'on';
+    placeholder?: string;
+    readonly?: boolean;
+    required?: boolean;
+    spellcheck?: 'true' | 'default' | 'false';
+    'aria-invalid'?: boolean;
+}
+export declare type AnchorTarget = '_self' | '_blank' | '_parent' | '_top';
+export interface HTMLAnchorProps {
+    download?: string;
+    href?: string;
+    hrefLang?: string;
+    media?: string;
+    ping?: string;
+    rel?: AnchorTarget;
+    target?: string;
+    referrerPolicy?: '' | 'same-origin' | 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
+}
+export declare type ButtonVariant = 'secondary' | 'tertiary' | string | undefined | null;
+export declare enum FormMode {
+    onwhite = "onwhite",
+    ongrey = "ongrey",
+    onblueberry = "onblueberry",
+    ondark = "ondark",
+    oninvalid = "oninvalid"
+}
+export declare enum FormVariant {
+    normal = "normal",
+    bigform = "bigform"
+}
+export declare enum AnalyticsId {
+    AnchorLink = "anchor-link",
+    Avatar = "avatar",
+    Badge = "badge",
+    Button = "button",
+    Checkbox = "checkbox",
+    Close = "close",
+    Dropdown = "dropdown",
+    Expander = "expander",
+    ExpanderList = "expander-list",
+    ExpanderListExpander = "expander-list-expander",
+    FormGroup = "form-group",
+    FormLayout = "form-layout",
+    HelpBubble = "help-bubble",
+    HighlightBox = "highlight-box",
+    Icon = "icon",
+    Input = "input",
+    Link = "link",
+    LinkList = "link-list",
+    List = "list",
+    Loader = "loader",
+    Logo = "logo",
+    Modal = "modal",
+    NotificationPanel = "notification-panel",
+    Panel = "panel",
+    PanelList = "panel-list",
+    Portal = "portal",
+    RadioButton = "radio-button",
+    Slider = "slider",
+    Spacer = "spacer",
+    StatusDot = "status-dot",
+    Table = "table",
+    Tag = "tag",
+    TagList = "tag-list",
+    Textarea = "textarea",
+    Tile = "tile",
+    Title = "title",
+    Tooltip = "tooltip",
+    Validation = "validation"
+}
+export declare enum KeyboardEventKey {
+    Enter = "Enter",
+    Escape = "Escape",
+    ArrowDown = "ArrowDown",
+    ArrowUp = "ArrowUp",
+    Home = "Home",
+    End = "End"
+}
+//# sourceMappingURL=constants.d.ts.map

package/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"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"}

package/grid-c105cad1.js

@@ -0,0 +1,2 @@
+var x={xxs:0,xs:360,sm:564,md:768,lg:1088,xl:1450},t={xxs:"(min-width: ".concat(x.xxs,"px)"),xs:"(min-width: ".concat(x.xs,"px)"),sm:"(min-width: ".concat(x.sm,"px)"),md:"(min-width: ".concat(x.md,"px)"),lg:"(min-width: ".concat(x.lg,"px)"),xl:"(min-width: ".concat(x.xl,"px)")};export{x as b,t as s};
+//# sourceMappingURL=grid-c105cad1.js.map

package/grid-c105cad1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid-c105cad1.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/hoc/withBreakpoint/index.d.ts

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

package/hoc/withBreakpoint/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hoc/withBreakpoint/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,cAAc,kBAAkB,CAAC;AACjC,eAAe,cAAc,CAAC"}

package/hoc/withBreakpoint/index.js

@@ -0,0 +1,2 @@
+import r from"react";import{u as e}from"../../useBreakpoint-a74f5af5.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../grid-c105cad1.js";function t(t){return r.forwardRef((function(a,o){var f=e();return r.createElement(t,Object.assign({ref:o},a,{breakpoint:f}))}))}export{t as default,t as withBreakpoint};
+//# sourceMappingURL=index.js.map

package/hoc/withBreakpoint/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/hoc/withBreakpoint/withBreakpoint.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Breakpoint } from '../../hooks/useBreakpoint';
+export interface BreakpointProps {
+    breakpoint: Breakpoint;
+}
+export declare function withBreakpoint<P extends BreakpointProps, C extends React.ComponentClass<P>>(Component: C & React.ComponentType<P>): React.ForwardRefExoticComponent<Omit<React.ComponentPropsWithoutRef<C> & {
+    ref?: React.Ref<InstanceType<C>>;
+}, keyof BreakpointProps>>;
+export declare function withBreakpoint<P extends BreakpointProps & {
+    ref?: React.Ref<any>;
+}>(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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withBreakpoint.d.ts","sourceRoot":"","sources":["../../../src/hoc/withBreakpoint/withBreakpoint.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,UAAU,EAAiB,MAAM,2BAA2B,CAAC;AAEtE,MAAM,WAAW,eAAe;IAC9B,UAAU,EAAE,UAAU,CAAC;CACxB;AAGD,wBAAgB,cAAc,CAAC,CAAC,SAAS,eAAe,EAAE,CAAC,SAAS,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EACzF,SAAS,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GACpC,KAAK,CAAC,yBAAyB,CAAC,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;CAAE,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC;AAE1I,wBAAgB,cAAc,CAAC,CAAC,SAAS,eAAe,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;CAAE,EACjF,SAAS,EAAE,KAAK,CAAC,yBAAyB,CAAC,CAAC,CAAC,GAC5C,KAAK,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC;AAEnE,wBAAgB,cAAc,CAAC,CAAC,SAAS,eAAe,EACtD,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,GACpC,KAAK,CAAC,yBAAyB,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,eAAe,CAAC,CAAC,CAAC;AASnE,eAAe,cAAc,CAAC"}

package/hooks/focus-utils.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Kopi fra core-frontend (focus-utils.tsx)
+ * Returnerer document.activeElement (element in focus), uavhengig av om den er i document-dom eller shadow-dom
+ * @param element HtmlElement som den skal søke i
+ */
+export declare const getDocumentActiveElement: (element: HTMLElement | string) => Element | null;
+//# sourceMappingURL=focus-utils.d.ts.map

package/hooks/focus-utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus-utils.d.ts","sourceRoot":"","sources":["../../src/hooks/focus-utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,YAAa,WAAW,GAAG,MAAM,KAAG,OAAO,GAAG,IAUlF,CAAC"}

package/hooks/useBreakpoint.d.ts

@@ -0,0 +1,14 @@
+export declare enum Breakpoint {
+    xxs,
+    xs,
+    sm,
+    md,
+    lg,
+    xl
+}
+/**
+ * Lytt på endringer i breakpoint basert på media queries. Trigger re-render bare når breakpoint er endret.
+ * @returns Gjeldende breakpoint
+ */
+export declare const useBreakpoint: () => Breakpoint;
+//# sourceMappingURL=useBreakpoint.d.ts.map

package/hooks/useBreakpoint.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAGA,oBAAY,UAAU;IACpB,GAAqB;IACrB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,QAAO,UA2DhC,CAAC"}

package/hooks/useEventListenerState.d.ts

@@ -0,0 +1,3 @@
+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

package/hooks/useEventListenerState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventListenerState.d.ts","sourceRoot":"","sources":["../../src/hooks/useEventListenerState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,qBAAqB,wGAA2F,IAAI,CAWhI,CAAC"}

package/hooks/useFocusToggle.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export declare const FOCUSABLE_SELECTORS: string;
+/**
+ * Skru av og på fokus på fokuserbare elementer slik at de kan være en del av DOMen, men samtidig
+ * ikke kunne fokuseres/tabbes til med tastaturet.
+ *
+ * Bruker MutationObserver slik at eventuelle nye elementer som legges til også vil miste/få fokus.
+ *
+ * @param ref Alle barn av dette elementet vil sjekkes for om de er fokuserbare
+ * @param allowFocus Om elementene skal være fokuserbare eller ikke
+ * @returns Liste med potensielt fokuserbare elementer
+ */
+export declare const useFocusToggle: (ref: React.RefObject<HTMLElement>, allowFocus?: boolean | undefined) => NodeListOf<HTMLElement> | undefined;
+//# sourceMappingURL=useFocusToggle.d.ts.map

package/hooks/useFocusToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusToggle.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusToggle.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,eAAO,MAAM,mBAAmB,QAarB,CAAC;AAEZ;;;;;;;;;GASG;AACH,eAAO,MAAM,cAAc,QAAS,MAAM,SAAS,CAAC,WAAW,CAAC,uCAAyB,WAAW,WAAW,CAAC,GAAG,SAgDlH,CAAC"}

package/hooks/useFocusTrap.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare function useFocusTrap(): React.MutableRefObject<HTMLDivElement | null>;
+export default useFocusTrap;
+//# sourceMappingURL=useFocusTrap.d.ts.map

package/hooks/useFocusTrap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusTrap.d.ts","sourceRoot":"","sources":["../../src/hooks/useFocusTrap.ts"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,wBAAgB,YAAY,IAAI,KAAK,CAAC,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CA0D5E;AAED,eAAe,YAAY,CAAC"}

package/hooks/useGetDOMRect.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+/**
+ * Hent ut posisjon og størrelse til en Ref, med intervaller basert på ønsket frequency.
+ *
+ * @param ref Element som skal observeres
+ * @param updatePosition om posisjonen skal fortsette å hentes ut
+ * @param frequency Hvor ofte skal vi hente posisjonen i MS
+ * @returns DOMRect objekt med posisjon og størrelse til ref
+ */
+export declare const useGetDOMRect: (ref: React.RefObject<HTMLElement | SVGSVGElement>, updatePosition?: boolean, frequency?: number) => [DOMRect, () => void];
+//# sourceMappingURL=useGetDOMRect.d.ts.map

package/hooks/useGetDOMRect.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetDOMRect.d.ts","sourceRoot":"","sources":["../../src/hooks/useGetDOMRect.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD;;;;;;;GAOG;AACH,eAAO,MAAM,aAAa,QACnB,MAAM,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,mDAGhD,CAAC,OAAO,EAAE,MAAM,IAAI,CA4CtB,CAAC"}

package/hooks/useHover.d.ts

@@ -0,0 +1,12 @@
+import { RefObject } from 'react';
+/** ref: Reference object for the trigger of the hover state
+ *
+ *  condition: Additional boolean condition to trigger the useEffect checking for hover.
+ *
+ *  includeFocus: If focusing the ref should count as a hover or not. True by default.
+ */
+export declare const useHover: <T extends HTMLElement | SVGElement>(ref?: RefObject<T> | undefined, condition?: boolean | undefined, includeFocus?: boolean) => {
+    hoverRef: RefObject<T>;
+    isHovered: boolean;
+};
+//# sourceMappingURL=useHover.d.ts.map

package/hooks/useHover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useHover.d.ts","sourceRoot":"","sources":["../../src/hooks/useHover.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,uHAA+F,OAAO;;;CAuB1H,CAAC"}

package/hooks/useIcons.d.ts

@@ -0,0 +1,3 @@
+import { IconProps } from '../components/Icons';
+export declare const useIcons: (children: React.ReactNode[]) => Array<React.ReactElement<IconProps> | React.ReactNode | {} | undefined | null>;
+//# sourceMappingURL=useIcons.d.ts.map

package/hooks/useIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIcons.d.ts","sourceRoot":"","sources":["../../src/hooks/useIcons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAEhD,eAAO,MAAM,QAAQ,aAAc,MAAM,SAAS,EAAE,KAAG,MAAM,MAAM,YAAY,CAAC,SAAS,CAAC,GAAG,MAAM,SAAS,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,CAanI,CAAC"}

package/hooks/useIntersectionObserver.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Lytt på endringer i synligheten (intersection) til et HTML-element. F.eks. kan du bruke denne til å kalle en callback
+ * når elementet er i ferd med å forsvinne ut av vinduet.
+ *
+ * @param ref Element som skal observeres
+ * @param callback Kalles når en endring i intersection er observert
+ * @param options Objekt med options for IntersectionObserver, f.eks. threshold for å bestemme når callbacken skal fyres
+ */
+export declare const useIntersectionObserver: (ref: React.RefObject<HTMLElement>, callback: IntersectionObserverCallback, options?: IntersectionObserverInit | undefined) => void;
+//# sourceMappingURL=useIntersectionObserver.d.ts.map

package/hooks/useIntersectionObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntersectionObserver.d.ts","sourceRoot":"","sources":["../../src/hooks/useIntersectionObserver.ts"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AAEH,eAAO,MAAM,uBAAuB,QAC7B,MAAM,SAAS,CAAC,WAAW,CAAC,YACvB,4BAA4B,qDAErC,IAcF,CAAC"}

package/hooks/useIsVisible.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Sjekk om et HTML-element er synlig i vinduet, eller ikke.
+ *
+ * @param ref Element som skal observeres
+ * @param threshold Hvor synlig må elementet være? Default = 1 (helt synlig)
+ * @returns true hvis objektet er synlig lik threshold eller mer, false hvis ikke
+ */
+export declare const useIsVisible: (ref: React.RefObject<HTMLElement>, threshold?: number) => boolean;
+//# sourceMappingURL=useIsVisible.d.ts.map

package/hooks/useIsVisible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsVisible.d.ts","sourceRoot":"","sources":["../../src/hooks/useIsVisible.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,QAAS,MAAM,SAAS,CAAC,WAAW,CAAC,yBAAkB,OAU/E,CAAC"}

package/hooks/useKeyboardEvent.d.ts

@@ -0,0 +1,2 @@
+export declare const useKeyboardEvent: <E extends "keydown" | "keypress" | "keyup">(eventName: E, ref: React.RefObject<HTMLElement>, key: string | string[], callback: (event: HTMLElementEventMap[E]) => void) => void;
+//# sourceMappingURL=useKeyboardEvent.d.ts.map

package/hooks/useKeyboardEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardEvent.d.ts","sourceRoot":"","sources":["../../src/hooks/useKeyboardEvent.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,kEAEtB,MAAM,SAAS,CAAC,WAAW,CAAC,OAC5B,MAAM,GAAG,MAAM,EAAE,+CACuB,IAAI,SAclD,CAAC"}

package/hooks/useLayoutEvent.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Lytt på ulike layout-events som har betydning for rendring og størrelse på elementer.
+ *
+ * @param callback Kalles for hver event
+ * @param events Liste med events som skal lyttes på
+ * @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.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLayoutEvent.d.ts","sourceRoot":"","sources":["../../src/hooks/useLayoutEvent.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,aAAc,MAAM,IAAI,iDAclD,CAAC"}

package/hooks/useOutsideEvent.d.ts

@@ -0,0 +1,13 @@
+declare type PickByValue<T, V> = Pick<T, {
+    [K in keyof T]: T[K] extends V ? K : never;
+}[keyof T]>;
+declare type OutsideEvents = keyof PickByValue<HTMLElementEventMap, MouseEvent | FocusEvent>;
+/**
+ * Custom hook for klikk eller fokus utenfor et gitt element
+ * @param ref Sjekker om det klikkes utenfor dette elementet
+ * @param handleClick Callback-funksjon ved klikk utenfor elementet
+ * @param events Type eventer å lytte på. Default: mousedown
+ */
+export declare const useOutsideEvent: (ref: React.RefObject<HTMLElement>, handleClick: () => void, events?: OutsideEvents[]) => void;
+export {};
+//# sourceMappingURL=useOutsideEvent.d.ts.map

package/hooks/useOutsideEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideEvent.d.ts","sourceRoot":"","sources":["../../src/hooks/useOutsideEvent.ts"],"names":[],"mappings":"AAEA,aAAK,WAAW,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,KAAK;CAAE,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAE1F,aAAK,aAAa,GAAG,MAAM,WAAW,CAAC,mBAAmB,EAAE,UAAU,GAAG,UAAU,CAAC,CAAC;AAErF;;;;;GAKG;AACH,eAAO,MAAM,eAAe,QACrB,MAAM,SAAS,CAAC,WAAW,CAAC,eACpB,MAAM,IAAI,WACf,aAAa,EAAE,KACtB,IAcF,CAAC"}

package/hooks/usePrevious.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Brukes f.eks. i forbindelse med useState for å kunne sammenlikne ny verdi med gammel.
+ * @param value Verdi du ønsker å ta vare på
+ * @returns Forrige verdi
+ */
+export declare const usePrevious: <T>(value: T) => T | undefined;
+//# sourceMappingURL=usePrevious.d.ts.map

package/hooks/usePrevious.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePrevious.d.ts","sourceRoot":"","sources":["../../src/hooks/usePrevious.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,WAAW,gCAQvB,CAAC"}

package/hooks/useResizeObserver.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * Lytt på endringer i størrelse på et element. Bruker ResizeObserver-APIet.
+ *
+ * @param ref Element som skal observeres.
+ * @returns Object med høyde, bredde, x og y til elementet
+ */
+export declare const useResizeObserver: (ref?: import("react").RefObject<HTMLElement> | undefined) => DOMRect | undefined;
+//# sourceMappingURL=useResizeObserver.d.ts.map

package/hooks/useResizeObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../src/hooks/useResizeObserver.ts"],"names":[],"mappings":";AAEA;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,gEAAyC,OAAO,GAAG,SAahF,CAAC"}

package/hooks/useSize.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+ * Lytt på endringer i størrelse på et element
+ *
+ * @param ref Element som skal observeres.
+ * @returns Object med høyde, bredde, x og y til elementet
+ */
+export declare const useSize: (ref?: import("react").RefObject<HTMLElement> | undefined) => DOMRect | undefined;
+//# sourceMappingURL=useSize.d.ts.map

package/hooks/useSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useSize.ts"],"names":[],"mappings":";AAGA;;;;;GAKG;AACH,eAAO,MAAM,OAAO,mFAkCnB,CAAC"}

package/hooks/useSticky.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+interface UseStickReturnValues {
+    /** Toppen av elementet er utenfor vinduet */
+    isOutsideWindow: boolean;
+    /** Innholdet er på vei helt ut av vinduet   */
+    isLeavingWindow: boolean;
+    /** Høyde på det sticky elementet i pixler */
+    offsetHeight: number | undefined;
+    /** Bredden til innholdet i pixler */
+    contentWidth: number | undefined;
+}
+/**
+ * Sett et element til sticky hvis et annet element er delvis utenfor vinduet
+ *
+ * @param contentRef Element som sjekkes om det er utenfor eller innenfor vinduet
+ * @param stickyRef Element som skal bli sticky
+ * @returns Properties som kan brukes til å sette elementet sticky eller absolute
+ */
+export declare const useSticky: (contentRef: React.RefObject<HTMLElement>, stickyRef: React.RefObject<HTMLElement>) => UseStickReturnValues;
+export {};
+//# sourceMappingURL=useSticky.d.ts.map

package/hooks/useSticky.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSticky.d.ts","sourceRoot":"","sources":["../../src/hooks/useSticky.ts"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,UAAU,oBAAoB;IAC5B,6CAA6C;IAC7C,eAAe,EAAE,OAAO,CAAC;IACzB,+CAA+C;IAC/C,eAAe,EAAE,OAAO,CAAC;IACzB,6CAA6C;IAC7C,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,qCAAqC;IACrC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC;AACD;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,eAAgB,MAAM,SAAS,CAAC,WAAW,CAAC,aAAa,MAAM,SAAS,CAAC,WAAW,CAAC,KAAG,oBAsB7G,CAAC"}

package/hooks/useToggle.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Hook for å toggle en boolean og kjøre en callback når verdien endres
+ *
+ * @param initialValue Initiell verdi for boolean
+ * @param callback Funksjon som kalles når value endrer verdi (optional)
+ * @returns Objekt med nåværende verdi og funksjon som kan kalles for å toggle verdien
+ */
+export declare const useToggle: (initialValue: boolean, callback?: ((value: boolean) => void) | undefined) => {
+    value: boolean;
+    toggleValue: () => void;
+};
+//# sourceMappingURL=useToggle.d.ts.map

package/hooks/useToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToggle.d.ts","sourceRoot":"","sources":["../../src/hooks/useToggle.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,iBAAkB,OAAO,sBAAqB,OAAO,KAAK,IAAI;WAAY,OAAO;iBAAe,MAAM,IAAI;CAqB/H,CAAC"}

package/hooks/useUuid.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Returner unik uuid som ikke endrer seg for hver render
+ *
+ * @returns uuid-string
+ */
+export declare const useUuid: () => string;
+//# sourceMappingURL=useUuid.d.ts.map

package/hooks/useUuid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUuid.d.ts","sourceRoot":"","sources":["../../src/hooks/useUuid.ts"],"names":[],"mappings":"AAGA;;;;GAIG;AACH,eAAO,MAAM,OAAO,QAAO,MAI1B,CAAC"}

package/index-28ed5ede.js

@@ -0,0 +1,2 @@
+import t from"react";import{createPortal as e}from"react-dom";import{A as r}from"./constants-dbdea596.js";function n(n){var a=n.children,o=n.parent,i=n.className,c=n.testId,d=t.useMemo((function(){return document.createElement("div")}),[]);return d.setAttribute("data-analyticsid",r.Portal),c&&d.setAttribute("data-testid",c),t.useEffect((function(){var t=o&&o.appendChild?o:document.body,e=["portal-container"];return i&&i.split(" ").forEach((function(t){return e.push(t)})),e.forEach((function(t){return d.classList.add(t)})),t.appendChild(d),function(){t.removeChild(d)}}),[d,o,i]),e(a,d)}export{n as P};
+//# sourceMappingURL=index-28ed5ede.js.map

package/index-28ed5ede.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-28ed5ede.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/index-d1c0552c.js

@@ -0,0 +1,7 @@
+var r,t={exports:{}};
+/*!
+  Copyright (c) 2018 Jed Watson.
+  Licensed under the MIT License (MIT), see
+  http://jedwatson.github.io/classnames
+*/r=t,function(){var t={}.hasOwnProperty;function e(){for(var r=arguments,o=[],s=0;s<arguments.length;s++){var a=r[s];if(a){var n=typeof a;if("string"===n||"number"===n)o.push(a);else if(Array.isArray(a)){if(a.length){var i=e.apply(null,a);i&&o.push(i)}}else if("object"===n)if(a.toString===Object.prototype.toString)for(var p in a)t.call(a,p)&&a[p]&&o.push(p);else o.push(a.toString())}}return o.join(" ")}r.exports?(e.default=e,r.exports=e):window.classNames=e}();var e=t.exports;export{e as c};
+//# sourceMappingURL=index-d1c0552c.js.map

package/index-d1c0552c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-d1c0552c.js","sources":["../node_modules/classnames/index.js"],"sourcesContent":["/*!\n  Copyright (c) 2018 Jed Watson.\n  Licensed under the MIT License (MIT), see\n  http://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString === Object.prototype.toString) {\n\t\t\t\t\tfor (var key in arg) {\n\t\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n"],"names":["hasOwn","hasOwnProperty","classNames","classes","i","arguments","length","arg","argType","push","Array","isArray","inner","apply","toString","Object","prototype","key","call","join","module","exports","default","window"],"mappings":";;;;;MAOC,WAGA,IAAIA,EAAS,GAAGC,eAEhB,SAASC,IAGR,oBAFIC,EAAU,GAELC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAC1C,IAAIG,EAAMF,EAAUD,GACpB,GAAKG,EAAL,CAEA,IAAIC,SAAiBD,EAErB,GAAgB,WAAZC,GAAoC,WAAZA,EAC3BL,EAAQM,KAAKF,QACP,GAAIG,MAAMC,QAAQJ,IACxB,GAAIA,EAAID,OAAQ,CACf,IAAIM,EAAQV,EAAWW,MAAM,KAAMN,GAC/BK,GACHT,EAAQM,KAAKG,SAGT,GAAgB,WAAZJ,EACV,GAAID,EAAIO,WAAaC,OAAOC,UAAUF,SACrC,IAAK,IAAIG,KAAOV,EACXP,EAAOkB,KAAKX,EAAKU,IAAQV,EAAIU,IAChCd,EAAQM,KAAKQ,QAIfd,EAAQM,KAAKF,EAAIO,aAKpB,OAAOX,EAAQgB,KAAK,KAGgBC,EAAOC,SAC3CnB,EAAWoB,QAAUpB,EACrBkB,EAAAC,QAAiBnB,GAOjBqB,OAAOrB,WAAaA,EAhDtB"}

package/index-d1c9177a.js

@@ -0,0 +1,2 @@
+import{p as s}from"./palette-f206f488.js";import{s as a,b as r}from"./grid-c105cad1.js";var e={spacer:1,spacers:{0:0,1:1/8,2:1/4,3:.5,4:.75,5:1,6:1.5,7:2,8:3,9:4,10:5,11:6,12:7,13:8},palette:s,screen:a,breakpoints:r};export{e as t};
+//# sourceMappingURL=index-d1c9177a.js.map

package/index-d1c9177a.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-d1c9177a.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/index.d.ts

@@ -0,0 +1,19 @@
+export { theme } from './theme';
+export { useBreakpoint, Breakpoint } from './hooks/useBreakpoint';
+export { useFocusToggle } from './hooks/useFocusToggle';
+export { useFocusTrap } from './hooks/useFocusTrap';
+export { useHover } from './hooks/useHover';
+export { useIntersectionObserver } from './hooks/useIntersectionObserver';
+export { useIsVisible } from './hooks/useIsVisible';
+export { useLayoutEvent } from './hooks/useLayoutEvent';
+export { usePrevious } from './hooks/usePrevious';
+export { useSticky } from './hooks/useSticky';
+export { useSize } from './hooks/useSize';
+export { useResizeObserver } from './hooks/useResizeObserver';
+export { useToggle } from './hooks/useToggle';
+export { useKeyboardEvent } from './hooks/useKeyboardEvent';
+export { useOutsideEvent } from './hooks/useOutsideEvent';
+export { useUuid } from './hooks/useUuid';
+export { uuid } from './utils/uuid';
+export * from './constants';
+//# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,cAAc,aAAa,CAAC"}

package/index.js

@@ -0,0 +1,2 @@
+export{t as theme}from"./index-d1c9177a.js";export{B as Breakpoint,u as useBreakpoint}from"./useBreakpoint-a74f5af5.js";export{u as useFocusToggle,a as useFocusTrap,b as useIntersectionObserver,c as useIsVisible}from"./useIsVisible-bef05e5e.js";export{u as useHover}from"./useHover-18479690.js";import{d as e}from"./useSticky-432642c9.js";export{u as useLayoutEvent,a as useSticky}from"./useSticky-432642c9.js";export{u as usePrevious}from"./usePrevious-ae293b10.js";import{_ as s,a as r}from"./_rollupPluginBabelHelpers-0f007973.js";import{useState as o,useEffect as n}from"react";export{b as useKeyboardEvent,c as useOutsideEvent,u as useResizeObserver,a as useToggle}from"./useOutsideEvent-fb86686d.js";export{u as useUuid}from"./useUuid-3b1e73f2.js";export{u as uuid}from"./uuid-11037462.js";export{A as AnalyticsId,F as FormMode,a as FormVariant,I as IconSize,K as KeyboardEventKey,Z as ZIndex}from"./constants-dbdea596.js";import"./palette-f206f488.js";import"./grid-c105cad1.js";var i=function(t){var u=o(),a=s(u,2),i=a[0],c=a[1];return n((function(){if("undefined"!=typeof ResizeObserver){var o=new ResizeObserver((function(e){c(e[0].target.getBoundingClientRect())}));return(null==t?void 0:t.current)&&o.observe(null==t?void 0:t.current),o.disconnect}if("object"===("undefined"==typeof window?"undefined":r(window))){var n=["layoutchange","resize","orientationchange"],u=e((function(){(null==t?void 0:t.current)&&c(t.current.getBoundingClientRect())}),10),a=s(u,2),i=a[0],d=a[1];return n.forEach((function(e){return window.addEventListener(e,i)})),i(),function(){d(),n.forEach((function(e){return window.removeEventListener(e,i)}))}}}),[t]),i};export{i as useSize};
+//# sourceMappingURL=index.js.map

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}