@helsenorge/designsystem-react 5.7.0 → 5.9.0

package/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["export enum IconSize {\n  XXSmall = 24,\n  XSmall = 38,\n  Small = 48,\n  Medium = 64,\n  Large = 80,\n  XLarge = 130,\n}\n\nexport enum ZIndex {\n  Modal = 1300000,\n  ExpanderTrigger = 10000,\n}\n\nexport const AVERAGE_CHARACTER_WIDTH_PX = 12;\n\nexport interface HTMLButtonProps {\n  autoFocus?: boolean;\n  disabled?: boolean;\n  form?: string;\n  formAction?: string;\n  formEncType?: string;\n  formMethod?: string;\n  formNoValidate?: boolean;\n  formTarget?: string;\n  name?: string;\n  type?: 'submit' | 'reset' | 'button' | string;\n  value?: string | string[] | number;\n  id?: string;\n}\n\nexport type AnchorTarget = '_self' | '_blank' | '_parent' | '_top';\n\nexport interface HTMLAnchorProps {\n  download?: string;\n  href?: string;\n  hrefLang?: string;\n  media?: string;\n  ping?: string;\n  rel?: AnchorTarget;\n  target?: string;\n  referrerPolicy?:\n    | ''\n    | 'same-origin'\n    | 'no-referrer'\n    | 'no-referrer-when-downgrade'\n    | 'origin'\n    | 'origin-when-cross-origin'\n    | 'strict-origin'\n    | 'strict-origin-when-cross-origin'\n    | 'unsafe-url';\n}\n\nexport type ButtonVariant = 'secondary' | 'tertiary' | string | undefined | null;\n\nexport enum FormMode {\n  onwhite = 'onwhite',\n  ongrey = 'ongrey',\n  onblueberry = 'onblueberry',\n  ondark = 'ondark',\n  oninvalid = 'oninvalid',\n}\n\nexport enum FormVariant {\n  normal = 'normal',\n  bigform = 'bigform',\n}\n\nexport enum AnalyticsId {\n  AnchorLink = 'anchor-link',\n  Avatar = 'avatar',\n  Badge = 'badge',\n  Button = 'button',\n  Checkbox = 'checkbox',\n  Close = 'close',\n  DictionaryTrigger = 'dictionary-trigger',\n  Dropdown = 'dropdown',\n  Duolist = 'duolist',\n  Expander = 'expander',\n  ExpanderHierarchy = 'expander-hierarchy',\n  ExpanderHierarchyExpander = 'expander-hierarchy-expander',\n  ExpanderList = 'expander-list',\n  ExpanderListExpander = 'expander-list-expander',\n  FormGroup = 'form-group',\n  FormLayout = 'form-layout',\n  HelpBubble = 'help-bubble',\n  HelpQuestion = 'help-question',\n  HighlightBox = 'highlight-box',\n  Icon = 'icon',\n  Input = 'input',\n  Label = 'label',\n  Link = 'link',\n  LinkList = 'link-list',\n  List = 'list',\n  Loader = 'loader',\n  Logo = 'logo',\n  Modal = 'modal',\n  NotificationPanel = 'notification-panel',\n  Panel = 'panel',\n  PanelList = 'panel-list',\n  PopMenu = 'pop-menu',\n  PopOver = 'pop-over',\n  Portal = 'portal',\n  RadioButton = 'radio-button',\n  Select = 'select',\n  SharingStatus = 'sharing-status',\n  Slider = 'slider',\n  Spacer = 'spacer',\n  StatusDot = 'status-dot',\n  Step = 'step',\n  StepButtons = 'step-buttons',\n  Stepper = 'stepper',\n  Sublabel = 'sublabel',\n  Table = 'table',\n  Tag = 'tag',\n  TagList = 'tag-list',\n  Textarea = 'textarea',\n  Tile = 'tile',\n  Title = 'title',\n  Tooltip = 'tooltip',\n  Trigger = 'trigger',\n  Validation = 'validation',\n}\n\nexport enum KeyboardEventKey {\n  Enter = 'Enter',\n  Escape = 'Escape',\n  ArrowDown = 'ArrowDown',\n  ArrowUp = 'ArrowUp',\n  Home = 'Home',\n  End = 'End',\n}\n"],"names":["IconSize","ZIndex","AVERAGE_CHARACTER_WIDTH_PX","FormMode","FormVariant","AnalyticsId","KeyboardEventKey"],"mappings":"AAAY,IAAAA,GAAAA,IACVA,EAAAA,EAAA,QAAU,EAAV,EAAA,UACAA,EAAAA,EAAA,OAAS,EAAT,EAAA,SACAA,EAAAA,EAAA,MAAQ,EAAR,EAAA,QACAA,EAAAA,EAAA,OAAS,EAAT,EAAA,SACAA,EAAAA,EAAA,MAAQ,EAAR,EAAA,QACAA,EAAAA,EAAA,OAAS,GAAT,EAAA,SANUA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACVA,EAAAA,EAAA,MAAQ,IAAR,EAAA,QACAA,EAAAA,EAAA,gBAAkB,GAAlB,EAAA,kBAFUA,IAAAA,GAAA,CAAA,CAAA,EAKL,MAAMC,EAA6B,GAyC9B,IAAAC,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,OAAS,SACTA,EAAA,YAAc,cACdA,EAAA,OAAS,SACTA,EAAA,UAAY,YALFA,IAAAA,GAAA,CAAA,CAAA,EAQAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,QAAU,UAFAA,IAAAA,GAAA,CAAA,CAAA,EAKAC,GAAAA,IACVA,EAAA,WAAa,cACbA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,SAAW,WACXA,EAAA,MAAQ,QACRA,EAAA,kBAAoB,qBACpBA,EAAA,SAAW,WACXA,EAAA,QAAU,UACVA,EAAA,SAAW,WACXA,EAAA,kBAAoB,qBACpBA,EAAA,0BAA4B,8BAC5BA,EAAA,aAAe,gBACfA,EAAA,qBAAuB,yBACvBA,EAAA,UAAY,aACZA,EAAA,WAAa,cACbA,EAAA,WAAa,cACbA,EAAA,aAAe,gBACfA,EAAA,aAAe,gBACfA,EAAA,KAAO,OACPA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,SAAW,YACXA,EAAA,KAAO,OACPA,EAAA,OAAS,SACTA,EAAA,KAAO,OACPA,EAAA,MAAQ,QACRA,EAAA,kBAAoB,qBACpBA,EAAA,MAAQ,QACRA,EAAA,UAAY,aACZA,EAAA,QAAU,WACVA,EAAA,QAAU,WACVA,EAAA,OAAS,SACTA,EAAA,YAAc,eACdA,EAAA,OAAS,SACTA,EAAA,cAAgB,iBAChBA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,UAAY,aACZA,EAAA,KAAO,OACPA,EAAA,YAAc,eACdA,EAAA,QAAU,UACVA,EAAA,SAAW,WACXA,EAAA,MAAQ,QACRA,EAAA,IAAM,MACNA,EAAA,QAAU,WACVA,EAAA,SAAW,WACXA,EAAA,KAAO,OACPA,EAAA,MAAQ,QACRA,EAAA,QAAU,UACVA,EAAA,QAAU,UACVA,EAAA,WAAa,aArDHA,IAAAA,GAAA,CAAA,CAAA,EAwDAC,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,UAAY,YACZA,EAAA,QAAU,UACVA,EAAA,KAAO,OACPA,EAAA,IAAM,MANIA,IAAAA,GAAA,CAAA,CAAA"}
+{"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["export enum IconSize {\n  XXSmall = 24,\n  XSmall = 38,\n  Small = 48,\n  Medium = 64,\n  Large = 80,\n  XLarge = 130,\n}\n\nexport enum ZIndex {\n  Modal = 1300000,\n  ExpanderTrigger = 10000,\n}\n\nexport const AVERAGE_CHARACTER_WIDTH_PX = 12;\n\nexport interface HTMLButtonProps {\n  autoFocus?: boolean;\n  disabled?: boolean;\n  form?: string;\n  formAction?: string;\n  formEncType?: string;\n  formMethod?: string;\n  formNoValidate?: boolean;\n  formTarget?: string;\n  name?: string;\n  type?: 'submit' | 'reset' | 'button' | string;\n  value?: string | string[] | number;\n  id?: string;\n}\n\nexport type AnchorTarget = '_self' | '_blank' | '_parent' | '_top';\n\nexport interface HTMLAnchorProps {\n  download?: string;\n  href?: string;\n  hrefLang?: string;\n  media?: string;\n  ping?: string;\n  rel?: AnchorTarget;\n  target?: string;\n  referrerPolicy?:\n    | ''\n    | 'same-origin'\n    | 'no-referrer'\n    | 'no-referrer-when-downgrade'\n    | 'origin'\n    | 'origin-when-cross-origin'\n    | 'strict-origin'\n    | 'strict-origin-when-cross-origin'\n    | 'unsafe-url';\n}\n\nexport type ButtonVariant = 'secondary' | 'tertiary' | string | undefined | null;\n\nexport enum FormMode {\n  onwhite = 'onwhite',\n  ongrey = 'ongrey',\n  onblueberry = 'onblueberry',\n  ondark = 'ondark',\n  oninvalid = 'oninvalid',\n}\n\nexport enum FormVariant {\n  normal = 'normal',\n  bigform = 'bigform',\n}\n\nexport enum AnalyticsId {\n  AnchorLink = 'anchor-link',\n  Avatar = 'avatar',\n  Badge = 'badge',\n  Button = 'button',\n  Checkbox = 'checkbox',\n  Close = 'close',\n  DictionaryTrigger = 'dictionary-trigger',\n  Dropdown = 'dropdown',\n  Duolist = 'duolist',\n  EmptyState = 'empty-state',\n  Expander = 'expander',\n  ExpanderHierarchy = 'expander-hierarchy',\n  ExpanderHierarchyExpander = 'expander-hierarchy-expander',\n  ExpanderList = 'expander-list',\n  ExpanderListExpander = 'expander-list-expander',\n  FormGroup = 'form-group',\n  FormLayout = 'form-layout',\n  HelpBubble = 'help-bubble',\n  HelpQuestion = 'help-question',\n  HighlightBox = 'highlight-box',\n  Icon = 'icon',\n  Input = 'input',\n  Label = 'label',\n  Link = 'link',\n  LinkList = 'link-list',\n  List = 'list',\n  Loader = 'loader',\n  Logo = 'logo',\n  Modal = 'modal',\n  NotificationPanel = 'notification-panel',\n  Panel = 'panel',\n  PanelList = 'panel-list',\n  PopMenu = 'pop-menu',\n  PopOver = 'pop-over',\n  Portal = 'portal',\n  PromoPanel = 'promo-panel',\n  RadioButton = 'radio-button',\n  Select = 'select',\n  SharingStatus = 'sharing-status',\n  Slider = 'slider',\n  Spacer = 'spacer',\n  StatusDot = 'status-dot',\n  Step = 'step',\n  StepButtons = 'step-buttons',\n  Stepper = 'stepper',\n  Sublabel = 'sublabel',\n  Table = 'table',\n  Tag = 'tag',\n  TagList = 'tag-list',\n  Textarea = 'textarea',\n  Tile = 'tile',\n  Title = 'title',\n  Tooltip = 'tooltip',\n  Trigger = 'trigger',\n  Validation = 'validation',\n}\n\nexport enum KeyboardEventKey {\n  Enter = 'Enter',\n  Escape = 'Escape',\n  ArrowDown = 'ArrowDown',\n  ArrowUp = 'ArrowUp',\n  Home = 'Home',\n  End = 'End',\n}\n"],"names":["IconSize","ZIndex","AVERAGE_CHARACTER_WIDTH_PX","FormMode","FormVariant","AnalyticsId","KeyboardEventKey"],"mappings":"AAAY,IAAAA,GAAAA,IACVA,EAAAA,EAAA,QAAU,EAAV,EAAA,UACAA,EAAAA,EAAA,OAAS,EAAT,EAAA,SACAA,EAAAA,EAAA,MAAQ,EAAR,EAAA,QACAA,EAAAA,EAAA,OAAS,EAAT,EAAA,SACAA,EAAAA,EAAA,MAAQ,EAAR,EAAA,QACAA,EAAAA,EAAA,OAAS,GAAT,EAAA,SANUA,IAAAA,GAAA,CAAA,CAAA,EASAC,GAAAA,IACVA,EAAAA,EAAA,MAAQ,IAAR,EAAA,QACAA,EAAAA,EAAA,gBAAkB,GAAlB,EAAA,kBAFUA,IAAAA,GAAA,CAAA,CAAA,EAKL,MAAMC,EAA6B,GAyC9B,IAAAC,GAAAA,IACVA,EAAA,QAAU,UACVA,EAAA,OAAS,SACTA,EAAA,YAAc,cACdA,EAAA,OAAS,SACTA,EAAA,UAAY,YALFA,IAAAA,GAAA,CAAA,CAAA,EAQAC,GAAAA,IACVA,EAAA,OAAS,SACTA,EAAA,QAAU,UAFAA,IAAAA,GAAA,CAAA,CAAA,EAKAC,GAAAA,IACVA,EAAA,WAAa,cACbA,EAAA,OAAS,SACTA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,SAAW,WACXA,EAAA,MAAQ,QACRA,EAAA,kBAAoB,qBACpBA,EAAA,SAAW,WACXA,EAAA,QAAU,UACVA,EAAA,WAAa,cACbA,EAAA,SAAW,WACXA,EAAA,kBAAoB,qBACpBA,EAAA,0BAA4B,8BAC5BA,EAAA,aAAe,gBACfA,EAAA,qBAAuB,yBACvBA,EAAA,UAAY,aACZA,EAAA,WAAa,cACbA,EAAA,WAAa,cACbA,EAAA,aAAe,gBACfA,EAAA,aAAe,gBACfA,EAAA,KAAO,OACPA,EAAA,MAAQ,QACRA,EAAA,MAAQ,QACRA,EAAA,KAAO,OACPA,EAAA,SAAW,YACXA,EAAA,KAAO,OACPA,EAAA,OAAS,SACTA,EAAA,KAAO,OACPA,EAAA,MAAQ,QACRA,EAAA,kBAAoB,qBACpBA,EAAA,MAAQ,QACRA,EAAA,UAAY,aACZA,EAAA,QAAU,WACVA,EAAA,QAAU,WACVA,EAAA,OAAS,SACTA,EAAA,WAAa,cACbA,EAAA,YAAc,eACdA,EAAA,OAAS,SACTA,EAAA,cAAgB,iBAChBA,EAAA,OAAS,SACTA,EAAA,OAAS,SACTA,EAAA,UAAY,aACZA,EAAA,KAAO,OACPA,EAAA,YAAc,eACdA,EAAA,QAAU,UACVA,EAAA,SAAW,WACXA,EAAA,MAAQ,QACRA,EAAA,IAAM,MACNA,EAAA,QAAU,WACVA,EAAA,SAAW,WACXA,EAAA,KAAO,OACPA,EAAA,MAAQ,QACRA,EAAA,QAAU,UACVA,EAAA,QAAU,UACVA,EAAA,WAAa,aAvDHA,IAAAA,GAAA,CAAA,CAAA,EA0DAC,GAAAA,IACVA,EAAA,MAAQ,QACRA,EAAA,OAAS,SACTA,EAAA,UAAY,YACZA,EAAA,QAAU,UACVA,EAAA,KAAO,OACPA,EAAA,IAAM,MANIA,IAAAA,GAAA,CAAA,CAAA"}

package/hoc/withBreakpoint/withBreakpoint.js

@@ -1,2 +1,2 @@
-import r from"react";import{useBreakpoint as a}from"../../hooks/useBreakpoint.js";import"../../theme/grid.js";function m(t){return r.forwardRef((e,o)=>{const n=a();return r.createElement(t,{ref:o,...e,breakpoint:n})})}export{m as default,m as withBreakpoint};
+import t from"react";import{useBreakpoint as n}from"../../hooks/useBreakpoint.js";import"../../theme/grid.js";function m(r){return t.forwardRef((e,o)=>{const a=n();return t.createElement(r,{ref:o,...e,breakpoint:a})})}export{m as default,m as withBreakpoint};
 //# sourceMappingURL=withBreakpoint.js.map

package/hooks/usePseudoClasses.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePseudoClasses.d.ts","sourceRoot":"","sources":["../../src/hooks/usePseudoClasses.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAEjF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;;eAEkC,OAAO;eAAa,OAAO;CAyBzF,CAAC"}
+{"version":3,"file":"usePseudoClasses.d.ts","sourceRoot":"","sources":["../../src/hooks/usePseudoClasses.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,SAAS,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAEjF;;;;GAIG;AACH,eAAO,MAAM,gBAAgB;;eAEkC,OAAO;eAAa,OAAO;CA6BzF,CAAC"}

package/hooks/usePseudoClasses.js

@@ -1,2 +1,2 @@
-import{useRef as I,useState as L,useEffect as p}from"react";const M=t=>{const e=t||I(null),[h,s]=L(!1),[F,n]=L(!1);return p(()=>{var a,d,v,i;const r=()=>s(!0),u=()=>s(!1),o=()=>n(!0),c=()=>n(!1);return(a=e.current)==null||a.addEventListener("mouseenter",r),(d=e.current)==null||d.addEventListener("mouseleave",u),(v=e.current)==null||v.addEventListener("focusin",o),(i=e.current)==null||i.addEventListener("focusout",c),()=>{var l,f,m,E;(l=e.current)==null||l.removeEventListener("mouseenter",r),(f=e.current)==null||f.removeEventListener("mouseleave",u),(m=e.current)==null||m.removeEventListener("focusin",o),(E=e.current)==null||E.removeEventListener("focusout",c)}},[e]),{refObject:e,isHovered:h,isFocused:F}};export{M as usePseudoClasses};
+import{useRef as O,useState as I,useEffect as b}from"react";const x=r=>{const e=r||O(null),[H,s]=I(!1),[M,o]=I(!1);return b(()=>{var v,a,d,i,l,E;const t=()=>s(!0),n=()=>s(!1),u=()=>o(!0),c=()=>o(!1);return(v=e.current)==null||v.addEventListener("mouseenter",t),(a=e.current)==null||a.addEventListener("mouseleave",n),(d=e.current)==null||d.addEventListener("pointerenter",t),(i=e.current)==null||i.addEventListener("pointerleave",n),(l=e.current)==null||l.addEventListener("focusin",u),(E=e.current)==null||E.addEventListener("focusout",c),()=>{var L,f,m,p,h,F;(L=e.current)==null||L.removeEventListener("mouseenter",t),(f=e.current)==null||f.removeEventListener("mouseleave",n),(m=e.current)==null||m.removeEventListener("pointerenter",t),(p=e.current)==null||p.removeEventListener("pointerleave",n),(h=e.current)==null||h.removeEventListener("focusin",u),(F=e.current)==null||F.removeEventListener("focusout",c)}},[e]),{refObject:e,isHovered:H,isFocused:M}};export{x as usePseudoClasses};
 //# sourceMappingURL=usePseudoClasses.js.map

package/hooks/usePseudoClasses.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePseudoClasses.js","sources":["../../src/hooks/usePseudoClasses.ts"],"sourcesContent":["import { useRef, useEffect, useState, RefObject, MutableRefObject } from 'react';\n\n/**\n * Få vite når et element hovres over eller mottar fokus.\n * @param ref Element som skal observeres\n * @returns Objekt med ref og om objekt er hovered/focused\n */\nexport const usePseudoClasses = <T extends HTMLElement | SVGElement>(\n  ref?: RefObject<T> | MutableRefObject<T> | null\n): { refObject: RefObject<T> | MutableRefObject<T>; isHovered: boolean; isFocused: boolean } => {\n  const refObject = ref ? ref : useRef<T>(null);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n\n  useEffect(() => {\n    const handleMouseEnter = (): void => setIsHovered(true);\n    const handleMouseLeave = (): void => setIsHovered(false);\n    const handleFocusIn = (): void => setIsFocused(true);\n    const handleFocusOut = (): void => setIsFocused(false);\n\n    refObject.current?.addEventListener('mouseenter', handleMouseEnter);\n    refObject.current?.addEventListener('mouseleave', handleMouseLeave);\n    refObject.current?.addEventListener('focusin', handleFocusIn);\n    refObject.current?.addEventListener('focusout', handleFocusOut);\n\n    return (): void => {\n      refObject.current?.removeEventListener('mouseenter', handleMouseEnter);\n      refObject.current?.removeEventListener('mouseleave', handleMouseLeave);\n      refObject.current?.removeEventListener('focusin', handleFocusIn);\n      refObject.current?.removeEventListener('focusout', handleFocusOut);\n    };\n  }, [refObject]);\n\n  return { refObject, isHovered, isFocused };\n};\n"],"names":["usePseudoClasses","ref","refObject","useRef","isHovered","setIsHovered","useState","isFocused","setIsFocused","useEffect","handleMouseEnter","handleMouseLeave","handleFocusIn","handleFocusOut","_a","_b","_c","_d"],"mappings":"4DAOa,MAAAA,EACXC,GAC8F,CAC9F,MAAMC,EAAYD,GAAYE,EAAU,IAAI,EACtC,CAACC,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAC1C,CAACC,EAAWC,CAAY,EAAIF,EAAS,EAAK,EAEhD,OAAAG,EAAU,IAAM,aACR,MAAAC,EAAmB,IAAYL,EAAa,EAAI,EAChDM,EAAmB,IAAYN,EAAa,EAAK,EACjDO,EAAgB,IAAYJ,EAAa,EAAI,EAC7CK,EAAiB,IAAYL,EAAa,EAAK,EAE3C,OAAAM,EAAAZ,EAAA,UAAA,MAAAY,EAAS,iBAAiB,aAAcJ,IACxCK,EAAAb,EAAA,UAAA,MAAAa,EAAS,iBAAiB,aAAcJ,IACxCK,EAAAd,EAAA,UAAA,MAAAc,EAAS,iBAAiB,UAAWJ,IACrCK,EAAAf,EAAA,UAAA,MAAAe,EAAS,iBAAiB,WAAYJ,GAEzC,IAAY,cACPC,EAAAZ,EAAA,UAAA,MAAAY,EAAS,oBAAoB,aAAcJ,IAC3CK,EAAAb,EAAA,UAAA,MAAAa,EAAS,oBAAoB,aAAcJ,IAC3CK,EAAAd,EAAA,UAAA,MAAAc,EAAS,oBAAoB,UAAWJ,IACxCK,EAAAf,EAAA,UAAA,MAAAe,EAAS,oBAAoB,WAAYJ,EAAc,CACnE,EACC,CAACX,CAAS,CAAC,EAEP,CAAE,UAAAA,EAAW,UAAAE,EAAW,UAAAG,EACjC"}
+{"version":3,"file":"usePseudoClasses.js","sources":["../../src/hooks/usePseudoClasses.ts"],"sourcesContent":["import { useRef, useEffect, useState, RefObject, MutableRefObject } from 'react';\n\n/**\n * Få vite når et element hovres over eller mottar fokus.\n * @param ref Element som skal observeres\n * @returns Objekt med ref og om objekt er hovered/focused\n */\nexport const usePseudoClasses = <T extends HTMLElement | SVGElement>(\n  ref?: RefObject<T> | MutableRefObject<T> | null\n): { refObject: RefObject<T> | MutableRefObject<T>; isHovered: boolean; isFocused: boolean } => {\n  const refObject = ref ? ref : useRef<T>(null);\n  const [isHovered, setIsHovered] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n\n  useEffect(() => {\n    const handleMouseEnter = (): void => setIsHovered(true);\n    const handleMouseLeave = (): void => setIsHovered(false);\n    const handleFocusIn = (): void => setIsFocused(true);\n    const handleFocusOut = (): void => setIsFocused(false);\n\n    refObject.current?.addEventListener('mouseenter', handleMouseEnter);\n    refObject.current?.addEventListener('mouseleave', handleMouseLeave);\n    refObject.current?.addEventListener('pointerenter', handleMouseEnter);\n    refObject.current?.addEventListener('pointerleave', handleMouseLeave);\n    refObject.current?.addEventListener('focusin', handleFocusIn);\n    refObject.current?.addEventListener('focusout', handleFocusOut);\n\n    return (): void => {\n      refObject.current?.removeEventListener('mouseenter', handleMouseEnter);\n      refObject.current?.removeEventListener('mouseleave', handleMouseLeave);\n      refObject.current?.removeEventListener('pointerenter', handleMouseEnter);\n      refObject.current?.removeEventListener('pointerleave', handleMouseLeave);\n      refObject.current?.removeEventListener('focusin', handleFocusIn);\n      refObject.current?.removeEventListener('focusout', handleFocusOut);\n    };\n  }, [refObject]);\n\n  return { refObject, isHovered, isFocused };\n};\n"],"names":["usePseudoClasses","ref","refObject","useRef","isHovered","setIsHovered","useState","isFocused","setIsFocused","useEffect","handleMouseEnter","handleMouseLeave","handleFocusIn","handleFocusOut","_a","_b","_c","_d","_e","_f"],"mappings":"4DAOa,MAAAA,EACXC,GAC8F,CAC9F,MAAMC,EAAYD,GAAYE,EAAU,IAAI,EACtC,CAACC,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAC1C,CAACC,EAAWC,CAAY,EAAIF,EAAS,EAAK,EAEhD,OAAAG,EAAU,IAAM,iBACR,MAAAC,EAAmB,IAAYL,EAAa,EAAI,EAChDM,EAAmB,IAAYN,EAAa,EAAK,EACjDO,EAAgB,IAAYJ,EAAa,EAAI,EAC7CK,EAAiB,IAAYL,EAAa,EAAK,EAE3C,OAAAM,EAAAZ,EAAA,UAAA,MAAAY,EAAS,iBAAiB,aAAcJ,IACxCK,EAAAb,EAAA,UAAA,MAAAa,EAAS,iBAAiB,aAAcJ,IACxCK,EAAAd,EAAA,UAAA,MAAAc,EAAS,iBAAiB,eAAgBN,IAC1CO,EAAAf,EAAA,UAAA,MAAAe,EAAS,iBAAiB,eAAgBN,IAC1CO,EAAAhB,EAAA,UAAA,MAAAgB,EAAS,iBAAiB,UAAWN,IACrCO,EAAAjB,EAAA,UAAA,MAAAiB,EAAS,iBAAiB,WAAYN,GAEzC,IAAY,kBACPC,EAAAZ,EAAA,UAAA,MAAAY,EAAS,oBAAoB,aAAcJ,IAC3CK,EAAAb,EAAA,UAAA,MAAAa,EAAS,oBAAoB,aAAcJ,IAC3CK,EAAAd,EAAA,UAAA,MAAAc,EAAS,oBAAoB,eAAgBN,IAC7CO,EAAAf,EAAA,UAAA,MAAAe,EAAS,oBAAoB,eAAgBN,IAC7CO,EAAAhB,EAAA,UAAA,MAAAgB,EAAS,oBAAoB,UAAWN,IACxCO,EAAAjB,EAAA,UAAA,MAAAiB,EAAS,oBAAoB,WAAYN,EAAc,CACnE,EACC,CAACX,CAAS,CAAC,EAEP,CAAE,UAAAA,EAAW,UAAAE,EAAW,UAAAG,EACjC"}

package/package.json

@@ -7,7 +7,7 @@
     "url": "https://github.com/helsenorge/designsystem"
   },
   "homepage": "https://helsenorge.design",
-  "version": "5.7.0",
+  "version": "5.9.0",
   "author": "Helsenorge",
   "license": "MIT",
   "dependencies": {

package/utils/component.js

@@ -1,2 +1,2 @@
-import i from"react";const e=(t,o)=>i.isValidElement(t)&&t.type===o,s=t=>i.isValidElement(t);export{e as isComponent,s as isComponentWithChildren};
+import i from"react";const n=(t,o)=>i.isValidElement(t)&&t.type===o,s=t=>i.isValidElement(t);export{n as isComponent,s as isComponentWithChildren};
 //# sourceMappingURL=component.js.map