@helsenorge/designsystem-react 1.3.1 → 1.3.2

package/components/Expander/index.js

@@ -1,2 +1,2 @@
-import{_ as e}from"../../_rollupPluginBabelHelpers-0f007973.js";import t,{useState as r,useRef as n,useEffect as a}from"react";import{I as o}from"../../Icon-d69d65b3.js";import{Z as s,A as i,I as d}from"../../constants-dbdea596.js";import{u as c}from"../../useHover-18479690.js";import{u as l}from"../../usePrevious-ae293b10.js";import p from"./styles.module.scss";import{c as m}from"../../index-d1c0552c.js";import{C as u}from"../../ChevronDown-2b3daace.js";import{C as _}from"../../ChevronUp-dfafe27b.js";import{B as f}from"../../Button-b55b2d27.js";import{a as x}from"../../useSticky-432642c9.js";import"../../_tslib-b219470a.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-896f633b.js";import"../Loader/styles.module.scss";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";var g;!function(e){e.small="small",e.large="large"}(g||(g={}));var v=function(v){var b=v.title,j=v.children,E=v.size,y=void 0===E?g.small:E,I=v.color,h=v.svgIcon,C=v.expanded,k=void 0!==C&&C,N=v.noNestedLine,H=void 0!==N&&N,z=v.sticky,B=void 0!==z&&z,w=v.testId,L=v.onExpand,S=v.renderChildrenWhenClosed,W=void 0!==S&&S,X=r(k),P=e(X,2),T=P[0],U=P[1],A=l(T),D=n(null),O=n(null),Z=c(O).isHovered,q=x(D,O),F=q.isOutsideWindow,G=q.isLeavingWindow,J=q.offsetHeight,K=q.contentWidth,M=B&&T&&F;a((function(){k!==T&&U(k)}),[k]),a((function(){L&&T!==!!A&&L(T)}),[T,L]);var Q=function(e){return t.createElement("span",{className:m(p.expander__icon,p["expander__icon--".concat(e)])},t.createElement(o,{svgIcon:T?_:u,size:d.XSmall,isHovered:Z}))},R=m(p.expander__trigger,p["expander__trigger--".concat(y)],y===g.large&&p["expander__trigger--".concat(I||"neutral")],y===g.large&&h&&p["expander__trigger--icon"],T&&p["expander__trigger--expanded"],M&&!G&&p["expander__trigger--sticky"],M&&G&&p["expander__trigger--absolute"]),V=m(p.expander__button,T&&p["expander__button--expanded"],M&&!G&&p["expander__button--sticky"],M&&G&&p["expander__button--absolute"]);return t.createElement("div",{className:p.expander,ref:D,style:{paddingTop:M&&J?"".concat(J,"px"):void 0}},y===g.large?t.createElement("button",{type:"button",className:R,style:{zIndex:Z||M?s.ExpanderTrigger:void 0,width:M&&K?"".concat(K,"px"):void 0},"aria-expanded":T,ref:O,onClick:function(){return U(!T)},"data-testid":w,"data-analyticsid":i.Expander},y===g.small&&Q("left"),h&&t.createElement("span",{className:m(p.expander__icon,p["expander__icon--left"])},t.createElement(o,{svgIcon:h,size:d.XSmall,isHovered:Z})),b,y===g.large&&Q("right")):t.createElement(f,{variant:"borderless",className:V,"aria-expanded":T,ref:O,onClick:function(){return U(!T)},testId:w,"data-analyticsid":i.Expander},t.createElement(o,{svgIcon:T?_:u,size:d.XSmall}),b),function(){if(!W&&!T)return null;var e=m(p.expander__content,p["expander__content--".concat(y)],y===g.large&&p["expander__content--".concat(I||"neutral")],y===g.large&&h&&p["expander__content--icon"],T&&p["expander__content--expanded"],y===g.small&&!H&&p["expander__content--nested-line"]);return t.createElement("div",{className:e},j)}())};export{g as ExpanderSize,v as default};
+import{_ as e}from"../../_rollupPluginBabelHelpers-0f007973.js";import t,{useState as r,useRef as n,useEffect as a}from"react";import{I as o}from"../../Icon-d69d65b3.js";import{Z as s,A as i,I as d}from"../../constants-dbdea596.js";import{u as c}from"../../useHover-18479690.js";import{u as l}from"../../usePrevious-ae293b10.js";import p from"./styles.module.scss";import{c as m}from"../../index-d1c0552c.js";import{C as u}from"../../ChevronDown-2b3daace.js";import{C as _}from"../../ChevronUp-dfafe27b.js";import{B as f}from"../../Button-b55b2d27.js";import{a as x}from"../../useSticky-f8ffc6d8.js";import"../../_tslib-b219470a.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-896f633b.js";import"../Loader/styles.module.scss";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../debounce-fb23662f.js";var g;!function(e){e.small="small",e.large="large"}(g||(g={}));var v=function(v){var b=v.title,j=v.children,E=v.size,y=void 0===E?g.small:E,I=v.color,h=v.svgIcon,C=v.expanded,k=void 0!==C&&C,N=v.noNestedLine,H=void 0!==N&&N,z=v.sticky,B=void 0!==z&&z,w=v.testId,L=v.onExpand,S=v.renderChildrenWhenClosed,W=void 0!==S&&S,X=r(k),P=e(X,2),T=P[0],U=P[1],A=l(T),D=n(null),O=n(null),Z=c(O).isHovered,q=x(D,O),F=q.isOutsideWindow,G=q.isLeavingWindow,J=q.offsetHeight,K=q.contentWidth,M=B&&T&&F;a((function(){k!==T&&U(k)}),[k]),a((function(){L&&T!==!!A&&L(T)}),[T,L]);var Q=function(e){return t.createElement("span",{className:m(p.expander__icon,p["expander__icon--".concat(e)])},t.createElement(o,{svgIcon:T?_:u,size:d.XSmall,isHovered:Z}))},R=m(p.expander__trigger,p["expander__trigger--".concat(y)],y===g.large&&p["expander__trigger--".concat(I||"neutral")],y===g.large&&h&&p["expander__trigger--icon"],T&&p["expander__trigger--expanded"],M&&!G&&p["expander__trigger--sticky"],M&&G&&p["expander__trigger--absolute"]),V=m(p.expander__button,T&&p["expander__button--expanded"],M&&!G&&p["expander__button--sticky"],M&&G&&p["expander__button--absolute"]);return t.createElement("div",{className:p.expander,ref:D,style:{paddingTop:M&&J?"".concat(J,"px"):void 0}},y===g.large?t.createElement("button",{type:"button",className:R,style:{zIndex:Z||M?s.ExpanderTrigger:void 0,width:M&&K?"".concat(K,"px"):void 0},"aria-expanded":T,ref:O,onClick:function(){return U(!T)},"data-testid":w,"data-analyticsid":i.Expander},y===g.small&&Q("left"),h&&t.createElement("span",{className:m(p.expander__icon,p["expander__icon--left"])},t.createElement(o,{svgIcon:h,size:d.XSmall,isHovered:Z})),b,y===g.large&&Q("right")):t.createElement(f,{variant:"borderless",className:V,"aria-expanded":T,ref:O,onClick:function(){return U(!T)},testId:w,"data-analyticsid":i.Expander},t.createElement(o,{svgIcon:T?_:u,size:d.XSmall}),b),function(){if(!W&&!T)return null;var e=m(p.expander__content,p["expander__content--".concat(y)],y===g.large&&p["expander__content--".concat(I||"neutral")],y===g.large&&h&&p["expander__content--icon"],T&&p["expander__content--expanded"],y===g.small&&!H&&p["expander__content--nested-line"]);return t.createElement("div",{className:e},j)}())};export{g as ExpanderSize,v as default};
 //# sourceMappingURL=index.js.map

package/components/Slider/Slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAsB3D,UAAU,WAAW;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,iFA+IjB,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAsB3D,UAAU,WAAW;IACnB,oCAAoC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,MAAM,iFAwIjB,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/components/Slider/SliderUtils.d.ts

@@ -2,8 +2,6 @@
 export declare const stopEvent: (e: MouseEvent | React.MouseEvent<{}> | TouchEvent | React.TouchEvent<{}>) => boolean;
 /** Henter ut x posisjon til MouseEvent eller TouchEvent e */
 export declare const getMousePosition: (e: MouseEvent | React.MouseEvent<{}> | TouchEvent | React.TouchEvent<{}>) => number;
-/** Henter ut width basert på viewport posisjon til parameter elementet el som sendes inn */
-export declare const getElementWidth: (el: HTMLDivElement | null) => number;
 /** Returnerer en boolean på om innsendte event e er en TouchEvent */
 export declare const isTouchEvent: (e: MouseEvent | React.MouseEvent<{}> | TouchEvent | React.TouchEvent<{}>) => boolean;
 /** Kalkulerer x posisjonen til slideren basert på value som sendes inn,

package/components/Slider/SliderUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderUtils.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderUtils.tsx"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,eAAO,MAAM,SAAS,MAAO,UAAU,GAAG,gBAAgB,CAAC,EAAE,CAAC,GAAG,UAAU,GAAG,gBAAgB,CAAC,EAAE,CAAC,KAAG,OAIpG,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,gBAAgB,MAAO,UAAU,GAAG,gBAAgB,CAAC,EAAE,CAAC,GAAG,UAAU,GAAG,gBAAgB,CAAC,EAAE,CAAC,KAAG,MAM3G,CAAC;AAEF,4FAA4F;AAC5F,eAAO,MAAM,eAAe,OAAQ,cAAc,GAAG,IAAI,KAAG,MAG3D,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,YAAY,MAAO,UAAU,GAAG,gBAAgB,CAAC,EAAE,CAAC,GAAG,UAAU,GAAG,gBAAgB,CAAC,EAAE,CAAC,KAAG,OAYvG,CAAC;AAEF;;+DAE+D;AAC/D,eAAO,MAAM,mCAAmC,UACvC,MAAM,gBACC,MAAM,eACP,MAAM,OACd,MAAM,OACN,MAAM,KACV,MAIF,CAAC;AAEF;;+DAE+D;AAC/D,eAAO,MAAM,mCAAmC,mBAC9B,MAAM,gBACR,MAAM,eACP,MAAM,QACb,MAAM,OACP,MAAM,OACN,MAAM,KACV,MAKF,CAAC;AAEF;;gEAEgE;AAChE,eAAO,MAAM,UAAU,UAAW,MAAM,QAAQ,MAAM,OAAO,MAAM,KAAG,MAarE,CAAC;AAEF;;4BAE4B;AAC5B,eAAO,MAAM,yBAAyB,SAAU,MAAM,gBAAgB,MAAM,eAAe,MAAM,cAAc,MAAM,KAAG,MASvH,CAAC;AAEF;uCACuC;AACvC,eAAO,MAAM,wBAAwB,SAC7B,MAAM,iBACG,cAAc,GAAG,IAAI,eACvB,MAAM,UACX,MAAM,KAAK,IAAI,SAMxB,CAAC;AAEF;wDACwD;AACxD,eAAO,MAAM,iBAAiB,yBAA0B,UAAU,KAAK,IAAI,sBAAsB,UAAU,KAAK,IAAI,KAAG,IAGtH,CAAC;AAEF;wDACwD;AACxD,eAAO,MAAM,oBAAoB,yBAA0B,UAAU,KAAK,IAAI,sBAAsB,UAAU,KAAK,IAAI,KAAG,IAGzH,CAAC;AAEF;wDACwD;AACxD,eAAO,MAAM,iBAAiB,yBAA0B,UAAU,KAAK,IAAI,sBAAsB,UAAU,KAAK,IAAI,KAAG,IAGtH,CAAC;AAEF;wDACwD;AACxD,eAAO,MAAM,oBAAoB,yBAA0B,UAAU,KAAK,IAAI,sBAAsB,UAAU,KAAK,IAAI,KAAG,IAGzH,CAAC"}
+{"version":3,"file":"SliderUtils.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderUtils.tsx"],"names":[],"mappings":"AAAA,qFAAqF;AACrF,eAAO,MAAM,SAAS,MAAO,UAAU,GAAG,gBAAgB,CAAC,EAAE,CAAC,GAAG,UAAU,GAAG,gBAAgB,CAAC,EAAE,CAAC,KAAG,OAIpG,CAAC;AAEF,6DAA6D;AAC7D,eAAO,MAAM,gBAAgB,MAAO,UAAU,GAAG,gBAAgB,CAAC,EAAE,CAAC,GAAG,UAAU,GAAG,gBAAgB,CAAC,EAAE,CAAC,KAAG,MAM3G,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,YAAY,MAAO,UAAU,GAAG,gBAAgB,CAAC,EAAE,CAAC,GAAG,UAAU,GAAG,gBAAgB,CAAC,EAAE,CAAC,KAAG,OAYvG,CAAC;AAEF;;+DAE+D;AAC/D,eAAO,MAAM,mCAAmC,UACvC,MAAM,gBACC,MAAM,eACP,MAAM,OACd,MAAM,OACN,MAAM,KACV,MAIF,CAAC;AAEF;;+DAE+D;AAC/D,eAAO,MAAM,mCAAmC,mBAC9B,MAAM,gBACR,MAAM,eACP,MAAM,QACb,MAAM,OACP,MAAM,OACN,MAAM,KACV,MAKF,CAAC;AAEF;;gEAEgE;AAChE,eAAO,MAAM,UAAU,UAAW,MAAM,QAAQ,MAAM,OAAO,MAAM,KAAG,MAarE,CAAC;AAEF;;4BAE4B;AAC5B,eAAO,MAAM,yBAAyB,SAAU,MAAM,gBAAgB,MAAM,eAAe,MAAM,cAAc,MAAM,KAAG,MASvH,CAAC;AAEF;uCACuC;AACvC,eAAO,MAAM,wBAAwB,SAC7B,MAAM,iBACG,cAAc,GAAG,IAAI,eACvB,MAAM,UACX,MAAM,KAAK,IAAI,SAMxB,CAAC;AAEF;wDACwD;AACxD,eAAO,MAAM,iBAAiB,yBAA0B,UAAU,KAAK,IAAI,sBAAsB,UAAU,KAAK,IAAI,KAAG,IAGtH,CAAC;AAEF;wDACwD;AACxD,eAAO,MAAM,oBAAoB,yBAA0B,UAAU,KAAK,IAAI,sBAAsB,UAAU,KAAK,IAAI,KAAG,IAGzH,CAAC;AAEF;wDACwD;AACxD,eAAO,MAAM,iBAAiB,yBAA0B,UAAU,KAAK,IAAI,sBAAsB,UAAU,KAAK,IAAI,KAAG,IAGtH,CAAC;AAEF;wDACwD;AACxD,eAAO,MAAM,oBAAoB,yBAA0B,UAAU,KAAK,IAAI,sBAAsB,UAAU,KAAK,IAAI,KAAG,IAGzH,CAAC"}

package/components/Slider/index.js

@@ -1,2 +1,2 @@
-import{_ as e}from"../../_rollupPluginBabelHelpers-0f007973.js";import t,{useState as n,useRef as r,useEffect as a}from"react";import{c as o}from"../../index-d1c0552c.js";import{T as i}from"../../Title-01820508.js";import c from"./styles.module.scss";import{A as u}from"../../constants-dbdea596.js";import"../Title/styles.module.scss";var s=function(e){return e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),!1},l=function(e){return m(e)?e.touches[0].pageX:e.pageX},d=function(e){var t=e?e.getBoundingClientRect():void 0;return t?t.right-t.left:0},m=function(e){return("touchcancel"===e.type||"touchend"===e.type||"touchenter"===e.type||"touchleave"===e.type||"touchmove"===e.type||"touchstart"===e.type)&&!(0===e.touches.length)},f=function(e,t,n){var r=e-e%t,a=Math.floor(n/t)*t;e>a&&(e>a+(n-a)/2&&(r=n));return Math.round(r)},v=t.forwardRef((function(m,v){var p=m.title,h=m.labelLeft,_=m.labelRight,g=m.disabled,E=void 0!==g&&g,y=m.step,b=void 0===y?1:y,w=m.onChange,k=m.testId,L=n(50),N=e(L,2),x=N[0],A=N[1],D=n(!1),M=e(D,2),R=M[0],j=M[1],T=n(0),B=e(T,2),C=B[0],P=B[1],I=n(0),S=e(I,2),X=S[0],H=S[1],K=n(0),U=e(K,2),q=U[0],z=U[1],F=n(0),G=e(F,2),J=G[0],O=G[1],Q=v||r(null),V=r(null),W=100,Y=function(e){re(e)},Z=function(e){ne(e)},$=function(e){re(e)},ee=function(e){ne(e)};a((function(){var e=d(Q.current),t=d(V.current);z(function(e,t,n,r,a){return(t-n)/(a-r)*e}(x,e,t,0,W)),P(e),H(t)}),[]),a((function(){R&&(function(e,t){document.addEventListener("mousemove",e,!1),document.addEventListener("mouseup",t,!1)}(Y,Z),function(e,t){document.addEventListener("touchmove",e,!1),document.addEventListener("touchend",t,!1)}($,ee))}),[R]),a((function(){!E&&w&&w(x)}),[x]);var te=function(e){var t;if(!E){var n=d(Q.current),r=d(V.current),a=l(e);!function(e,t,n,r){var a=t?t.getBoundingClientRect():void 0,o=a?a.left:0;r(o?e-(o+n/2):0)}(a,V.current,r,ae),j(!0),O(a),P(n),H(r),null===(t=V.current)||void 0===t||t.focus(),s(e)}},ne=function(e){E||(j(!1),function(e,t){document.removeEventListener("mousemove",e,!1),document.removeEventListener("mouseup",t,!1)}(Y,Z),function(e,t){document.removeEventListener("touchmove",e,!1),document.removeEventListener("touchend",t,!1)}($,ee),s(e))},re=function(e){if(!E&&R){var t=l(e);ae(t-J),s(e)}},ae=function(e){if(0!==e){var t=function(e,t,n,r){var a=r+e;return a<0&&(a=0),a>t-n&&(a=t-n),a}(e,C,X,q);z(t),O(t+e),A(function(e,t,n,r,a,o){var i=(t-n)/(o-a),c=Math.round(e/i);return f(c,r,o)}(t,C,X,b,0,W))}};return t.createElement("div",{className:c.slider,"data-testid":k,"data-analyticsid":u.Slider},p&&t.createElement(i,{htmlMarkup:"h3",margin:1.5,appearance:"title3"},p),t.createElement("div",{ref:Q,className:o(c["slider__track-wrapper"],E?c["slider__track-wrapper--disabled"]:""),onMouseDown:te,onTouchStart:te,"data-testid":"tracker"},t.createElement("div",{className:o(c.slider__track,E?c["slider__track--disabled"]:"")}),t.createElement("div",{ref:V,className:o(c.slider__trigger,E?c["slider__trigger--disabled"]:""),style:{left:"".concat(q,"px")},onKeyDown:function(e){if(!E){var t=(C-X)/100;"ArrowRight"!==e.key&&"ArrowDown"!==e.key||ae(b*t),"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||ae(-b*t)}},role:"slider","aria-valuenow":x,"aria-valuemin":0,"aria-valuemax":W,"aria-label":"".concat(p?p+" ":"").concat(h?h+" ":"").concat(_?_+" ":""),tabIndex:E?-1:0},t.createElement("div",{className:o(c["slider__trigger-inner"],E?c["slider__trigger-inner--disabled"]:"")}))),(h||_)&&t.createElement("span",{className:c.slider__options},t.createElement("p",{className:c.slider__text,"aria-hidden":!0},h),t.createElement("p",{className:c.slider__text,"aria-hidden":!0},_)))}));export{v as Slider,v as default};
+import{_ as e}from"../../_rollupPluginBabelHelpers-0f007973.js";import t,{useState as n,useRef as r,useEffect as a}from"react";import{c as o}from"../../index-d1c0552c.js";import{T as i}from"../../Title-01820508.js";import c from"./styles.module.scss";import{A as s}from"../../constants-dbdea596.js";import{u}from"../../useSize-8dc1a168.js";import"../Title/styles.module.scss";import"../../debounce-fb23662f.js";var d=function(e){return e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),!1},l=function(e){return m(e)?e.touches[0].pageX:e.pageX},m=function(e){return("touchcancel"===e.type||"touchend"===e.type||"touchenter"===e.type||"touchleave"===e.type||"touchmove"===e.type||"touchstart"===e.type)&&!(0===e.touches.length)},f=function(e,t,n){var r=e-e%t,a=Math.floor(n/t)*t;e>a&&(e>a+(n-a)/2&&(r=n));return Math.round(r)},v=t.forwardRef((function(m,v){var p=m.title,h=m.labelLeft,_=m.labelRight,g=m.disabled,E=void 0!==g&&g,w=m.step,y=void 0===w?1:w,b=m.onChange,k=m.testId,L=n(50),N=e(L,2),x=N[0],j=N[1],A=n(!1),D=e(A,2),M=D[0],R=D[1],T=n(0),P=e(T,2),S=P[0],B=P[1],C=n(0),I=e(C,2),X=I[0],z=I[1],H=v||r(null),K=r(null),U=(u(H)||{width:0}).width,q=(u(K)||{width:0}).width,F=100,G=function(e){Y(e)},J=function(e){W(e)},O=function(e){Y(e)},Q=function(e){W(e)};a((function(){B(function(e,t,n,r,a){return(t-n)/(a-r)*e}(x,U,q,0,F))}),[x,U,q]),a((function(){M&&(function(e,t){document.addEventListener("mousemove",e,!1),document.addEventListener("mouseup",t,!1)}(G,J),function(e,t){document.addEventListener("touchmove",e,!1),document.addEventListener("touchend",t,!1)}(O,Q))}),[M]),a((function(){!E&&b&&b(x)}),[x]);var V=function(e){var t;if(!E){var n=l(e);!function(e,t,n,r){var a=t?t.getBoundingClientRect():void 0,o=a?a.left:0;r(o?e-(o+n/2):0)}(n,K.current,q,Z),R(!0),z(n),null===(t=K.current)||void 0===t||t.focus(),d(e)}},W=function(e){E||(R(!1),function(e,t){document.removeEventListener("mousemove",e,!1),document.removeEventListener("mouseup",t,!1)}(G,J),function(e,t){document.removeEventListener("touchmove",e,!1),document.removeEventListener("touchend",t,!1)}(O,Q),d(e))},Y=function(e){if(!E&&M){var t=l(e);Z(t-X),d(e)}},Z=function(e){if(0!==e){var t=function(e,t,n,r){var a=r+e;return a<0&&(a=0),a>t-n&&(a=t-n),a}(e,U,q,S);B(t),z(t+e),j(function(e,t,n,r,a,o){var i=(t-n)/(o-a),c=Math.round(e/i);return f(c,r,o)}(t,U,q,y,0,F))}};return t.createElement("div",{className:c.slider,"data-testid":k,"data-analyticsid":s.Slider},p&&t.createElement(i,{htmlMarkup:"h3",margin:1.5,appearance:"title3"},p),t.createElement("div",{ref:H,className:o(c["slider__track-wrapper"],E?c["slider__track-wrapper--disabled"]:""),onMouseDown:V,onTouchStart:V,"data-testid":"tracker"},t.createElement("div",{className:o(c.slider__track,E?c["slider__track--disabled"]:"")}),t.createElement("div",{ref:K,className:o(c.slider__trigger,E?c["slider__trigger--disabled"]:""),style:{left:"".concat(S,"px")},onKeyDown:function(e){if(!E){var t=(U-q)/100;"ArrowRight"!==e.key&&"ArrowDown"!==e.key||Z(y*t),"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||Z(-y*t)}},role:"slider","aria-valuenow":x,"aria-valuemin":0,"aria-valuemax":F,"aria-label":"".concat(p?p+" ":"").concat(h?h+" ":"").concat(_?_+" ":""),tabIndex:E?-1:0},t.createElement("div",{className:o(c["slider__trigger-inner"],E?c["slider__trigger-inner--disabled"]:"")}))),(h||_)&&t.createElement("span",{className:c.slider__options},t.createElement("p",{className:c.slider__text,"aria-hidden":!0},h),t.createElement("p",{className:c.slider__text,"aria-hidden":!0},_)))}));export{v as Slider,v as default};
 //# sourceMappingURL=index.js.map

package/debounce-fb23662f.js

@@ -0,0 +1,2 @@
+function t(t,n,u){var e;return[function(){var i=this,o=arguments,a=function(){e=null,u||t.apply(i,o)},r=u&&!e;e&&clearTimeout(e),e=setTimeout(a,n),r&&t.apply(i,o)},function(){e&&clearTimeout(e)}]}export{t as d};
+//# sourceMappingURL=debounce-fb23662f.js.map

package/debounce-fb23662f.js.map

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

package/index.js

@@ -1,2 +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}from"./useFocusTrap-4a5fb65d.js";export{u as useHover}from"./useHover-18479690.js";export{u as useIntersectionObserver,a as useIsVisible}from"./useIsVisible-2ffbdea2.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],f=a[1];return n((function(){if("undefined"!=typeof ResizeObserver){var o=new ResizeObserver((function(e){f(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 u=["layoutchange","resize","orientationchange"],n=e((function(){(null==t?void 0:t.current)&&f(t.current.getBoundingClientRect())}),10),a=s(n,2),i=a[0],d=a[1];return u.forEach((function(e){return window.addEventListener(e,i)})),i(),function(){d(),u.forEach((function(e){return window.removeEventListener(e,i)}))}}}),[t]),i};export{i as useSize};
+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}from"./useFocusTrap-4a5fb65d.js";export{u as useHover}from"./useHover-18479690.js";export{u as useIntersectionObserver,a as useIsVisible}from"./useIsVisible-2ffbdea2.js";export{u as useLayoutEvent,a as useSticky}from"./useSticky-f8ffc6d8.js";export{u as usePrevious}from"./usePrevious-ae293b10.js";export{u as useSize}from"./useSize-8dc1a168.js";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";import"./_rollupPluginBabelHelpers-0f007973.js";import"react";import"./debounce-fb23662f.js";
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@helsenorge/designsystem-react",
   "sideEffects": false,
-  "version": "1.3.1",
+  "version": "1.3.2",
   "description": "The official design system for Helsenorge built with React.",
   "repository": {
     "type": "tfs",

package/useSize-8dc1a168.js

@@ -0,0 +1,2 @@
+import{_ as e,a as n}from"./_rollupPluginBabelHelpers-0f007973.js";import{useState as r,useEffect as t}from"react";import{d as o}from"./debounce-fb23662f.js";var i=function(i){var u=r(),c=e(u,2),f=c[0],d=c[1];return t((function(){if("undefined"!=typeof ResizeObserver){var r=new ResizeObserver((function(e){d(e[0].target.getBoundingClientRect())}));return(null==i?void 0:i.current)&&r.observe(null==i?void 0:i.current),r.disconnect}if("object"===("undefined"==typeof window?"undefined":n(window))){var t=["layoutchange","resize","orientationchange"],u=o((function(){(null==i?void 0:i.current)&&d(i.current.getBoundingClientRect())}),10),c=e(u,2),f=c[0],a=c[1];return t.forEach((function(e){return window.addEventListener(e,f)})),f(),function(){a(),t.forEach((function(e){return window.removeEventListener(e,f)}))}}}),[i]),f};export{i as u};
+//# sourceMappingURL=useSize-8dc1a168.js.map

package/useSize-8dc1a168.js.map

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

package/useSticky-f8ffc6d8.js

@@ -0,0 +1,2 @@
+import{a as n,_ as e}from"./_rollupPluginBabelHelpers-0f007973.js";import{useEffect as i,useState as o}from"react";import{d as t}from"./debounce-fb23662f.js";var r=function(o){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["layoutchange","resize","orientationchange"],d=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;i((function(){if("object"===("undefined"==typeof window?"undefined":n(window))){var i=t(o,d),u=e(i,2),a=u[0],f=u[1];return r.forEach((function(n){return window.addEventListener(n,a)})),a(),function(){f(),r.forEach((function(n){return window.removeEventListener(n,a)}))}}}),[])},d=function(n,i){var t=o(!1),d=e(t,2),u=d[0],a=d[1],f=o(!1),c=e(f,2),v=c[0],l=c[1],s=o(),g=e(s,2),h=g[0],w=g[1],m=o(),p=e(m,2),b=p[0],E=p[1];return r((function(){var e,o,t,r=(null===(e=n.current)||void 0===e?void 0:e.getBoundingClientRect())||{},d=r.top,u=void 0===d?0:d,f=r.width,c=void 0===f?0:f,v=r.bottom,s=void 0===v?0:v,g=null!==(t=null===(o=i.current)||void 0===o?void 0:o.getBoundingClientRect().height)&&void 0!==t?t:0;a(u<=0),l(s<=g),E(c),w(g)}),["resize","scroll"]),{isOutsideWindow:u,isLeavingWindow:v,offsetHeight:h,contentWidth:b}};export{d as a,r as u};
+//# sourceMappingURL=useSticky-f8ffc6d8.js.map

package/useSticky-f8ffc6d8.js.map

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

package/useSticky-432642c9.js

@@ -1,2 +0,0 @@
-import{a as n,_ as i}from"./_rollupPluginBabelHelpers-0f007973.js";import{useEffect as t,useState as e}from"react";function o(n,i,t){var e;return[function(){var o=this,r=arguments,u=function(){e=null,t||n.apply(o,r)},a=t&&!e;e&&clearTimeout(e),e=setTimeout(u,i),a&&n.apply(o,r)},function(){e&&clearTimeout(e)}]}var r=function(e){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:["layoutchange","resize","orientationchange"],u=arguments.length>2&&void 0!==arguments[2]?arguments[2]:10;t((function(){if("object"===("undefined"==typeof window?"undefined":n(window))){var t=o(e,u),a=i(t,2),d=a[0],c=a[1];return r.forEach((function(n){return window.addEventListener(n,d)})),d(),function(){c(),r.forEach((function(n){return window.removeEventListener(n,d)}))}}}),[])},u=function(n,t){var o=e(!1),u=i(o,2),a=u[0],d=u[1],c=e(!1),l=i(c,2),f=l[0],v=l[1],s=e(),g=i(s,2),h=g[0],p=g[1],w=e(),m=i(w,2),y=m[0],E=m[1];return r((function(){var i,e,o,r=(null===(i=n.current)||void 0===i?void 0:i.getBoundingClientRect())||{},u=r.top,a=void 0===u?0:u,c=r.width,l=void 0===c?0:c,f=r.bottom,s=void 0===f?0:f,g=null!==(o=null===(e=t.current)||void 0===e?void 0:e.getBoundingClientRect().height)&&void 0!==o?o:0;d(a<=0),v(s<=g),E(l),p(g)}),["resize","scroll"]),{isOutsideWindow:a,isLeavingWindow:f,offsetHeight:h,contentWidth:y}};export{u as a,o as d,r as u};
-//# sourceMappingURL=useSticky-432642c9.js.map

package/useSticky-432642c9.js.map

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