@helsenorge/designsystem-react 1.0.0-beta117 → 1.0.0-beta118

package/Button-161b8a21.js

@@ -0,0 +1,2 @@
+import{_ as t,d as e}from"./_rollupPluginBabelHelpers-4f206abf.js";import{_ as n}from"./_tslib-51c8a283.js";import o from"react";import{A as r,I as i}from"./constants-dd6fd92d.js";import{g as l}from"./color-e7d082c1.js";import{L as a}from"./Loader-72869219.js";import{u as s}from"./useHover-026f72c1.js";import{a as d}from"./useWindowSize-5cc481da.js";import{b as u}from"./grid-c105cad1.js";import{c}from"./index-9b84fabc.js";import m from"./components/Button/styles.module.scss";var b={primary:"blueberry",warning:"banana",danger:"cherry"},f=function(t,e){return e&&e<u.md&&t?i.Small:t?i.Medium:i.XSmall},p=o.forwardRef((function(u,p){var v,_,g,h=u.id,w=u.children,j=u.className,y=void 0===j?"":j,E=u.fluid,I=void 0!==E&&E,k=u.intent,N=void 0===k?"primary":k,x=u.inverted,B=void 0!==x&&x,C=u.htmlMarkup,H=void 0===C?"button":C,O=u.type,S=void 0===O?"button":O,z=u.onClick,F=u.large,M=void 0!==F&&F,A=u.loading,L=void 0!==A&&A,R=u.variant,X=void 0===R?"fill":R,P=u.disabled,W=void 0!==P&&P,q=u.ellipsis,D=void 0!==q&&q,G=u.tabIndex,J=u.testId,K=u.href,Q=u.target,T=n(u,["id","children","className","fluid","intent","inverted","htmlMarkup","type","onClick","large","loading","variant","disabled","ellipsis","tabIndex","testId","href","target"]),U=function(t){var e,n,o,r,i=null,l=null;void 0!==(null===(n=null===(e=t[0])||void 0===e?void 0:e.props)||void 0===n?void 0:n.svgIcon)&&(i=t.shift()),void 0!==(null===(r=null===(o=t[t.length-1])||void 0===o?void 0:o.props)||void 0===r?void 0:r.svgIcon)&&(l=t.pop());var a=t.filter((function(t){return t}));return[i,l,a.length>0?a:null]}(o.Children.toArray(w)),V=t(U,3),Y=V[0],Z=V[1],$=V[2],tt=s(p),et=tt.hoverRef,nt=tt.isHovered,ot=function(t,e,n,o,r){return e?l("neutral",600):t&&!o||!t&&o?"white":l(b[n],r?700:600)}("fill"===X,W,N,B,nt),rt=d(),it="fill"===X,lt="outline"===X,at="borderless"===X,st="warning"===N,dt="danger"===N,ut=!(!Y&&!Z||L),ct=Object.assign({},T),mt=c(m.button,(e(v={},m["button--fluid"],I),e(v,m["button--large"],M),e(v,m["button--warning"],st),e(v,m["button--danger"],dt),e(v,m["button--inverted"],B),e(v,m["button--fill"],it),e(v,m["button--outline"],lt),e(v,m["button--borderless"],at),e(v,m["button--with-icon"],ut),e(v,m["button--ellipsis"],D),v),y),bt=c(m.button__content,(e(_={},m["button__content--warning"],st),e(_,m["button__content--danger"],dt),e(_,m["button__content--fill"],it),e(_,m["button__content--borderless"],at),e(_,m["button__content--with-icon"],ut&&!at),e(_,m["button__content--large"],M),e(_,m["button__content--ellipsis"],D),e(_,m["button__content--inverted"],B),e(_,m["button__content--fluid"],I),_)),ft=c(m["button__left-fluid-content"],(e(g={},m["button__left-fluid-content--with-icon"],ut),e(g,m["button__left-fluid-content--large"],M),g));function pt(t,e,n,r){var i=t&&t.props&&t.props.color?t.props.color:n;return t&&Object.keys(t).length>0?o.cloneElement(t,{size:e,color:i,isHovered:r}):null}var vt=function(){return $?o.createElement("span",{className:bt},$):null},_t=function(){return o.createElement("span",{className:m["content-wrapper"]},L?o.createElement("div",{className:m["button__left-fluid-content"]},o.createElement(a,{testId:"test-id-loader",color:"fill"!==X||B?b[N]:"white",size:"tiny"})):o.createElement(o.Fragment,null,I?o.createElement("div",{className:ft},pt(Y,f(M,rt.width),ot,nt),vt()):o.createElement(o.Fragment,null,pt(Y,f(M,rt.width),ot,nt),vt()),pt(Z,i.XSmall,ot,nt)))};return o.createElement(o.Fragment,null,"button"===H&&o.createElement("button",Object.assign({id:h,onClick:z,disabled:W,"data-testid":J,"data-analyticsid":r.Button,className:mt,ref:et,tabIndex:G,type:S},ct),_t()),"a"===H&&o.createElement("a",Object.assign({id:h,onClick:z,"data-testid":J,"data-analyticsid":r.Button,className:mt,href:K,target:Q,rel:"_blank"===Q?"noopener noreferrer":u.rel,ref:et,tabIndex:G},T),_t()))}));export{p as B,b as i};
+//# sourceMappingURL=Button-161b8a21.js.map

package/Button-161b8a21.js.map

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

package/{Modal-aeb33706.js → Modal-fa76208b.js}

@@ -1,2 +1,2 @@
-import{_ as e,d as a}from"./_rollupPluginBabelHelpers-4f206abf.js";import t,{useEffect as o}from"react";import{c as r}from"./index-9b84fabc.js";import{p as l}from"./palette-f206f488.js";import{B as n}from"./Button-81c39cdc.js";import{Icon as s}from"./components/Icons/Icon.js";import{Z as c,A as i,I as m}from"./constants-dd6fd92d.js";import d from"./components/Modal/styles.module.scss";import p from"./components/Icons/AlertSignStroke.js";import u from"./components/Icons/AlertSignFill.js";import{c as _,a as v}from"./useIsVisible-fad4d769.js";import{T as f}from"./Title-42d581cc.js";import{u as E}from"./uuid-fe7442b7.js";import{C as g}from"./Close-2208b6a2.js";import b from"./components/Icons/CheckOutline.js";import y from"./components/Portal/index.js";var h,N;!function(e){e.normal="normal",e.warning="warning",e.error="error",e.success="success",e.image="image"}(h||(h={})),function(e){e.large="large",e.medium="medium"}(N||(N={}));var C={variant:h.normal,primaryButtonText:"OK",titleId:E(),className:"",size:N.large,zIndex:c.Modal},I=function(e,a){var o=function(e){return e===h.error?t.createElement(s,{size:m.Small,svgIcon:u,color:l.cherry500}):e===h.warning?t.createElement(s,{size:m.Small,svgIcon:p,color:l.black}):e===h.success?t.createElement(s,{size:m.Small,svgIcon:b,color:l.kiwi900}):null}(e);return o?t.createElement("div",{className:d.modal__iconWrapper},o):a?t.createElement("div",{className:d.modal__iconWrapper},t.cloneElement(a,{size:m.Small})):null},w=function(l){var s,c,m,p=t.useState(0),u=e(p,2),E=u[0],b=u[1],N=t.useRef(null),C=t.useRef(null),w=t.useRef(null),B=_(C),j=t.useRef(null),x=_(j),k=w.current&&w.current.scrollHeight>w.current.clientHeight;function T(e){"Escape"===e.key&&l.onClose&&(e.stopPropagation(),l.onClose())}function W(e){e.target&&L.current===e.target&&l.onClose&&(e.stopPropagation(),l.onClose())}var z=l.variant===h.image,L=t.useRef(null),S=l.secondaryButtonText&&(null===(c=l.secondaryButtonText)||void 0===c?void 0:c.length)>0||l.onSuccess,P=l.ariaLabelledBy?void 0:l.ariaLabel,M=l.ariaLabelledBy?l.ariaLabelledBy:l.ariaLabel?void 0:l.titleId;o((function(){var e,a=L.current;return null===(e=N.current)||void 0===e||e.focus(),document.body.style.overflow="hidden",l.disableCloseEvents||!a||S||(a.addEventListener("keydown",T),a.addEventListener("click",W)),function(){document.body.style.removeProperty("overflow"),l.disableCloseEvents||!a||S||(a.removeEventListener("keydown",T),a.removeEventListener("click",W))}}),[]);var R=r((a(s={},d["modal__title--error"],l.variant===h.error),a(s,d["modal__title--success"],l.variant===h.success),s)),A=t.createElement("div",{"data-testid":"dialog-container"},t.createElement("div",{ref:L,className:d["modal-overlay"],"data-testid":l.testId,"data-analyticsid":i.Modal,style:{zIndex:l.zIndex}},t.createElement("div",{className:d.align,ref:v()},t.createElement("div",{className:r(l.className,d.modal,d["modal--".concat(l.variant)],d["modal--".concat(l.size)]),role:"dialog","aria-label":P,"aria-labelledby":M},t.createElement("div",{tabIndex:E,ref:N,onBlur:function(){return b(-1)}}),t.createElement("div",{className:r(d.modal__shadow,d["modal__shadow--top"],a({},d["modal__shadow--show"],!B&&k))}),t.createElement("div",{className:r(d.modal__contentWrapper,a({},d["modal__contentWrapper--image"],z)),ref:w},!l.noCloseButton&&t.createElement("div",{className:d.modal__closeWrapper},t.createElement("div",{className:r(d.modal__closeWrapper__close)},t.createElement(g,{onClick:l.onClose,ariaLabel:l.ariaLabelCloseBtn}))),t.createElement("div",{className:r(d["modal__contentWrapper__scroll--".concat(l.size)],a({},d["modal__contentWrapper__scroll--image"],z))},t.createElement("div",{ref:C}),t.createElement("div",{className:d.modal__contentWrapper__title},I(l.variant,l.icon),t.createElement(f,{id:M,htmlMarkup:"h3",appearance:"title3",className:R},l.title),l.afterTitleChildren&&t.createElement("div",{className:d.modal__afterTitleChildren},l.afterTitleChildren)),z&&t.createElement("div",null,t.createElement("div",{className:d.modal__contentWrapper__imageWrapper},l.children),t.createElement("span",{className:d.modal__contentWrapper__imageDescription},l.description)),!z&&l.children&&t.createElement("div",null,l.children),!z&&!l.children&&t.createElement("p",{className:d.modal__description},l.description),t.createElement("div",{ref:j}))),t.createElement("div",{className:r(d.modal__shadow,d["modal__shadow--bottom"],a({},d["modal__shadow--show"],!x&&k))}),S&&t.createElement("div",{className:r(d["modal__call-to-action"],d["modal__call-to-action--".concat(l.size)])},l.onSuccess&&t.createElement(n,{onClick:l.onSuccess},l.primaryButtonText),l.secondaryButtonText&&(null===(m=l.secondaryButtonText)||void 0===m?void 0:m.length)>0&&t.createElement(n,{variant:"borderless",onClick:l.onClose},l.secondaryButtonText))))));if(l.printable){return t.createElement(y,{className:"print-modal",testId:"print-modal"},t.createElement("style",{media:"print"},"body > *:not(.".concat("print-modal",") {display: none;}")),A)}return A};w.defaultProps=C;export{w as M,h as a,N as b};
-//# sourceMappingURL=Modal-aeb33706.js.map
+import{_ as e,d as a}from"./_rollupPluginBabelHelpers-4f206abf.js";import t,{useEffect as o}from"react";import{c as r}from"./index-9b84fabc.js";import{p as l}from"./palette-f206f488.js";import{B as n}from"./Button-161b8a21.js";import{Icon as s}from"./components/Icons/Icon.js";import{Z as c,A as i,I as m}from"./constants-dd6fd92d.js";import d from"./components/Modal/styles.module.scss";import p from"./components/Icons/AlertSignStroke.js";import u from"./components/Icons/AlertSignFill.js";import{c as _,a as v}from"./useIsVisible-fad4d769.js";import{T as f}from"./Title-42d581cc.js";import{u as E}from"./uuid-fe7442b7.js";import{C as g}from"./Close-2208b6a2.js";import b from"./components/Icons/CheckOutline.js";import y from"./components/Portal/index.js";var h,N;!function(e){e.normal="normal",e.warning="warning",e.error="error",e.success="success",e.image="image"}(h||(h={})),function(e){e.large="large",e.medium="medium"}(N||(N={}));var C={variant:h.normal,primaryButtonText:"OK",titleId:E(),className:"",size:N.large,zIndex:c.Modal},I=function(e,a){var o=function(e){return e===h.error?t.createElement(s,{size:m.Small,svgIcon:u,color:l.cherry500}):e===h.warning?t.createElement(s,{size:m.Small,svgIcon:p,color:l.black}):e===h.success?t.createElement(s,{size:m.Small,svgIcon:b,color:l.kiwi900}):null}(e);return o?t.createElement("div",{className:d.modal__iconWrapper},o):a?t.createElement("div",{className:d.modal__iconWrapper},t.cloneElement(a,{size:m.Small})):null},w=function(l){var s,c,m,p=t.useState(0),u=e(p,2),E=u[0],b=u[1],N=t.useRef(null),C=t.useRef(null),w=t.useRef(null),B=_(C),j=t.useRef(null),x=_(j),k=w.current&&w.current.scrollHeight>w.current.clientHeight;function T(e){"Escape"===e.key&&l.onClose&&(e.stopPropagation(),l.onClose())}function W(e){e.target&&L.current===e.target&&l.onClose&&(e.stopPropagation(),l.onClose())}var z=l.variant===h.image,L=t.useRef(null),S=l.secondaryButtonText&&(null===(c=l.secondaryButtonText)||void 0===c?void 0:c.length)>0||l.onSuccess,P=l.ariaLabelledBy?void 0:l.ariaLabel,M=l.ariaLabelledBy?l.ariaLabelledBy:l.ariaLabel?void 0:l.titleId;o((function(){var e,a=L.current;return null===(e=N.current)||void 0===e||e.focus(),document.body.style.overflow="hidden",l.disableCloseEvents||!a||S||(a.addEventListener("keydown",T),a.addEventListener("click",W)),function(){document.body.style.removeProperty("overflow"),l.disableCloseEvents||!a||S||(a.removeEventListener("keydown",T),a.removeEventListener("click",W))}}),[]);var R=r((a(s={},d["modal__title--error"],l.variant===h.error),a(s,d["modal__title--success"],l.variant===h.success),s)),A=t.createElement("div",{"data-testid":"dialog-container"},t.createElement("div",{ref:L,className:d["modal-overlay"],"data-testid":l.testId,"data-analyticsid":i.Modal,style:{zIndex:l.zIndex}},t.createElement("div",{className:d.align,ref:v()},t.createElement("div",{className:r(l.className,d.modal,d["modal--".concat(l.variant)],d["modal--".concat(l.size)]),role:"dialog","aria-label":P,"aria-labelledby":M},t.createElement("div",{tabIndex:E,ref:N,onBlur:function(){return b(-1)}}),t.createElement("div",{className:r(d.modal__shadow,d["modal__shadow--top"],a({},d["modal__shadow--show"],!B&&k))}),t.createElement("div",{className:r(d.modal__contentWrapper,a({},d["modal__contentWrapper--image"],z)),ref:w},!l.noCloseButton&&t.createElement("div",{className:d.modal__closeWrapper},t.createElement("div",{className:r(d.modal__closeWrapper__close)},t.createElement(g,{onClick:l.onClose,ariaLabel:l.ariaLabelCloseBtn}))),t.createElement("div",{className:r(d["modal__contentWrapper__scroll--".concat(l.size)],a({},d["modal__contentWrapper__scroll--image"],z))},t.createElement("div",{ref:C}),t.createElement("div",{className:d.modal__contentWrapper__title},I(l.variant,l.icon),t.createElement(f,{id:M,htmlMarkup:"h3",appearance:"title3",className:R},l.title),l.afterTitleChildren&&t.createElement("div",{className:d.modal__afterTitleChildren},l.afterTitleChildren)),z&&t.createElement("div",null,t.createElement("div",{className:d.modal__contentWrapper__imageWrapper},l.children),t.createElement("span",{className:d.modal__contentWrapper__imageDescription},l.description)),!z&&l.children&&t.createElement("div",null,l.children),!z&&!l.children&&t.createElement("p",{className:d.modal__description},l.description),t.createElement("div",{ref:j}))),t.createElement("div",{className:r(d.modal__shadow,d["modal__shadow--bottom"],a({},d["modal__shadow--show"],!x&&k))}),S&&t.createElement("div",{className:r(d["modal__call-to-action"],d["modal__call-to-action--".concat(l.size)])},l.onSuccess&&t.createElement(n,{onClick:l.onSuccess},l.primaryButtonText),l.secondaryButtonText&&(null===(m=l.secondaryButtonText)||void 0===m?void 0:m.length)>0&&t.createElement(n,{variant:"borderless",onClick:l.onClose},l.secondaryButtonText))))));if(l.printable){return t.createElement(y,{className:"print-modal",testId:"print-modal"},t.createElement("style",{media:"print"},"body > *:not(.".concat("print-modal",") {display: none;}")),A)}return A};w.defaultProps=C;export{w as M,h as a,N as b};
+//# sourceMappingURL=Modal-fa76208b.js.map

package/Modal-fa76208b.js.map

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

package/{Panel-6db84e0d.js → Panel-75460982.js}

@@ -1,2 +1,2 @@
-import{_ as e,d as t}from"./_rollupPluginBabelHelpers-4f206abf.js";import{_ as a}from"./_tslib-51c8a283.js";import n,{useState as l,useRef as o}from"react";import{c as r}from"./index-9b84fabc.js";import s from"./components/Panel/styles.module.scss";import{T as i}from"./Title-42d581cc.js";import{B as c}from"./Button-81c39cdc.js";import{A as m,I as u}from"./constants-dd6fd92d.js";import{Icon as d}from"./components/Icons/Icon.js";import p from"./components/Icons/ChevronDown.js";import f from"./components/Icons/ChevronUp.js";import v from"./components/Icons/ArrowRight.js";import b from"./components/Icons/AlertSignFill.js";import{p as y}from"./palette-f206f488.js";import g from"./components/Icons/Pencil.js";import _ from"./components/Icons/Calendar.js";import E from"./components/Icons/Watch.js";import{u as h,B as w}from"./useBreakpoint-6eb418f7.js";import{B as j}from"./Badge-de6c8a84.js";import{u as I}from"./uuid-fe7442b7.js";var N,k,x;!function(e){e.normal="normal",e.new="new",e.error="error",e.draft="draft"}(N||(N={})),function(e){e.fill="fill",e.white="white",e.stroke="stroke",e.line="line"}(k||(k={})),function(e){e.layout1="layout1",e.layout2="layout2",e.layout3a="layout3a",e.layout3b="layout3b",e.layout3c="layout3c"}(x||(x={}));var B=function(e){var a=e.status,l=e.statusMessage,o=r(s["status-message"],t({},s["status-message--new"],a===N.new));return a!==N.error&&a!==N.draft||!l?null:n.createElement("div",{className:o,"data-testid":"display-status"},n.createElement(d,Object.assign({},a===N.error?{color:y.cherry500,svgIcon:b}:{color:y.black,svgIcon:g},{size:u.XSmall}))," ",n.createElement("span",null,l))},C=function(e){var t=e.date,a=e.time;return t||a?n.createElement("div",{className:s["datetime-container"],"data-testid":"datetime"},t&&n.createElement("div",{className:s["datetime-container__icon"]},n.createElement(d,{svgIcon:_,size:u.XSmall}),n.createElement("span",null,t)),a&&n.createElement("div",{className:s["datetime-container__icon"]},n.createElement(d,{svgIcon:E,size:u.XSmall}),n.createElement("span",null,a))):null},T=n.forwardRef((function(e,t){var l=e.buttonText,o=e.buttonTextClose,r=e.url,s=e.target,i=e.onClick,m=e.renderAsButton,u=e.showDetails,b=a(e,["buttonText","buttonTextClose","url","target","onClick","renderAsButton","showDetails"]);return m?n.createElement(c,Object.assign({testId:"expand",ref:t,onClick:i},b),u?o:l,n.createElement(d,{svgIcon:u?f:p})):n.createElement(c,Object.assign({testId:"url",ref:t,htmlMarkup:"a",href:r,target:s},b),l,n.createElement(d,{svgIcon:v}))})),S=n.forwardRef((function(a,c){var u,d,p,f,v,b,y,g=a.children,_=a.contentA,E=a.contentB,S=a.className,A=a.testId,D=a.title,P=a.url,M=a.target,O=void 0===M?"_self":M,R=a.icon,z=a.iconRight,X=void 0!==z&&z,F=a.variant,H=void 0===F?k.fill:F,K=a.status,U=void 0===K?N.normal:K,W=a.statusMessage,q=a.buttonText,G=void 0===q?"Se detaljer":q,J=a.buttonTextClose,L=void 0===J?"Skjul detaljer":J,Q=a.showCloseButtonInExpand,V=void 0===Q||Q,Y=a.layout,Z=void 0===Y?x.layout2:Y,$=a.containerAsButton,ee=void 0!==$&&$,te=a.date,ae=a.time,ne=a.noTopBorder,le=l(!1),oe=e(le,2),re=oe[0],se=oe[1],ie=o(null),ce=I(),me=h(),ue=[x.layout3a.toString(),x.layout3b.toString(),x.layout3c.toString()].includes(Z),de=r(s["panel-wrapper"],S),pe=r(s.panel,(t(u={},s["panel--fill"],H===k.fill),t(u,s["panel--stroke"],H===k.stroke),t(u,s["panel--white"],H===k.white),t(u,s["panel--line"],H===k.line),t(u,s["panel--no-top-border"],H===k.line&&ne),t(u,s["panel--selected"],re),t(u,s["panel--new"],U===N.new),t(u,s["panel--draft"],U===N.draft),t(u,s["panel--error"],U===N.error),t(u,s["panel--status"],U&&U!==N.normal),t(u,s["panel--with-icon"],R),t(u,s["panel--button"],ee),u)),fe=r((t(d={},s.panel__container,Z===x.layout2&&E),t(d,s["panel__container--layout3"],ue&&E),t(d,s["panel__container--grow"],R),d)),ve=r((t(p={},s["panel-content-a"],Z===x.layout2),t(p,s["panel-content-a--layout3a"],Z===x.layout3a),t(p,s["panel-content-a--layout3b"],Z===x.layout3b),t(p,s["panel-content-a--layout3c"],Z===x.layout3c),p)),be=r((t(f={},s["panel__content-right--layout1"],E&&Z===x.layout1),t(f,s["panel__content-right--layout2"],E&&Z===x.layout2),t(f,s["panel__content-right--layout3"],E&&ue),t(f,s["panel__content-right--layout3a"],E&&Z===x.layout3a),t(f,s["panel__content-right--layout3b"],E&&Z===x.layout3b),t(f,s["panel__content-right--layout3c"],E&&Z===x.layout3c),f)),ye=r(s["panel-details"],(t(v={},s["panel-details--open"],re),t(v,s["panel-details--line"],H===k.line),t(v,s["panel-details--white"],H===k.white),t(v,s["panel-details--with-icon"],R),v)),ge=r(s["panel-content-b"],(t(b={},s["panel-content-b--layout1"],Z===x.layout1),t(b,s["panel-content-b--layout3"],ue),b)),_e=r(s["panel__details-btn"],t({},s["panel__details-btn--pull-right"],E)),Ee=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=arguments.length>1?arguments[1]:void 0,a={id:t,tabIndex:e?void 0:-1,variant:"borderless",ellipsis:!0};return n.createElement(T,Object.assign({renderAsButton:!!g,onClick:function(){return se(!re)},showDetails:re,buttonText:G,url:P,target:O,buttonTextClose:L,ref:t?ie:void 0},a))},he=r(s["panel__btn-container"],(t(y={},s["panel__btn-container--layout3"],ue),t(y,s["panel__btn-container--padding-top"],E),y));return n.createElement("div",{ref:c,"data-testid":A,className:de,"data-analyticsid":m.Panel},n.createElement("div",{className:pe,tabIndex:ee?0:void 0,onClick:function(){var e;ee&&(null===(e=ie.current)||void 0===e||e.click())},onKeyDown:function(e){var t,a=e.key;!ee||"Enter"!==a&&" "!==a||(e.preventDefault(),null===(t=ie.current)||void 0===t||t.click())},"aria-labelledby":ee?ce:void 0,role:ee?"button":void 0},R&&!X&&n.createElement("div",{className:s.panel__icon},R),n.createElement("div",{className:fe},n.createElement("div",{className:ve},n.createElement(B,{status:U,statusMessage:W}),D&&n.createElement("div",{className:s["panel-content-a__title-container"]},n.createElement(i,{appearance:"title3"},D),W&&U===N.new&&n.createElement("div",null,n.createElement(j,{color:"blueberry",testId:"badge-status"},W))),_,me>=w.lg&&n.createElement(C,{date:te,time:ae})),n.createElement("div",{className:be},E&&n.createElement("div",{className:ge},E),(g||P||te||ae)&&n.createElement("div",{className:he},me<w.lg&&n.createElement(C,{date:te,time:ae}),(g||P)&&n.createElement("div",{className:_e},Ee(!ee,ce))))),R&&X&&n.createElement("div",{className:s["panel__icon--right"]},R)),g&&n.createElement("div",{className:ye,"data-testid":"panel-details"},n.createElement("div",null,g),V&&Ee()))}));export{S as P,N as a,k as b,x as c};
-//# sourceMappingURL=Panel-6db84e0d.js.map
+import{_ as e,d as t}from"./_rollupPluginBabelHelpers-4f206abf.js";import{_ as a}from"./_tslib-51c8a283.js";import n,{useState as l,useRef as o}from"react";import{c as r}from"./index-9b84fabc.js";import s from"./components/Panel/styles.module.scss";import{T as i}from"./Title-42d581cc.js";import{B as c}from"./Button-161b8a21.js";import{A as m,I as u}from"./constants-dd6fd92d.js";import{Icon as d}from"./components/Icons/Icon.js";import p from"./components/Icons/ChevronDown.js";import f from"./components/Icons/ChevronUp.js";import v from"./components/Icons/ArrowRight.js";import b from"./components/Icons/AlertSignFill.js";import{p as y}from"./palette-f206f488.js";import g from"./components/Icons/Pencil.js";import _ from"./components/Icons/Calendar.js";import E from"./components/Icons/Watch.js";import{u as h,B as w}from"./useBreakpoint-6eb418f7.js";import{B as j}from"./Badge-de6c8a84.js";import{u as I}from"./uuid-fe7442b7.js";var N,k,x;!function(e){e.normal="normal",e.new="new",e.error="error",e.draft="draft"}(N||(N={})),function(e){e.fill="fill",e.white="white",e.stroke="stroke",e.line="line"}(k||(k={})),function(e){e.layout1="layout1",e.layout2="layout2",e.layout3a="layout3a",e.layout3b="layout3b",e.layout3c="layout3c"}(x||(x={}));var B=function(e){var a=e.status,l=e.statusMessage,o=r(s["status-message"],t({},s["status-message--new"],a===N.new));return a!==N.error&&a!==N.draft||!l?null:n.createElement("div",{className:o,"data-testid":"display-status"},n.createElement(d,Object.assign({},a===N.error?{color:y.cherry500,svgIcon:b}:{color:y.black,svgIcon:g},{size:u.XSmall}))," ",n.createElement("span",null,l))},C=function(e){var t=e.date,a=e.time;return t||a?n.createElement("div",{className:s["datetime-container"],"data-testid":"datetime"},t&&n.createElement("div",{className:s["datetime-container__icon"]},n.createElement(d,{svgIcon:_,size:u.XSmall}),n.createElement("span",null,t)),a&&n.createElement("div",{className:s["datetime-container__icon"]},n.createElement(d,{svgIcon:E,size:u.XSmall}),n.createElement("span",null,a))):null},T=n.forwardRef((function(e,t){var l=e.buttonText,o=e.buttonTextClose,r=e.url,s=e.target,i=e.onClick,m=e.renderAsButton,u=e.showDetails,b=a(e,["buttonText","buttonTextClose","url","target","onClick","renderAsButton","showDetails"]);return m?n.createElement(c,Object.assign({testId:"expand",ref:t,onClick:i},b),u?o:l,n.createElement(d,{svgIcon:u?f:p})):n.createElement(c,Object.assign({testId:"url",ref:t,htmlMarkup:"a",href:r,target:s},b),l,n.createElement(d,{svgIcon:v}))})),S=n.forwardRef((function(a,c){var u,d,p,f,v,b,y,g=a.children,_=a.contentA,E=a.contentB,S=a.className,A=a.testId,D=a.title,P=a.url,M=a.target,O=void 0===M?"_self":M,R=a.icon,z=a.iconRight,X=void 0!==z&&z,F=a.variant,H=void 0===F?k.fill:F,K=a.status,U=void 0===K?N.normal:K,W=a.statusMessage,q=a.buttonText,G=void 0===q?"Se detaljer":q,J=a.buttonTextClose,L=void 0===J?"Skjul detaljer":J,Q=a.showCloseButtonInExpand,V=void 0===Q||Q,Y=a.layout,Z=void 0===Y?x.layout2:Y,$=a.containerAsButton,ee=void 0!==$&&$,te=a.date,ae=a.time,ne=a.noTopBorder,le=l(!1),oe=e(le,2),re=oe[0],se=oe[1],ie=o(null),ce=I(),me=h(),ue=[x.layout3a.toString(),x.layout3b.toString(),x.layout3c.toString()].includes(Z),de=r(s["panel-wrapper"],S),pe=r(s.panel,(t(u={},s["panel--fill"],H===k.fill),t(u,s["panel--stroke"],H===k.stroke),t(u,s["panel--white"],H===k.white),t(u,s["panel--line"],H===k.line),t(u,s["panel--no-top-border"],H===k.line&&ne),t(u,s["panel--selected"],re),t(u,s["panel--new"],U===N.new),t(u,s["panel--draft"],U===N.draft),t(u,s["panel--error"],U===N.error),t(u,s["panel--status"],U&&U!==N.normal),t(u,s["panel--with-icon"],R),t(u,s["panel--button"],ee),u)),fe=r((t(d={},s.panel__container,Z===x.layout2&&E),t(d,s["panel__container--layout3"],ue&&E),t(d,s["panel__container--grow"],R),d)),ve=r((t(p={},s["panel-content-a"],Z===x.layout2),t(p,s["panel-content-a--layout3a"],Z===x.layout3a),t(p,s["panel-content-a--layout3b"],Z===x.layout3b),t(p,s["panel-content-a--layout3c"],Z===x.layout3c),p)),be=r((t(f={},s["panel__content-right--layout1"],E&&Z===x.layout1),t(f,s["panel__content-right--layout2"],E&&Z===x.layout2),t(f,s["panel__content-right--layout3"],E&&ue),t(f,s["panel__content-right--layout3a"],E&&Z===x.layout3a),t(f,s["panel__content-right--layout3b"],E&&Z===x.layout3b),t(f,s["panel__content-right--layout3c"],E&&Z===x.layout3c),f)),ye=r(s["panel-details"],(t(v={},s["panel-details--open"],re),t(v,s["panel-details--line"],H===k.line),t(v,s["panel-details--white"],H===k.white),t(v,s["panel-details--with-icon"],R),v)),ge=r(s["panel-content-b"],(t(b={},s["panel-content-b--layout1"],Z===x.layout1),t(b,s["panel-content-b--layout3"],ue),b)),_e=r(s["panel__details-btn"],t({},s["panel__details-btn--pull-right"],E)),Ee=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=arguments.length>1?arguments[1]:void 0,a={id:t,tabIndex:e?void 0:-1,variant:"borderless",ellipsis:!0};return n.createElement(T,Object.assign({renderAsButton:!!g,onClick:function(){return se(!re)},showDetails:re,buttonText:G,url:P,target:O,buttonTextClose:L,ref:t?ie:void 0},a))},he=r(s["panel__btn-container"],(t(y={},s["panel__btn-container--layout3"],ue),t(y,s["panel__btn-container--padding-top"],E),y));return n.createElement("div",{ref:c,"data-testid":A,className:de,"data-analyticsid":m.Panel},n.createElement("div",{className:pe,tabIndex:ee?0:void 0,onClick:function(){var e;ee&&(null===(e=ie.current)||void 0===e||e.click())},onKeyDown:function(e){var t,a=e.key;!ee||"Enter"!==a&&" "!==a||(e.preventDefault(),null===(t=ie.current)||void 0===t||t.click())},"aria-labelledby":ee?ce:void 0,role:ee?"button":void 0},R&&!X&&n.createElement("div",{className:s.panel__icon},R),n.createElement("div",{className:fe},n.createElement("div",{className:ve},n.createElement(B,{status:U,statusMessage:W}),D&&n.createElement("div",{className:s["panel-content-a__title-container"]},n.createElement(i,{appearance:"title3"},D),W&&U===N.new&&n.createElement("div",null,n.createElement(j,{color:"blueberry",testId:"badge-status"},W))),_,me>=w.lg&&n.createElement(C,{date:te,time:ae})),n.createElement("div",{className:be},E&&n.createElement("div",{className:ge},E),(g||P||te||ae)&&n.createElement("div",{className:he},me<w.lg&&n.createElement(C,{date:te,time:ae}),(g||P)&&n.createElement("div",{className:_e},Ee(!ee,ce))))),R&&X&&n.createElement("div",{className:s["panel__icon--right"]},R)),g&&n.createElement("div",{className:ye,"data-testid":"panel-details"},n.createElement("div",null,g),V&&Ee()))}));export{S as P,N as a,k as b,x as c};
+//# sourceMappingURL=Panel-75460982.js.map

package/Panel-75460982.js.map

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

package/components/Button/Button.d.ts

@@ -25,6 +25,8 @@ export interface ButtonProps extends HTMLButtonProps, HTMLAnchorProps {
     inverted?: boolean;
     /** Changes the underlying element of the button. */
     htmlMarkup?: ButtonTags;
+    /** Button type. Default: button */
+    type?: React.ButtonHTMLAttributes<HTMLButtonElement>['type'];
     /** Changes the size of the button to large. */
     large?: boolean;
     /** Sets the button into a loading state displaying <Loader /> as content. */

package/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,eAAe,EAAe,MAAM,iBAAiB,CAAC;AAahF,oBAAY,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC7D,oBAAY,mBAAmB,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1F,oBAAY,UAAU,GAAG,QAAQ,GAAG,GAAG,CAAC;AACxC,oBAAY,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;AAE/D,UAAU,aAAa;IACrB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,EAAE,aAI3B,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,eAAe;IACnE,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACvI,uDAAuD;IACvD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAeD,QAAA,MAAM,MAAM,2GAgKV,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,eAAe,EAAE,eAAe,EAAe,MAAM,iBAAiB,CAAC;AAahF,oBAAY,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC7D,oBAAY,mBAAmB,GAAG,WAAW,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAC1F,oBAAY,UAAU,GAAG,QAAQ,GAAG,GAAG,CAAC;AACxC,oBAAY,cAAc,GAAG,MAAM,GAAG,SAAS,GAAG,YAAY,CAAC;AAE/D,UAAU,aAAa;IACrB,OAAO,EAAE,mBAAmB,CAAC;IAC7B,OAAO,EAAE,mBAAmB,CAAC;IAC7B,MAAM,EAAE,mBAAmB,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,EAAE,aAI3B,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,eAAe,EAAE,eAAe;IACnE,sCAAsC;IACtC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,0EAA0E;IAC1E,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,gEAAgE;IAChE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,mCAAmC;IACnC,IAAI,CAAC,EAAE,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC7D,+CAA+C;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6EAA6E;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC;IACvI,uDAAuD;IACvD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAeD,QAAA,MAAM,MAAM,2GAkKV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/components/Button/componentdata.json

@@ -160,6 +160,40 @@
         ]
       }
     },
+    "type": {
+      "defaultValue": null,
+      "description": "Button type. Default: button",
+      "name": "type",
+      "parent": {
+        "fileName": "src/components/Button/Button.tsx",
+        "name": "ButtonProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Button/Button.tsx",
+          "name": "ButtonProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"button\" | \"submit\" | \"reset\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"button\""
+          },
+          {
+            "value": "\"submit\""
+          },
+          {
+            "value": "\"reset\""
+          }
+        ]
+      }
+    },
     "large": {
       "defaultValue": null,
       "description": "Changes the size of the button to large.",
@@ -479,25 +513,6 @@
         "name": "string"
       }
     },
-    "type": {
-      "defaultValue": null,
-      "description": "",
-      "name": "type",
-      "parent": {
-        "fileName": "designsystem/src/constants.ts",
-        "name": "HTMLButtonProps"
-      },
-      "declarations": [
-        {
-          "fileName": "designsystem/src/constants.ts",
-          "name": "HTMLButtonProps"
-        }
-      ],
-      "required": false,
-      "type": {
-        "name": "string"
-      }
-    },
     "value": {
       "defaultValue": null,
       "description": "",

package/components/Button/index.js

@@ -1,2 +1,2 @@
-import{B as o}from"../../Button-81c39cdc.js";export{B as default,i as intentToColor}from"../../Button-81c39cdc.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../_tslib-51c8a283.js";import"react";import"../../constants-dd6fd92d.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-72869219.js";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"./styles.module.scss";
+import{B as o}from"../../Button-161b8a21.js";export{B as default,i as intentToColor}from"../../Button-161b8a21.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../_tslib-51c8a283.js";import"react";import"../../constants-dd6fd92d.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-72869219.js";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/ButtonWithModal/index.js

@@ -1,2 +1,2 @@
-import{_ as t}from"../../_rollupPluginBabelHelpers-4f206abf.js";import s,{useState as o}from"react";import{B as e}from"../../Button-81c39cdc.js";import{M as r}from"../../Modal-aeb33706.js";import"../../_tslib-51c8a283.js";import"../../constants-dd6fd92d.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-72869219.js";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"../Modal/styles.module.scss";import"../Icons/AlertSignStroke.js";import"../Icons/AlertSignFill.js";import"../../useIsVisible-fad4d769.js";import"../../Title-42d581cc.js";import"../Title/styles.module.scss";import"../../Close-2208b6a2.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../useBreakpoint-6eb418f7.js";import"../Icons/CheckOutline.js";import"../Portal/index.js";import"react-dom";var i=s.forwardRef((function(i,m){var c=o(!1),l=t(c,2),p=l[0],n=l[1];return s.createElement("div",{"data-testid":i.testId},s.createElement(e,{onClick:function(){return n(!0)}},i.buttonText),p&&s.createElement(r,Object.assign({},i,{onClose:function(){return n(!1)}})))}));export default i;
+import{_ as t}from"../../_rollupPluginBabelHelpers-4f206abf.js";import s,{useState as o}from"react";import{B as e}from"../../Button-161b8a21.js";import{M as r}from"../../Modal-fa76208b.js";import"../../_tslib-51c8a283.js";import"../../constants-dd6fd92d.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-72869219.js";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"../Modal/styles.module.scss";import"../Icons/AlertSignStroke.js";import"../Icons/AlertSignFill.js";import"../../useIsVisible-fad4d769.js";import"../../Title-42d581cc.js";import"../Title/styles.module.scss";import"../../Close-2208b6a2.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../useBreakpoint-6eb418f7.js";import"../Icons/CheckOutline.js";import"../Portal/index.js";import"react-dom";var i=s.forwardRef((function(i,m){var l=o(!1),p=t(l,2),c=p[0],n=p[1];return s.createElement("div",{"data-testid":i.testId},s.createElement(e,{onClick:function(){return n(!0)}},i.buttonText),c&&s.createElement(r,Object.assign({},i,{onClose:function(){return n(!1)}})))}));export default i;
 //# sourceMappingURL=index.js.map

package/components/Expander/index.js

@@ -1,2 +1,2 @@
-import{_ as e}from"../../_rollupPluginBabelHelpers-4f206abf.js";import t,{useState as n,useRef as r,useEffect as a}from"react";import{Icon as o}from"../Icons/Icon.js";import{Z as s,A as i,I as d}from"../../constants-dd6fd92d.js";import{u as c}from"../../useHover-026f72c1.js";import{u as l}from"../../usePrevious-ae293b10.js";import p from"./styles.module.scss";import{c as m}from"../../index-9b84fabc.js";import _ from"../Icons/ChevronDown.js";import u from"../Icons/ChevronUp.js";import{B as x}from"../../Button-81c39cdc.js";import{u as f}from"../../useSticky-807e5dde.js";import"../../_tslib-51c8a283.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-72869219.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";var g;!function(e){e.small="small",e.large="large"}(g||(g={}));export default function(v){var j=v.title,b=v.children,E=v.size,I=void 0===E?g.small:E,y=v.color,h=v.svgIcon,N=v.expanded,k=void 0!==N&&N,z=v.noNestedLine,H=void 0!==z&&z,w=v.sticky,S=void 0!==w&&w,B=v.testId,C=v.onExpand,L=n(k),W=e(L,2),X=W[0],P=W[1],T=l(X),A=r(null),D=r(null),O=r(null),U=c(D).isHovered,Z=f(A,D),q=Z.isOutsideWindow,F=Z.isLeavingWindow,G=Z.offsetHeight,J=Z.contentWidth,K=S&&X&&q;a((function(){k!==X&&P(k)}),[k]),a((function(){C&&X!==!!T&&C(X)}),[X,C]);var M=function(e){return t.createElement("span",{className:m(p.expander__icon,p["expander__icon--".concat(e)])},t.createElement(o,{svgIcon:X?u:_,size:d.XSmall,isHovered:U}))},Q=m(p.expander__trigger,p["expander__trigger--".concat(I)],I===g.large&&p["expander__trigger--".concat(y||"neutral")],I===g.large&&h&&p["expander__trigger--icon"],X&&p["expander__trigger--expanded"],K&&!F&&p["expander__trigger--sticky"],K&&F&&p["expander__trigger--absolute"]),R=m(p.expander__button,X&&p["expander__button--expanded"],K&&!F&&p["expander__button--sticky"],K&&F&&p["expander__button--absolute"]),V=m(p.expander__content,p["expander__content--".concat(I)],I===g.large&&p["expander__content--".concat(y||"neutral")],I===g.large&&h&&p["expander__content--icon"],X&&p["expander__content--expanded"],I===g.small&&!H&&p["expander__content--nested-line"]);return t.createElement("div",{className:p.expander,ref:A,style:{paddingTop:K&&G?"".concat(G,"px"):void 0}},I===g.large?t.createElement("button",{className:Q,style:{zIndex:U||K?s.ExpanderTrigger:void 0,width:K&&J?"".concat(J,"px"):void 0},"aria-expanded":X,ref:D,onClick:function(){return P(!X)},"data-testid":B,"data-analyticsid":i.Expander},I===g.small&&M("left"),h&&t.createElement("span",{className:m(p.expander__icon,p["expander__icon--left"])},t.createElement(o,{svgIcon:h,size:d.XSmall,isHovered:U})),j,I===g.large&&M("right")):t.createElement(x,{variant:"borderless",className:R,"aria-expanded":X,ref:D,onClick:function(){return P(!X)},testId:B,"data-analyticsid":i.Expander},t.createElement(o,{svgIcon:X?u:_,size:d.XSmall}),j),t.createElement("div",{className:V,ref:O},b))}export{g as ExpanderSize};
+import{_ as e}from"../../_rollupPluginBabelHelpers-4f206abf.js";import t,{useState as n,useRef as r,useEffect as a}from"react";import{Icon as o}from"../Icons/Icon.js";import{Z as s,A as i,I as d}from"../../constants-dd6fd92d.js";import{u as c}from"../../useHover-026f72c1.js";import{u as l}from"../../usePrevious-ae293b10.js";import p from"./styles.module.scss";import{c as m}from"../../index-9b84fabc.js";import _ from"../Icons/ChevronDown.js";import u from"../Icons/ChevronUp.js";import{B as x}from"../../Button-161b8a21.js";import{u as f}from"../../useSticky-807e5dde.js";import"../../_tslib-51c8a283.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-72869219.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";var g;!function(e){e.small="small",e.large="large"}(g||(g={}));export default function(v){var j=v.title,b=v.children,E=v.size,I=void 0===E?g.small:E,y=v.color,h=v.svgIcon,N=v.expanded,k=void 0!==N&&N,z=v.noNestedLine,H=void 0!==z&&z,w=v.sticky,S=void 0!==w&&w,B=v.testId,C=v.onExpand,L=n(k),W=e(L,2),X=W[0],P=W[1],T=l(X),A=r(null),D=r(null),O=r(null),U=c(D).isHovered,Z=f(A,D),q=Z.isOutsideWindow,F=Z.isLeavingWindow,G=Z.offsetHeight,J=Z.contentWidth,K=S&&X&&q;a((function(){k!==X&&P(k)}),[k]),a((function(){C&&X!==!!T&&C(X)}),[X,C]);var M=function(e){return t.createElement("span",{className:m(p.expander__icon,p["expander__icon--".concat(e)])},t.createElement(o,{svgIcon:X?u:_,size:d.XSmall,isHovered:U}))},Q=m(p.expander__trigger,p["expander__trigger--".concat(I)],I===g.large&&p["expander__trigger--".concat(y||"neutral")],I===g.large&&h&&p["expander__trigger--icon"],X&&p["expander__trigger--expanded"],K&&!F&&p["expander__trigger--sticky"],K&&F&&p["expander__trigger--absolute"]),R=m(p.expander__button,X&&p["expander__button--expanded"],K&&!F&&p["expander__button--sticky"],K&&F&&p["expander__button--absolute"]),V=m(p.expander__content,p["expander__content--".concat(I)],I===g.large&&p["expander__content--".concat(y||"neutral")],I===g.large&&h&&p["expander__content--icon"],X&&p["expander__content--expanded"],I===g.small&&!H&&p["expander__content--nested-line"]);return t.createElement("div",{className:p.expander,ref:A,style:{paddingTop:K&&G?"".concat(G,"px"):void 0}},I===g.large?t.createElement("button",{className:Q,style:{zIndex:U||K?s.ExpanderTrigger:void 0,width:K&&J?"".concat(J,"px"):void 0},"aria-expanded":X,ref:D,onClick:function(){return P(!X)},"data-testid":B,"data-analyticsid":i.Expander},I===g.small&&M("left"),h&&t.createElement("span",{className:m(p.expander__icon,p["expander__icon--left"])},t.createElement(o,{svgIcon:h,size:d.XSmall,isHovered:U})),j,I===g.large&&M("right")):t.createElement(x,{variant:"borderless",className:R,"aria-expanded":X,ref:D,onClick:function(){return P(!X)},testId:B,"data-analyticsid":i.Expander},t.createElement(o,{svgIcon:X?u:_,size:d.XSmall}),j),t.createElement("div",{className:V,ref:O},b))}export{g as ExpanderSize};
 //# sourceMappingURL=index.js.map

package/components/FormExample/index.js

@@ -1,2 +1,2 @@
-import r,{createContext as e,useCallback as t,useRef as n,useState as i,useEffect as a,useMemo as u,isValidElement as o}from"react";import{V as s}from"../../Validation-38e94036.js";import{F as c}from"../../FormGroup-59af8a47.js";import{C as l}from"../../Checkbox-77c5eb81.js";import{B as f}from"../../Button-81c39cdc.js";import{R as d}from"../../RadioButton-0b6fb2c2.js";import{T as v}from"../../Textarea-d228fc34.js";import{I as m}from"../../Input-bb2921c2.js";import g from"../Icons/Hospital.js";import"../../index-9b84fabc.js";import"../Validation/styles.module.scss";import"../../constants-dd6fd92d.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../FormGroup/styles.module.scss";import"../../Title-42d581cc.js";import"../Title/styles.module.scss";import"../../uuid-fe7442b7.js";import"../Icons/Check.js";import"../Icons/Icon.js";import"../../_tslib-51c8a283.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../Loader-72869219.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../RadioButton/styles.module.scss";import"../Textarea/styles.module.scss";import"../../useBreakpoint-6eb418f7.js";import"../Input/styles.module.scss";var p=function(r){return r instanceof HTMLElement},b="blur",h="change",y="input",O="onBlur",j="onChange",k="onSubmit",V="onTouched",A="all",E="max",x="min",S="maxLength",w="minLength",D="pattern",F="required",R="validate";var C=function(r){return null==r},I=function(r){return"object"==typeof r},N=function(r){return!C(r)&&!Array.isArray(r)&&I(r)&&!(r instanceof Date)},B=function(r){return/^\w*$/.test(r)},L=function(r){return r.filter(Boolean)},T=function(r){return L(r.replace(/["|']/g,"").replace(/\[/g,".").replace(/\]/g,"").split("."))};function q(r,e,t){for(var n=-1,i=B(e)?[e]:T(e),a=i.length,u=a-1;++n<a;){var o=i[n],s=t;if(n!==u){var c=r[o];s=N(c)||Array.isArray(c)?c:isNaN(+i[n+1])?{}:[]}r[o]=s,r=r[o]}return r}var M=function(r,e){for(var t in void 0===e&&(e={}),r)B(t)?e[t]=r[t]:q(e,t,r[t]);return e},W=function(r){return void 0===r},H=function(r,e,t){void 0===r&&(r={});var n=L(e.split(/[,[\].]+?/)).reduce((function(r,e){return C(r)?r:r[e]}),r);return W(n)||n===r?W(r[e])?t:r[e]:n},_=function(r,e){p(r)&&r.removeEventListener&&(r.removeEventListener(y,e),r.removeEventListener(h,e),r.removeEventListener(b,e))},P={isValid:!1,value:null},z=function(r){return Array.isArray(r)?r.reduce((function(r,e){return e&&e.ref.checked?{isValid:!0,value:e.ref.value}:r}),P):P},U=function(r){return"radio"===r.type},$=function(r){return"file"===r.type},G=function(r){return"checkbox"===r.type},J=function(r){return"select-multiple"===r.type},K={value:!1,isValid:!1},Q={value:!0,isValid:!0},X=function(r){if(Array.isArray(r)){if(r.length>1){var e=r.filter((function(r){return r&&r.ref.checked})).map((function(r){return r.ref.value}));return{value:e,isValid:!!e.length}}var t=r[0].ref,n=t.checked,i=t.value,a=t.attributes;return n?a&&!W(a.value)?W(i)||""===i?Q:{value:i,isValid:!0}:Q:K}return K};function Y(r,e,t,n,i){var a,u=r.current[e];if(u){var o=u.ref,s=o.value,c=o.disabled,l=u.ref,f=u.valueAsNumber,d=u.valueAsDate,v=u.setValueAs;if(c&&n)return;return $(l)?l.files:U(l)?z(u.options).value:J(l)?(a=l.options,[].concat(a).filter((function(r){return r.selected})).map((function(r){return r.value}))):G(l)?X(u.options).value:i?s:f?""===s?NaN:+s:d?l.valueAsDate:v?v(s):s}if(t)return H(t.current,e)}function Z(r){return!r||r instanceof HTMLElement&&r.nodeType!==Node.DOCUMENT_NODE&&Z(r.parentNode)}var rr=function(r){return N(r)&&!Object.keys(r).length},er=function(r){return"boolean"==typeof r};function tr(r,e){var t,n=B(e)?[e]:T(e),i=1==n.length?r:function(r,e){for(var t=e.slice(0,-1).length,n=0;n<t;)r=W(r)?n++:r[e[n++]];return r}(r,n),a=n[n.length-1];i&&delete i[a];for(var u=0;u<n.slice(0,-1).length;u++){var o=-1,s=void 0,c=n.slice(0,-(u+1)),l=c.length-1;for(u>0&&(t=r);++o<c.length;){var f=c[o];s=s?s[f]:r[f],l===o&&(N(s)&&rr(s)||Array.isArray(s)&&!s.filter((function(r){return N(r)&&!rr(r)||er(r)})).length)&&(t?delete t[f]:delete r[f]),t=s}}return r}var nr=function(r,e){return r&&r.ref===e};var ir=function(r){return C(r)||!I(r)};function ar(r,e){if(ir(r)||ir(e))return e;for(var t in e){var n=r[t],i=e[t];try{r[t]=N(n)&&N(i)||Array.isArray(n)&&Array.isArray(i)?ar(n,i):i}catch(r){}}return r}function ur(r,e,t){if(ir(r)||ir(e)||r instanceof Date||e instanceof Date)return r===e;if(!o(r)){var n=Object.keys(r),i=Object.keys(e);if(n.length!==i.length)return!1;for(var a=0,u=n;a<u.length;a+=1){var s=u[a],c=r[s];if(!t||"ref"!==s){var l=e[s];if((N(c)||Array.isArray(c))&&(N(l)||Array.isArray(l))?!ur(c,l,t):c!==l)return!1}}}return!0}function or(r,e,t,n,i){for(var a,u=-1;++u<r.length;){for(var o in r[u])Array.isArray(r[u][o])?(!t[u]&&(t[u]={}),t[u][o]=[],or(r[u][o],H(e[u]||{},o,[]),t[u][o],t[u],o)):ur(H(e[u]||{},o),r[u][o])?q(t[u]||{},o):t[u]=Object.assign(Object.assign({},t[u]),((a={})[o]=!0,a));n&&!t.length&&delete n[i]}return t}var sr=function(r){return"string"==typeof r},cr=function(r,e,t,n,i){var a={},u=function(e){(W(i)||(sr(i)?e.startsWith(i):Array.isArray(i)&&i.find((function(r){return e.startsWith(r)}))))&&(a[e]=Y(r,e,void 0,n))};for(var o in r.current)u(o);return t?M(a):ar(e,M(a))},lr=function(r){return r instanceof RegExp},fr=function(r){return N(r)&&!lr(r)?r:{value:r,message:""}},dr=function(r){return"function"==typeof r},vr=function(r){return sr(r)||o(r)};function mr(r,e,t){if(void 0===t&&(t="validate"),vr(r)||er(r)&&!r)return{type:t,message:vr(r)?r:"",ref:e}}var gr=function(r,e,t,n,i){var a;return e?Object.assign(Object.assign({},t[r]),{types:Object.assign(Object.assign({},t[r]&&t[r].types?t[r].types:{}),(a={},a[n]=i||!0,a))}):{}},pr=async function(r,e,t,n){var i=t.ref,a=t.ref.value,u=t.options,o=t.required,s=t.maxLength,c=t.minLength,l=t.min,f=t.max,d=t.pattern,v=t.validate,m=i.name,g={},p=U(i),b=G(i),h=p||b,y=""===a,O=gr.bind(null,m,e,g),j=function(r,e,t,n,a){void 0===n&&(n=S),void 0===a&&(a=w);var u=r?e:t;g[m]=Object.assign({type:r?n:a,message:u,ref:i},O(r?n:a,u))};if(o&&(!p&&!b&&(y||C(a))||er(a)&&!a||b&&!X(u).isValid||p&&!z(u).isValid)){var k=vr(o)?{value:!!o,message:o}:fr(o),V=k.value,A=k.message;if(V&&(g[m]=Object.assign({type:F,message:A,ref:h?((r.current[m].options||[])[0]||{}).ref:i},O(F,A)),!e))return g}if(!(C(l)&&C(f)||""===a)){var I,B,L=fr(f),T=fr(l);if(isNaN(a)){var q=i.valueAsDate||new Date(a);sr(L.value)&&(I=q>new Date(L.value)),sr(T.value)&&(B=q<new Date(T.value))}else{var M=i.valueAsNumber||parseFloat(a);C(L.value)||(I=M>L.value),C(T.value)||(B=M<T.value)}if((I||B)&&(j(!!I,L.message,T.message,E,x),!e))return g}if(sr(a)&&!y&&(s||c)){var W=fr(s),H=fr(c),_=!C(W.value)&&a.length>W.value,P=!C(H.value)&&a.length<H.value;if((_||P)&&(j(_,W.message,H.message),!e))return g}if(sr(a)&&d&&!y){var $=fr(d),J=$.value,K=$.message;if(lr(J)&&!J.test(a)&&(g[m]=Object.assign({type:D,message:K,ref:i},O(D,K)),!e))return g}if(v){var Q=Y(r,m,n,!1,!0),Z=h&&u?u[0].ref:i;if(dr(v)){var tr=mr(await v(Q),Z);if(tr&&(g[m]=Object.assign(Object.assign({},tr),O(R,tr.message)),!e))return g}else if(N(v)){for(var nr={},ir=0,ar=Object.entries(v);ir<ar.length;ir+=1){var ur=ar[ir],or=ur[0],cr=ur[1];if(!rr(nr)&&!e)break;var pr=mr(await cr(Q),Z,or);pr&&(nr=Object.assign(Object.assign({},pr),O(or,pr.message)),e&&(g[m]=nr))}if(!rr(nr)&&(g[m]=Object.assign({ref:Z},nr),!e))return g}}return g},br=function(r,e,t){for(var n in void 0===t&&(t=[]),e){var i=r+(N(e)?"."+n:"["+n+"]");ir(e[n])?t.push(i):br(i,e[n],t)}return t},hr=function(r,e,t,n,i){var a=void 0;return t.add(e),rr(r)||(a=H(r,e),(N(a)||Array.isArray(a))&&br(e,a).forEach((function(r){return t.add(r)}))),W(a)?i?n:H(n,e):a},yr=function(r){return r.substring(0,r.indexOf("["))},Or=function(r,e){return[].concat(r).some((function(r){return function(r,e){return RegExp(("^"+e+"([|.)\\d+").replace(/\[/g,"\\[").replace(/\]/g,"\\]")).test(r)}(e,r)}))};var jr="undefined"!=typeof window&&"undefined"!=typeof document;function kr(r){var e,t;if(ir(r)||jr&&(r instanceof File||p(r)))return r;if(!["Set","Map","Object","Date","Array"].includes(null===(e=r.constructor)||void 0===e?void 0:e.name))return r;if(r instanceof Date)return t=new Date(r.getTime());if(r instanceof Set){t=new Set;for(var n=0,i=r;n<i.length;n+=1){var a=i[n];t.add(a)}return t}if(r instanceof Map){t=new Map;for(var u=0,o=r.keys();u<o.length;u+=1){var s=o[u];t.set(s,kr(r.get(s)))}return t}for(var c in t=Array.isArray(r)?[]:{},r)t[c]=kr(r[c]);return t}var Vr,Ar=function(r){return{isOnSubmit:!r||r===k,isOnBlur:r===O,isOnChange:r===j,isOnAll:r===A,isOnTouch:r===V}},Er=function(r){return U(r)||G(r)},xr="undefined"==typeof window,Sr=jr?"Proxy"in window:"undefined"!=typeof Proxy;function wr(r){void 0===r&&(r={});var e=r.mode;void 0===e&&(e=k);var o=r.reValidateMode;void 0===o&&(o=j);var s=r.resolver,c=r.context,l=r.defaultValues;void 0===l&&(l={});var f=r.shouldFocusError;void 0===f&&(f=!0);var d=r.shouldUnregister;void 0===d&&(d=!0);var v=r.criteriaMode,m=n({}),g=n({}),O=n({}),V=n(new Set),E=n({}),x=n({}),S=n({}),w=n({}),D=n(l),F=n(!1),R=n(!1),I=n(),T=n({}),P=n({}),z=n(c),K=n(s),Q=n(new Set),X=n(Ar(e)),er=X.current,lr=er.isOnSubmit,fr=er.isOnTouch,vr=v===A,mr=i({isDirty:!1,isValidating:!1,dirtyFields:{},isSubmitted:!1,submitCount:0,touched:{},isSubmitting:!1,isSubmitSuccessful:!1,isValid:!lr,errors:{}}),gr=mr[0],Vr=mr[1],wr=n({isDirty:!Sr,dirtyFields:!Sr,touched:!Sr||fr,isValidating:!Sr,isSubmitting:!Sr,isValid:!Sr}),Dr=n(gr),Fr=n(),Rr=n(Ar(o)).current,Cr=Rr.isOnBlur,Ir=Rr.isOnChange;z.current=c,K.current=s,Dr.current=gr,T.current=d?{}:rr(T.current)?kr(l):T.current;var Nr=t((function(r){void 0===r&&(r={}),F.current||(Dr.current=Object.assign(Object.assign({},Dr.current),r),Vr(Dr.current))}),[]),Br=function(){return wr.current.isValidating&&Nr({isValidating:!0})},Lr=t((function(r,e,t,n,i){void 0===t&&(t=!1),void 0===n&&(n={});var a=t||function(r){var e=r.errors,t=r.name,n=r.error,i=r.validFields,a=r.fieldsWithValidation,u=W(n),o=H(e,t);return u&&!!o||!u&&!ur(o,n,!0)||u&&H(a,t)&&!H(i,t)}({errors:Dr.current.errors,error:e,name:r,validFields:w.current,fieldsWithValidation:S.current}),u=H(Dr.current.errors,r);e?(tr(w.current,r),a=a||!u||!ur(u,e,!0),q(Dr.current.errors,r,e)):((H(S.current,r)||K.current)&&(q(w.current,r,!0),a=a||u),tr(Dr.current.errors,r)),(a&&!C(t)||!rr(n)||wr.current.isValidating)&&Nr(Object.assign(Object.assign(Object.assign({},n),K.current?{isValid:!!i}:{}),{isValidating:!1}))}),[]),Tr=t((function(r,e){var t=m.current[r],n=t.ref,i=t.options,a=jr&&p(n)&&C(e)?"":e;U(n)?(i||[]).forEach((function(r){var e=r.ref;return e.checked=e.value===a})):$(n)&&!sr(a)?n.files=a:J(n)?[].concat(n.options).forEach((function(r){return r.selected=a.includes(r.value)})):G(n)&&i?i.length>1?i.forEach((function(r){var e=r.ref;return e.checked=Array.isArray(a)?!!a.find((function(r){return r===e.value})):a===e.value})):i[0].ref.checked=!!a:n.value=a}),[]),qr=t((function(r,e){if(wr.current.isDirty){var t=Jr();return r&&e&&q(t,r,e),!ur(t,D.current)}return!1}),[]),Mr=t((function(r,e){if(void 0===e&&(e=!0),wr.current.isDirty||wr.current.dirtyFields){var t=!ur(H(D.current,r),Y(m,r,T)),n=H(Dr.current.dirtyFields,r),i=Dr.current.isDirty;t?q(Dr.current.dirtyFields,r,!0):tr(Dr.current.dirtyFields,r);var a={isDirty:qr(),dirtyFields:Dr.current.dirtyFields},u=wr.current.isDirty&&i!==a.isDirty||wr.current.dirtyFields&&n!==H(Dr.current.dirtyFields,r);return u&&e&&Nr(a),u?a:{}}return{}}),[]),Wr=t((async function(r,e){if("production"!==process.env.NODE_ENV&&!m.current[r])return console.warn("📋 Field is missing with `name` attribute: ",r),!1;var t=(await pr(m,vr,m.current[r],T))[r];return Lr(r,t,e),W(t)}),[Lr,vr]),Hr=t((async function(r){var e=(await K.current(Jr(),z.current,vr)).errors,t=Dr.current.isValid;if(Array.isArray(r)){var n=r.map((function(r){var t=H(e,r);return t?q(Dr.current.errors,r,t):tr(Dr.current.errors,r),!t})).every(Boolean);return Nr({isValid:rr(e),isValidating:!1}),n}var i=H(e,r);return Lr(r,i,t!==rr(e),{},rr(e)),!i}),[Lr,vr]),_r=t((async function(r){var e=r||Object.keys(m.current);if(Br(),K.current)return Hr(e);if(Array.isArray(e)){!r&&(Dr.current.errors={});var t=await Promise.all(e.map((async function(r){return await Wr(r,null)})));return Nr({isValidating:!1}),t.every(Boolean)}return await Wr(e)}),[Hr,Wr]),Pr=t((function(r,e,t){var n=t.shouldDirty,i=t.shouldValidate,a={};q(a,r,e);for(var u=0,o=br(r,e);u<o.length;u+=1){var s=o[u];m.current[s]&&(Tr(s,H(a,s)),n&&Mr(s),i&&_r(s))}}),[_r,Tr,Mr]),zr=t((function(r,e,t){var n,i;if(!d&&!ir(e)&&q(T.current,r,Array.isArray(e)?[].concat(e):Object.assign({},e)),m.current[r])Tr(r,e),t.shouldDirty&&Mr(r),t.shouldValidate&&_r(r);else if(!ir(e)&&(Pr(r,e,t),Q.current.has(r))){var a=yr(r)||r;q(g.current,r,e),P.current[a](((n={})[a]=H(g.current,a),n)),(wr.current.isDirty||wr.current.dirtyFields)&&t.shouldDirty&&(q(Dr.current.dirtyFields,r,function(r,e,t){return ar(or(r,e,t.slice(0,r.length)),or(e,r,t.slice(0,r.length)))}(e,H(D.current,r,[]),H(Dr.current.dirtyFields,r,[]))),Nr({isDirty:!ur(Object.assign(Object.assign({},Jr()),(i={},i[r]=e,i)),D.current)}))}!d&&q(T.current,r,e)}),[Mr,Tr,Pr]),Ur=function(r){return R.current||V.current.has(r)||V.current.has((r.match(/\w+/)||[])[0])},$r=function(r){var e=!0;if(!rr(E.current))for(var t in E.current)r&&E.current[t].size&&!E.current[t].has(r)&&!E.current[t].has(yr(r))||(x.current[t](),e=!1);return e};function Gr(r){var e;if(!d){for(var t=kr(r),n=0,i=Q.current;n<i.length;n+=1){var a=i[n];B(a)&&!t[a]&&(t=Object.assign(Object.assign({},t),((e={})[a]=[],e)))}return t}return r}function Jr(r){if(sr(r))return Y(m,r,T);if(Array.isArray(r)){for(var e={},t=0,n=r;t<n.length;t+=1){var i=n[t];q(e,i,Y(m,i,T))}return e}return Gr(cr(m,kr(T.current),d))}I.current=I.current?I.current:async function(r){var e,t,n=r.type,i=r.target,a=i.name,u=m.current[a];if(u){var o=n===b,s=function(r){var e=r.isOnBlur,t=r.isOnChange,n=r.isOnTouch,i=r.isTouched,a=r.isReValidateOnBlur,u=r.isReValidateOnChange,o=r.isBlurEvent,s=r.isSubmitted;return!r.isOnAll&&(!s&&n?!(i||o):(s?a:e)?!o:!(s?u:t)||o)}(Object.assign({isBlurEvent:o,isReValidateOnChange:Ir,isReValidateOnBlur:Cr,isTouched:!!H(Dr.current.touched,a),isSubmitted:Dr.current.isSubmitted},X.current)),c=Mr(a,!1),l=!rr(c)||!o&&Ur(a);if(o&&!H(Dr.current.touched,a)&&wr.current.touched&&(q(Dr.current.touched,a,!0),c=Object.assign(Object.assign({},c),{touched:Dr.current.touched})),!d&&G(i)&&q(T.current,a,Y(m,a)),s)return!o&&$r(a),(!rr(c)||l&&rr(c))&&Nr(c);if(Br(),K.current){var f=(await K.current(Jr(),z.current,vr)).errors,v=Dr.current.isValid;if(e=H(f,a),G(i)&&!e&&K.current){var g=yr(a),p=H(f,g,{});p.type&&p.message&&(e=p),g&&(p||H(Dr.current.errors,g))&&(a=g)}v!==(t=rr(f))&&(l=!0)}else e=(await pr(m,vr,u,T))[a];!o&&$r(a),Lr(a,e,l,c,t)}};var Kr=t((async function(r){void 0===r&&(r={});var e=rr(m.current)?D.current:{},t=(await K.current(Object.assign(Object.assign(Object.assign({},e),Jr()),r),z.current,vr)||{}).errors,n=rr(t);Dr.current.isValid!==n&&Nr({isValid:n})}),[vr]),Qr=t((function(r,e){!function(r,e,t,n,i,a){var u=t.ref,o=t.ref.name,s=r.current[o];if(!i){var c=Y(r,o,n);!W(c)&&q(n.current,o,c)}u.type&&s?U(u)||G(u)?Array.isArray(s.options)&&s.options.length?(L(s.options).forEach((function(r,t){void 0===r&&(r={}),(Z(r.ref)&&nr(r,r.ref)||a)&&(_(r.ref,e),tr(s.options,"["+t+"]"))})),s.options&&!L(s.options).length&&delete r.current[o]):delete r.current[o]:(Z(u)&&nr(s,u)||a)&&(_(u,e),delete r.current[o]):delete r.current[o]}(m,I.current,r,T,d,e),d&&(tr(w.current,r.ref.name),tr(S.current,r.ref.name))}),[d]),Xr=t((function(r){if(R.current)Nr();else{for(var e=0,t=V.current;e<t.length;e+=1){if(t[e].startsWith(r)){Nr();break}}$r(r)}}),[]),Yr=t((function(r,e){r&&(Qr(r,e),d&&!L(r.options||[]).length&&(tr(Dr.current.errors,r.ref.name),q(Dr.current.dirtyFields,r.ref.name,!0),Nr({isDirty:qr()}),wr.current.isValid&&K.current&&Kr(),Xr(r.ref.name)))}),[Kr,Qr]);var Zr=t((function(r,e,t){var n=t?E.current[t]:V.current,i=cr(m,kr(T.current),d,!1,r);if(sr(r)){var a=yr(r)||r;return Q.current.has(a)&&(i=Object.assign(Object.assign({},O.current),i)),hr(i,r,n,W(H(D.current,r))?e:H(D.current,r),!0)}var u=W(e)?D.current:e;return Array.isArray(r)?r.reduce((function(r,e){var t;return Object.assign(Object.assign({},r),((t={})[e]=hr(i,e,n,u),t))}),{}):(R.current=W(t),M(!rr(i)&&i||u))}),[]);function re(r,e){if(void 0===e&&(e={}),"production"!==process.env.NODE_ENV){if(!r.name)return console.warn("📋 Field is missing `name` attribute",r,"https://react-hook-form.com/api#useForm");if(Q.current.has(r.name.split(/\[\d+\]$/)[0])&&!RegExp(("^"+r.name.split(/\[\d+\]$/)[0]+"[\\d+].\\w+").replace(/\[/g,"\\[").replace(/\]/g,"\\]")).test(r.name))return console.warn('📋 `name` prop should be in object shape: name="test[index].name"',r,"https://react-hook-form.com/api#useFieldArray")}var t,n=r.name,i=r.type,a=r.value,u=Object.assign({ref:r},e),o=m.current,s=Er(r),c=Or(Q.current,n),l=function(e){return jr&&(!p(r)||e===r)},f=o[n],v=!0;if(f&&(s?Array.isArray(f.options)&&L(f.options).find((function(r){return a===r.ref.value&&l(r.ref)})):l(f.ref)))o[n]=Object.assign(Object.assign({},f),e);else{f=i?s?Object.assign({options:L(f&&f.options||[]).concat([{ref:r}]),ref:{type:i,name:n}},e):Object.assign({},u):u,o[n]=f;var g=W(H(T.current,n));rr(D.current)&&g||(t=H(g?D.current:T.current,n),(v=W(t))||c||Tr(n,t)),rr(e)||(q(S.current,n,!0),!lr&&wr.current.isValid&&pr(m,vr,f,T).then((function(r){var e=Dr.current.isValid;rr(r)?q(w.current,n,!0):tr(w.current,n),e!==rr(r)&&Nr()}))),!d||c&&v||!c&&tr(Dr.current.dirtyFields,n),i&&function(r,e,t){var n=r.ref;p(n)&&t&&(n.addEventListener(e?h:y,t),n.addEventListener(b,t))}(s&&f.options?f.options[f.options.length-1]:f,s||"select-one"===r.type,I.current)}}var ee=t((function(r,e){return async function(t){t&&t.preventDefault&&(t.preventDefault(),t.persist());var n={},i=Gr(cr(m,kr(T.current),d,!0));wr.current.isSubmitting&&Nr({isSubmitting:!0});try{if(K.current){var a=await K.current(i,z.current,vr),u=a.errors,o=a.values;Dr.current.errors=n=u,i=o}else for(var s=0,c=Object.values(m.current);s<c.length;s+=1){var l=c[s];if(l){var v=l.ref.name,g=await pr(m,vr,l,T);g[v]?(q(n,v,g[v]),tr(w.current,v)):H(S.current,v)&&(tr(Dr.current.errors,v),q(w.current,v,!0))}}rr(n)&&Object.keys(Dr.current.errors).every((function(r){return r in m.current}))?(Nr({errors:{},isSubmitting:!0}),await r(i,t)):(Dr.current.errors=Object.assign(Object.assign({},Dr.current.errors),n),e&&await e(Dr.current.errors,t),f&&function(r,e){for(var t in r)if(H(e,t)){var n=r[t];if(n){if(n.ref.focus&&W(n.ref.focus()))break;if(n.options){n.options[0].ref.focus();break}}}}(m.current,Dr.current.errors))}finally{Dr.current.isSubmitting=!1,Nr({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:rr(Dr.current.errors),submitCount:Dr.current.submitCount+1})}}}),[f,vr]);a((function(){s&&wr.current.isValid&&Kr(),Fr.current=Fr.current||!jr?Fr.current:function(r,e){var t=new MutationObserver((function(){for(var t=0,n=Object.values(r.current);t<n.length;t+=1){var i=n[t];if(i&&i.options)for(var a=0,u=i.options;a<u.length;a+=1){var o=u[a];o&&o.ref&&Z(o.ref)&&e(i)}else i&&Z(i.ref)&&e(i)}}));return t.observe(window.document,{childList:!0,subtree:!0}),t}(m,Yr)}),[Yr,D.current]),a((function(){return function(){Fr.current&&Fr.current.disconnect(),F.current=!0,"production"===process.env.NODE_ENV&&Object.values(m.current).forEach((function(r){return Yr(r,!0)}))}}),[]),!s&&wr.current.isValid&&(gr.isValid=ur(w.current,S.current)&&rr(Dr.current.errors));var te={trigger:_r,setValue:t((function(r,e,t){zr(r,e,t||{}),Ur(r)&&Nr(),$r(r)}),[zr,_r]),getValues:t(Jr,[]),register:t((function(r,e){if(!xr)if(sr(r))re({name:r},e);else{if(!N(r)||!("name"in r))return function(e){return e&&re(e,r)};re(r,e)}}),[D.current]),unregister:t((function(r){for(var e=0,t=Array.isArray(r)?r:[r];e<t.length;e+=1){var n=t[e];Yr(m.current[n],!0)}}),[]),formState:Sr?new Proxy(gr,{get:function(r,e){if("production"!==process.env.NODE_ENV&&"isValid"===e&&lr&&console.warn("📋 `formState.isValid` is applicable with `onTouched`, `onChange` or `onBlur` mode. https://react-hook-form.com/api#formState"),e in r)return wr.current[e]=!0,r[e]}}):gr},ne=u((function(){return Object.assign({isFormDirty:qr,updateWatchedValue:Xr,shouldUnregister:d,updateFormState:Nr,removeFieldEventListener:Qr,watchInternal:Zr,mode:X.current,reValidateMode:{isReValidateOnBlur:Cr,isReValidateOnChange:Ir},validateResolver:s?Kr:void 0,fieldsRef:m,resetFieldArrayFunctionRef:P,useWatchFieldsRef:E,useWatchRenderFunctionsRef:x,fieldArrayDefaultValuesRef:g,validFieldsRef:w,fieldsWithValidationRef:S,fieldArrayNamesRef:Q,readFormStateRef:wr,formStateRef:Dr,defaultValuesRef:D,shallowFieldsStateRef:T,fieldArrayValuesRef:O},te)}),[D.current,Xr,d,Qr,Zr]);return Object.assign({watch:function(r,e){return Zr(r,e)},control:ne,handleSubmit:ee,reset:t((function(r,e){if(void 0===e&&(e={}),jr)for(var t=0,n=Object.values(m.current);t<n.length;t+=1){var i=n[t];if(i){var a=i.ref,u=i.options,o=Er(a)&&Array.isArray(u)?u[0].ref:a;if(p(o))try{o.closest("form").reset();break}catch(r){}}}m.current={},D.current=Object.assign({},r||D.current),r&&$r(""),Object.values(P.current).forEach((function(r){return dr(r)&&r()})),T.current=d?{}:kr(r||D.current),function(r){var e=r.errors,t=r.isDirty,n=r.isSubmitted,i=r.touched,a=r.isValid,u=r.submitCount,o=r.dirtyFields;a||(w.current={},S.current={}),g.current={},V.current=new Set,R.current=!1,Nr({submitCount:u?Dr.current.submitCount:0,isDirty:!!t&&Dr.current.isDirty,isSubmitted:!!n&&Dr.current.isSubmitted,isValid:!!a&&Dr.current.isValid,dirtyFields:o?Dr.current.dirtyFields:{},touched:i?Dr.current.touched:{},errors:e?Dr.current.errors:{},isSubmitting:!1,isSubmitSuccessful:!1})}(e)}),[]),clearErrors:t((function(r){r&&(Array.isArray(r)?r:[r]).forEach((function(r){return m.current[r]&&B(r)?delete Dr.current.errors[r]:tr(Dr.current.errors,r)})),Nr({errors:r?Dr.current.errors:{}})}),[]),setError:t((function(r,e){var t=(m.current[r]||{}).ref;q(Dr.current.errors,r,Object.assign(Object.assign({},e),{ref:t})),Nr({isValid:!1}),e.shouldFocus&&t&&t.focus&&t.focus()}),[]),errors:gr.errors},te)}e(null).displayName="RHFContext",function(r){r.formgroup="formgroup",r.checkbox="checkbox",r.radiobutton="radiobutton",r.textarea="textarea",r.input="input"}(Vr||(Vr={}));var Dr=function(e){var t=e.exampleType,n=void 0===t?Vr.formgroup:t,i=wr(),a=i.register,u=i.handleSubmit,o=i.errors,p=o.formgroup1||o.formgroup2||o.formgroup3||o.formgroup4||o.formgroup5,b="Du må velge et alternativ",h=function(r){return r.length>=2||"Du må velge to alternativ"};return r.createElement("form",{onSubmit:u((function(r){console.log(r)}))},r.createElement(s,{variant:e.variant,errorSummary:p?"Sjekk at alt er riktig utfylt":void 0},n===Vr.formgroup?[r.createElement(c,{key:0,title:"One amazing title",legend:"Check out these checkboxes!",error:o.formgroup1?o.formgroup1.message:void 0,variant:e.variant,name:"formgroup1"},r.createElement(l,{inputId:"checkbox1",label:"Checkbox 1",ref:a({required:b})}),r.createElement(l,{inputId:"checkbox2",label:"Checkbox 2",ref:a({required:b})}),r.createElement(l,{inputId:"checkbox3",label:"Checkbox 3",ref:a({required:b})})),r.createElement(c,{key:1,legend:"Select two options!",error:o.formgroup2?o.formgroup2.message:void 0,variant:e.variant,name:"formgroup2"},r.createElement(l,{inputId:"checkbox4",label:"Checkbox 4",ref:a({validate:h})}),r.createElement(l,{inputId:"checkbox5",label:"Checkbox 5",ref:a({validate:h})}),r.createElement(l,{inputId:"checkbox6",label:"Checkbox 6",ref:a({validate:h})})),r.createElement(c,{key:2,legend:"Select two options!",error:o.formgroup3?o.formgroup3.message:void 0,variant:e.variant,name:"formgroup3"},r.createElement(d,{inputId:"radiobutton1",label:"Radiobutton 1",ref:a({required:b})}),r.createElement(d,{inputId:"radiobutton2",label:"Radiobutton 2",ref:a({required:b})}),r.createElement(d,{inputId:"radiobutton3",label:"Radiobutton 3",ref:a({required:b})})),r.createElement(c,{key:3,error:o.formgroup4?o.formgroup4.message:void 0},r.createElement(v,{defaultValue:"Dette er en test \n\n Hello \n\n test \n\n test test",grow:!0,maxCharacters:40,minRows:5,label:"Skriv din historie her",textareaId:"textarea1",name:"formgroup4",ref:a({maxLength:{value:40,message:"Det kan ikke legges inn mer enn 40 tegn"}})})),r.createElement(c,{name:"formgroup5",key:4,variant:e.variant,error:o.formgroup5?o.formgroup5.message:void 0},r.createElement(m,{label:"Skriv inn din tekst",placeholder:"Skriv noe!",icon:g,ref:a({required:"Du må skrive noe her"})}))]:n===Vr.checkbox?r.createElement(c,{name:"formgroup1",error:o.formgroup1?o.formgroup1.message:void 0},r.createElement(l,{name:"formgroup1",inputId:"checkbox1",label:"Checkbox 1",error:o.formgroup1,variant:e.variant,ref:a({required:b})})):n===Vr.radiobutton?r.createElement(c,{name:"formgroup3",error:o.formgroup3?o.formgroup3.message:void 0},r.createElement(d,{name:"formgroup3",inputId:"radiobutton1",label:"Radiobutton 1",error:o.formgroup3,variant:e.variant,ref:a({required:b})})):n===Vr.textarea?r.createElement(c,{error:o.formgroup4?o.formgroup4.message:void 0},r.createElement(v,{defaultValue:"Dette er min historie \n\n Hello \n\n test",grow:!0,maxCharacters:40,minRows:5,label:"Skriv din historie her",textareaId:"textarea1",name:"formgroup4",ref:a({maxLength:{value:40,message:"Det kan ikke legges inn mer enn 40 tegn"}})})):n===Vr.input?r.createElement(c,{name:"formgroup5",key:4,variant:e.variant,error:o.formgroup5?o.formgroup5.message:void 0},r.createElement(m,{inputId:"input1",label:"Skriv inn din tekst",placeholder:"Skriv noe!",icon:g,ref:a({required:"Du må skrive noe her"})})):void 0),r.createElement(f,null,"Submit"))};export default Dr;export{Dr as FormExample,Vr as FormExampleVariants};
+import r,{createContext as e,useCallback as t,useRef as n,useState as i,useEffect as a,useMemo as u,isValidElement as o}from"react";import{V as s}from"../../Validation-38e94036.js";import{F as c}from"../../FormGroup-59af8a47.js";import{C as l}from"../../Checkbox-77c5eb81.js";import{B as f}from"../../Button-161b8a21.js";import{R as d}from"../../RadioButton-0b6fb2c2.js";import{T as v}from"../../Textarea-d228fc34.js";import{I as m}from"../../Input-bb2921c2.js";import g from"../Icons/Hospital.js";import"../../index-9b84fabc.js";import"../Validation/styles.module.scss";import"../../constants-dd6fd92d.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../FormGroup/styles.module.scss";import"../../Title-42d581cc.js";import"../Title/styles.module.scss";import"../../uuid-fe7442b7.js";import"../Icons/Check.js";import"../Icons/Icon.js";import"../../_tslib-51c8a283.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../Loader-72869219.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../RadioButton/styles.module.scss";import"../Textarea/styles.module.scss";import"../../useBreakpoint-6eb418f7.js";import"../Input/styles.module.scss";var p=function(r){return r instanceof HTMLElement},b="blur",h="change",y="input",O="onBlur",j="onChange",k="onSubmit",V="onTouched",A="all",E="max",x="min",S="maxLength",w="minLength",D="pattern",F="required",R="validate";var C=function(r){return null==r},I=function(r){return"object"==typeof r},N=function(r){return!C(r)&&!Array.isArray(r)&&I(r)&&!(r instanceof Date)},B=function(r){return/^\w*$/.test(r)},L=function(r){return r.filter(Boolean)},T=function(r){return L(r.replace(/["|']/g,"").replace(/\[/g,".").replace(/\]/g,"").split("."))};function q(r,e,t){for(var n=-1,i=B(e)?[e]:T(e),a=i.length,u=a-1;++n<a;){var o=i[n],s=t;if(n!==u){var c=r[o];s=N(c)||Array.isArray(c)?c:isNaN(+i[n+1])?{}:[]}r[o]=s,r=r[o]}return r}var M=function(r,e){for(var t in void 0===e&&(e={}),r)B(t)?e[t]=r[t]:q(e,t,r[t]);return e},W=function(r){return void 0===r},H=function(r,e,t){void 0===r&&(r={});var n=L(e.split(/[,[\].]+?/)).reduce((function(r,e){return C(r)?r:r[e]}),r);return W(n)||n===r?W(r[e])?t:r[e]:n},_=function(r,e){p(r)&&r.removeEventListener&&(r.removeEventListener(y,e),r.removeEventListener(h,e),r.removeEventListener(b,e))},P={isValid:!1,value:null},z=function(r){return Array.isArray(r)?r.reduce((function(r,e){return e&&e.ref.checked?{isValid:!0,value:e.ref.value}:r}),P):P},U=function(r){return"radio"===r.type},$=function(r){return"file"===r.type},G=function(r){return"checkbox"===r.type},J=function(r){return"select-multiple"===r.type},K={value:!1,isValid:!1},Q={value:!0,isValid:!0},X=function(r){if(Array.isArray(r)){if(r.length>1){var e=r.filter((function(r){return r&&r.ref.checked})).map((function(r){return r.ref.value}));return{value:e,isValid:!!e.length}}var t=r[0].ref,n=t.checked,i=t.value,a=t.attributes;return n?a&&!W(a.value)?W(i)||""===i?Q:{value:i,isValid:!0}:Q:K}return K};function Y(r,e,t,n,i){var a,u=r.current[e];if(u){var o=u.ref,s=o.value,c=o.disabled,l=u.ref,f=u.valueAsNumber,d=u.valueAsDate,v=u.setValueAs;if(c&&n)return;return $(l)?l.files:U(l)?z(u.options).value:J(l)?(a=l.options,[].concat(a).filter((function(r){return r.selected})).map((function(r){return r.value}))):G(l)?X(u.options).value:i?s:f?""===s?NaN:+s:d?l.valueAsDate:v?v(s):s}if(t)return H(t.current,e)}function Z(r){return!r||r instanceof HTMLElement&&r.nodeType!==Node.DOCUMENT_NODE&&Z(r.parentNode)}var rr=function(r){return N(r)&&!Object.keys(r).length},er=function(r){return"boolean"==typeof r};function tr(r,e){var t,n=B(e)?[e]:T(e),i=1==n.length?r:function(r,e){for(var t=e.slice(0,-1).length,n=0;n<t;)r=W(r)?n++:r[e[n++]];return r}(r,n),a=n[n.length-1];i&&delete i[a];for(var u=0;u<n.slice(0,-1).length;u++){var o=-1,s=void 0,c=n.slice(0,-(u+1)),l=c.length-1;for(u>0&&(t=r);++o<c.length;){var f=c[o];s=s?s[f]:r[f],l===o&&(N(s)&&rr(s)||Array.isArray(s)&&!s.filter((function(r){return N(r)&&!rr(r)||er(r)})).length)&&(t?delete t[f]:delete r[f]),t=s}}return r}var nr=function(r,e){return r&&r.ref===e};var ir=function(r){return C(r)||!I(r)};function ar(r,e){if(ir(r)||ir(e))return e;for(var t in e){var n=r[t],i=e[t];try{r[t]=N(n)&&N(i)||Array.isArray(n)&&Array.isArray(i)?ar(n,i):i}catch(r){}}return r}function ur(r,e,t){if(ir(r)||ir(e)||r instanceof Date||e instanceof Date)return r===e;if(!o(r)){var n=Object.keys(r),i=Object.keys(e);if(n.length!==i.length)return!1;for(var a=0,u=n;a<u.length;a+=1){var s=u[a],c=r[s];if(!t||"ref"!==s){var l=e[s];if((N(c)||Array.isArray(c))&&(N(l)||Array.isArray(l))?!ur(c,l,t):c!==l)return!1}}}return!0}function or(r,e,t,n,i){for(var a,u=-1;++u<r.length;){for(var o in r[u])Array.isArray(r[u][o])?(!t[u]&&(t[u]={}),t[u][o]=[],or(r[u][o],H(e[u]||{},o,[]),t[u][o],t[u],o)):ur(H(e[u]||{},o),r[u][o])?q(t[u]||{},o):t[u]=Object.assign(Object.assign({},t[u]),((a={})[o]=!0,a));n&&!t.length&&delete n[i]}return t}var sr=function(r){return"string"==typeof r},cr=function(r,e,t,n,i){var a={},u=function(e){(W(i)||(sr(i)?e.startsWith(i):Array.isArray(i)&&i.find((function(r){return e.startsWith(r)}))))&&(a[e]=Y(r,e,void 0,n))};for(var o in r.current)u(o);return t?M(a):ar(e,M(a))},lr=function(r){return r instanceof RegExp},fr=function(r){return N(r)&&!lr(r)?r:{value:r,message:""}},dr=function(r){return"function"==typeof r},vr=function(r){return sr(r)||o(r)};function mr(r,e,t){if(void 0===t&&(t="validate"),vr(r)||er(r)&&!r)return{type:t,message:vr(r)?r:"",ref:e}}var gr=function(r,e,t,n,i){var a;return e?Object.assign(Object.assign({},t[r]),{types:Object.assign(Object.assign({},t[r]&&t[r].types?t[r].types:{}),(a={},a[n]=i||!0,a))}):{}},pr=async function(r,e,t,n){var i=t.ref,a=t.ref.value,u=t.options,o=t.required,s=t.maxLength,c=t.minLength,l=t.min,f=t.max,d=t.pattern,v=t.validate,m=i.name,g={},p=U(i),b=G(i),h=p||b,y=""===a,O=gr.bind(null,m,e,g),j=function(r,e,t,n,a){void 0===n&&(n=S),void 0===a&&(a=w);var u=r?e:t;g[m]=Object.assign({type:r?n:a,message:u,ref:i},O(r?n:a,u))};if(o&&(!p&&!b&&(y||C(a))||er(a)&&!a||b&&!X(u).isValid||p&&!z(u).isValid)){var k=vr(o)?{value:!!o,message:o}:fr(o),V=k.value,A=k.message;if(V&&(g[m]=Object.assign({type:F,message:A,ref:h?((r.current[m].options||[])[0]||{}).ref:i},O(F,A)),!e))return g}if(!(C(l)&&C(f)||""===a)){var I,B,L=fr(f),T=fr(l);if(isNaN(a)){var q=i.valueAsDate||new Date(a);sr(L.value)&&(I=q>new Date(L.value)),sr(T.value)&&(B=q<new Date(T.value))}else{var M=i.valueAsNumber||parseFloat(a);C(L.value)||(I=M>L.value),C(T.value)||(B=M<T.value)}if((I||B)&&(j(!!I,L.message,T.message,E,x),!e))return g}if(sr(a)&&!y&&(s||c)){var W=fr(s),H=fr(c),_=!C(W.value)&&a.length>W.value,P=!C(H.value)&&a.length<H.value;if((_||P)&&(j(_,W.message,H.message),!e))return g}if(sr(a)&&d&&!y){var $=fr(d),J=$.value,K=$.message;if(lr(J)&&!J.test(a)&&(g[m]=Object.assign({type:D,message:K,ref:i},O(D,K)),!e))return g}if(v){var Q=Y(r,m,n,!1,!0),Z=h&&u?u[0].ref:i;if(dr(v)){var tr=mr(await v(Q),Z);if(tr&&(g[m]=Object.assign(Object.assign({},tr),O(R,tr.message)),!e))return g}else if(N(v)){for(var nr={},ir=0,ar=Object.entries(v);ir<ar.length;ir+=1){var ur=ar[ir],or=ur[0],cr=ur[1];if(!rr(nr)&&!e)break;var pr=mr(await cr(Q),Z,or);pr&&(nr=Object.assign(Object.assign({},pr),O(or,pr.message)),e&&(g[m]=nr))}if(!rr(nr)&&(g[m]=Object.assign({ref:Z},nr),!e))return g}}return g},br=function(r,e,t){for(var n in void 0===t&&(t=[]),e){var i=r+(N(e)?"."+n:"["+n+"]");ir(e[n])?t.push(i):br(i,e[n],t)}return t},hr=function(r,e,t,n,i){var a=void 0;return t.add(e),rr(r)||(a=H(r,e),(N(a)||Array.isArray(a))&&br(e,a).forEach((function(r){return t.add(r)}))),W(a)?i?n:H(n,e):a},yr=function(r){return r.substring(0,r.indexOf("["))},Or=function(r,e){return[].concat(r).some((function(r){return function(r,e){return RegExp(("^"+e+"([|.)\\d+").replace(/\[/g,"\\[").replace(/\]/g,"\\]")).test(r)}(e,r)}))};var jr="undefined"!=typeof window&&"undefined"!=typeof document;function kr(r){var e,t;if(ir(r)||jr&&(r instanceof File||p(r)))return r;if(!["Set","Map","Object","Date","Array"].includes(null===(e=r.constructor)||void 0===e?void 0:e.name))return r;if(r instanceof Date)return t=new Date(r.getTime());if(r instanceof Set){t=new Set;for(var n=0,i=r;n<i.length;n+=1){var a=i[n];t.add(a)}return t}if(r instanceof Map){t=new Map;for(var u=0,o=r.keys();u<o.length;u+=1){var s=o[u];t.set(s,kr(r.get(s)))}return t}for(var c in t=Array.isArray(r)?[]:{},r)t[c]=kr(r[c]);return t}var Vr,Ar=function(r){return{isOnSubmit:!r||r===k,isOnBlur:r===O,isOnChange:r===j,isOnAll:r===A,isOnTouch:r===V}},Er=function(r){return U(r)||G(r)},xr="undefined"==typeof window,Sr=jr?"Proxy"in window:"undefined"!=typeof Proxy;function wr(r){void 0===r&&(r={});var e=r.mode;void 0===e&&(e=k);var o=r.reValidateMode;void 0===o&&(o=j);var s=r.resolver,c=r.context,l=r.defaultValues;void 0===l&&(l={});var f=r.shouldFocusError;void 0===f&&(f=!0);var d=r.shouldUnregister;void 0===d&&(d=!0);var v=r.criteriaMode,m=n({}),g=n({}),O=n({}),V=n(new Set),E=n({}),x=n({}),S=n({}),w=n({}),D=n(l),F=n(!1),R=n(!1),I=n(),T=n({}),P=n({}),z=n(c),K=n(s),Q=n(new Set),X=n(Ar(e)),er=X.current,lr=er.isOnSubmit,fr=er.isOnTouch,vr=v===A,mr=i({isDirty:!1,isValidating:!1,dirtyFields:{},isSubmitted:!1,submitCount:0,touched:{},isSubmitting:!1,isSubmitSuccessful:!1,isValid:!lr,errors:{}}),gr=mr[0],Vr=mr[1],wr=n({isDirty:!Sr,dirtyFields:!Sr,touched:!Sr||fr,isValidating:!Sr,isSubmitting:!Sr,isValid:!Sr}),Dr=n(gr),Fr=n(),Rr=n(Ar(o)).current,Cr=Rr.isOnBlur,Ir=Rr.isOnChange;z.current=c,K.current=s,Dr.current=gr,T.current=d?{}:rr(T.current)?kr(l):T.current;var Nr=t((function(r){void 0===r&&(r={}),F.current||(Dr.current=Object.assign(Object.assign({},Dr.current),r),Vr(Dr.current))}),[]),Br=function(){return wr.current.isValidating&&Nr({isValidating:!0})},Lr=t((function(r,e,t,n,i){void 0===t&&(t=!1),void 0===n&&(n={});var a=t||function(r){var e=r.errors,t=r.name,n=r.error,i=r.validFields,a=r.fieldsWithValidation,u=W(n),o=H(e,t);return u&&!!o||!u&&!ur(o,n,!0)||u&&H(a,t)&&!H(i,t)}({errors:Dr.current.errors,error:e,name:r,validFields:w.current,fieldsWithValidation:S.current}),u=H(Dr.current.errors,r);e?(tr(w.current,r),a=a||!u||!ur(u,e,!0),q(Dr.current.errors,r,e)):((H(S.current,r)||K.current)&&(q(w.current,r,!0),a=a||u),tr(Dr.current.errors,r)),(a&&!C(t)||!rr(n)||wr.current.isValidating)&&Nr(Object.assign(Object.assign(Object.assign({},n),K.current?{isValid:!!i}:{}),{isValidating:!1}))}),[]),Tr=t((function(r,e){var t=m.current[r],n=t.ref,i=t.options,a=jr&&p(n)&&C(e)?"":e;U(n)?(i||[]).forEach((function(r){var e=r.ref;return e.checked=e.value===a})):$(n)&&!sr(a)?n.files=a:J(n)?[].concat(n.options).forEach((function(r){return r.selected=a.includes(r.value)})):G(n)&&i?i.length>1?i.forEach((function(r){var e=r.ref;return e.checked=Array.isArray(a)?!!a.find((function(r){return r===e.value})):a===e.value})):i[0].ref.checked=!!a:n.value=a}),[]),qr=t((function(r,e){if(wr.current.isDirty){var t=Jr();return r&&e&&q(t,r,e),!ur(t,D.current)}return!1}),[]),Mr=t((function(r,e){if(void 0===e&&(e=!0),wr.current.isDirty||wr.current.dirtyFields){var t=!ur(H(D.current,r),Y(m,r,T)),n=H(Dr.current.dirtyFields,r),i=Dr.current.isDirty;t?q(Dr.current.dirtyFields,r,!0):tr(Dr.current.dirtyFields,r);var a={isDirty:qr(),dirtyFields:Dr.current.dirtyFields},u=wr.current.isDirty&&i!==a.isDirty||wr.current.dirtyFields&&n!==H(Dr.current.dirtyFields,r);return u&&e&&Nr(a),u?a:{}}return{}}),[]),Wr=t((async function(r,e){if("production"!==process.env.NODE_ENV&&!m.current[r])return console.warn("📋 Field is missing with `name` attribute: ",r),!1;var t=(await pr(m,vr,m.current[r],T))[r];return Lr(r,t,e),W(t)}),[Lr,vr]),Hr=t((async function(r){var e=(await K.current(Jr(),z.current,vr)).errors,t=Dr.current.isValid;if(Array.isArray(r)){var n=r.map((function(r){var t=H(e,r);return t?q(Dr.current.errors,r,t):tr(Dr.current.errors,r),!t})).every(Boolean);return Nr({isValid:rr(e),isValidating:!1}),n}var i=H(e,r);return Lr(r,i,t!==rr(e),{},rr(e)),!i}),[Lr,vr]),_r=t((async function(r){var e=r||Object.keys(m.current);if(Br(),K.current)return Hr(e);if(Array.isArray(e)){!r&&(Dr.current.errors={});var t=await Promise.all(e.map((async function(r){return await Wr(r,null)})));return Nr({isValidating:!1}),t.every(Boolean)}return await Wr(e)}),[Hr,Wr]),Pr=t((function(r,e,t){var n=t.shouldDirty,i=t.shouldValidate,a={};q(a,r,e);for(var u=0,o=br(r,e);u<o.length;u+=1){var s=o[u];m.current[s]&&(Tr(s,H(a,s)),n&&Mr(s),i&&_r(s))}}),[_r,Tr,Mr]),zr=t((function(r,e,t){var n,i;if(!d&&!ir(e)&&q(T.current,r,Array.isArray(e)?[].concat(e):Object.assign({},e)),m.current[r])Tr(r,e),t.shouldDirty&&Mr(r),t.shouldValidate&&_r(r);else if(!ir(e)&&(Pr(r,e,t),Q.current.has(r))){var a=yr(r)||r;q(g.current,r,e),P.current[a](((n={})[a]=H(g.current,a),n)),(wr.current.isDirty||wr.current.dirtyFields)&&t.shouldDirty&&(q(Dr.current.dirtyFields,r,function(r,e,t){return ar(or(r,e,t.slice(0,r.length)),or(e,r,t.slice(0,r.length)))}(e,H(D.current,r,[]),H(Dr.current.dirtyFields,r,[]))),Nr({isDirty:!ur(Object.assign(Object.assign({},Jr()),(i={},i[r]=e,i)),D.current)}))}!d&&q(T.current,r,e)}),[Mr,Tr,Pr]),Ur=function(r){return R.current||V.current.has(r)||V.current.has((r.match(/\w+/)||[])[0])},$r=function(r){var e=!0;if(!rr(E.current))for(var t in E.current)r&&E.current[t].size&&!E.current[t].has(r)&&!E.current[t].has(yr(r))||(x.current[t](),e=!1);return e};function Gr(r){var e;if(!d){for(var t=kr(r),n=0,i=Q.current;n<i.length;n+=1){var a=i[n];B(a)&&!t[a]&&(t=Object.assign(Object.assign({},t),((e={})[a]=[],e)))}return t}return r}function Jr(r){if(sr(r))return Y(m,r,T);if(Array.isArray(r)){for(var e={},t=0,n=r;t<n.length;t+=1){var i=n[t];q(e,i,Y(m,i,T))}return e}return Gr(cr(m,kr(T.current),d))}I.current=I.current?I.current:async function(r){var e,t,n=r.type,i=r.target,a=i.name,u=m.current[a];if(u){var o=n===b,s=function(r){var e=r.isOnBlur,t=r.isOnChange,n=r.isOnTouch,i=r.isTouched,a=r.isReValidateOnBlur,u=r.isReValidateOnChange,o=r.isBlurEvent,s=r.isSubmitted;return!r.isOnAll&&(!s&&n?!(i||o):(s?a:e)?!o:!(s?u:t)||o)}(Object.assign({isBlurEvent:o,isReValidateOnChange:Ir,isReValidateOnBlur:Cr,isTouched:!!H(Dr.current.touched,a),isSubmitted:Dr.current.isSubmitted},X.current)),c=Mr(a,!1),l=!rr(c)||!o&&Ur(a);if(o&&!H(Dr.current.touched,a)&&wr.current.touched&&(q(Dr.current.touched,a,!0),c=Object.assign(Object.assign({},c),{touched:Dr.current.touched})),!d&&G(i)&&q(T.current,a,Y(m,a)),s)return!o&&$r(a),(!rr(c)||l&&rr(c))&&Nr(c);if(Br(),K.current){var f=(await K.current(Jr(),z.current,vr)).errors,v=Dr.current.isValid;if(e=H(f,a),G(i)&&!e&&K.current){var g=yr(a),p=H(f,g,{});p.type&&p.message&&(e=p),g&&(p||H(Dr.current.errors,g))&&(a=g)}v!==(t=rr(f))&&(l=!0)}else e=(await pr(m,vr,u,T))[a];!o&&$r(a),Lr(a,e,l,c,t)}};var Kr=t((async function(r){void 0===r&&(r={});var e=rr(m.current)?D.current:{},t=(await K.current(Object.assign(Object.assign(Object.assign({},e),Jr()),r),z.current,vr)||{}).errors,n=rr(t);Dr.current.isValid!==n&&Nr({isValid:n})}),[vr]),Qr=t((function(r,e){!function(r,e,t,n,i,a){var u=t.ref,o=t.ref.name,s=r.current[o];if(!i){var c=Y(r,o,n);!W(c)&&q(n.current,o,c)}u.type&&s?U(u)||G(u)?Array.isArray(s.options)&&s.options.length?(L(s.options).forEach((function(r,t){void 0===r&&(r={}),(Z(r.ref)&&nr(r,r.ref)||a)&&(_(r.ref,e),tr(s.options,"["+t+"]"))})),s.options&&!L(s.options).length&&delete r.current[o]):delete r.current[o]:(Z(u)&&nr(s,u)||a)&&(_(u,e),delete r.current[o]):delete r.current[o]}(m,I.current,r,T,d,e),d&&(tr(w.current,r.ref.name),tr(S.current,r.ref.name))}),[d]),Xr=t((function(r){if(R.current)Nr();else{for(var e=0,t=V.current;e<t.length;e+=1){if(t[e].startsWith(r)){Nr();break}}$r(r)}}),[]),Yr=t((function(r,e){r&&(Qr(r,e),d&&!L(r.options||[]).length&&(tr(Dr.current.errors,r.ref.name),q(Dr.current.dirtyFields,r.ref.name,!0),Nr({isDirty:qr()}),wr.current.isValid&&K.current&&Kr(),Xr(r.ref.name)))}),[Kr,Qr]);var Zr=t((function(r,e,t){var n=t?E.current[t]:V.current,i=cr(m,kr(T.current),d,!1,r);if(sr(r)){var a=yr(r)||r;return Q.current.has(a)&&(i=Object.assign(Object.assign({},O.current),i)),hr(i,r,n,W(H(D.current,r))?e:H(D.current,r),!0)}var u=W(e)?D.current:e;return Array.isArray(r)?r.reduce((function(r,e){var t;return Object.assign(Object.assign({},r),((t={})[e]=hr(i,e,n,u),t))}),{}):(R.current=W(t),M(!rr(i)&&i||u))}),[]);function re(r,e){if(void 0===e&&(e={}),"production"!==process.env.NODE_ENV){if(!r.name)return console.warn("📋 Field is missing `name` attribute",r,"https://react-hook-form.com/api#useForm");if(Q.current.has(r.name.split(/\[\d+\]$/)[0])&&!RegExp(("^"+r.name.split(/\[\d+\]$/)[0]+"[\\d+].\\w+").replace(/\[/g,"\\[").replace(/\]/g,"\\]")).test(r.name))return console.warn('📋 `name` prop should be in object shape: name="test[index].name"',r,"https://react-hook-form.com/api#useFieldArray")}var t,n=r.name,i=r.type,a=r.value,u=Object.assign({ref:r},e),o=m.current,s=Er(r),c=Or(Q.current,n),l=function(e){return jr&&(!p(r)||e===r)},f=o[n],v=!0;if(f&&(s?Array.isArray(f.options)&&L(f.options).find((function(r){return a===r.ref.value&&l(r.ref)})):l(f.ref)))o[n]=Object.assign(Object.assign({},f),e);else{f=i?s?Object.assign({options:L(f&&f.options||[]).concat([{ref:r}]),ref:{type:i,name:n}},e):Object.assign({},u):u,o[n]=f;var g=W(H(T.current,n));rr(D.current)&&g||(t=H(g?D.current:T.current,n),(v=W(t))||c||Tr(n,t)),rr(e)||(q(S.current,n,!0),!lr&&wr.current.isValid&&pr(m,vr,f,T).then((function(r){var e=Dr.current.isValid;rr(r)?q(w.current,n,!0):tr(w.current,n),e!==rr(r)&&Nr()}))),!d||c&&v||!c&&tr(Dr.current.dirtyFields,n),i&&function(r,e,t){var n=r.ref;p(n)&&t&&(n.addEventListener(e?h:y,t),n.addEventListener(b,t))}(s&&f.options?f.options[f.options.length-1]:f,s||"select-one"===r.type,I.current)}}var ee=t((function(r,e){return async function(t){t&&t.preventDefault&&(t.preventDefault(),t.persist());var n={},i=Gr(cr(m,kr(T.current),d,!0));wr.current.isSubmitting&&Nr({isSubmitting:!0});try{if(K.current){var a=await K.current(i,z.current,vr),u=a.errors,o=a.values;Dr.current.errors=n=u,i=o}else for(var s=0,c=Object.values(m.current);s<c.length;s+=1){var l=c[s];if(l){var v=l.ref.name,g=await pr(m,vr,l,T);g[v]?(q(n,v,g[v]),tr(w.current,v)):H(S.current,v)&&(tr(Dr.current.errors,v),q(w.current,v,!0))}}rr(n)&&Object.keys(Dr.current.errors).every((function(r){return r in m.current}))?(Nr({errors:{},isSubmitting:!0}),await r(i,t)):(Dr.current.errors=Object.assign(Object.assign({},Dr.current.errors),n),e&&await e(Dr.current.errors,t),f&&function(r,e){for(var t in r)if(H(e,t)){var n=r[t];if(n){if(n.ref.focus&&W(n.ref.focus()))break;if(n.options){n.options[0].ref.focus();break}}}}(m.current,Dr.current.errors))}finally{Dr.current.isSubmitting=!1,Nr({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:rr(Dr.current.errors),submitCount:Dr.current.submitCount+1})}}}),[f,vr]);a((function(){s&&wr.current.isValid&&Kr(),Fr.current=Fr.current||!jr?Fr.current:function(r,e){var t=new MutationObserver((function(){for(var t=0,n=Object.values(r.current);t<n.length;t+=1){var i=n[t];if(i&&i.options)for(var a=0,u=i.options;a<u.length;a+=1){var o=u[a];o&&o.ref&&Z(o.ref)&&e(i)}else i&&Z(i.ref)&&e(i)}}));return t.observe(window.document,{childList:!0,subtree:!0}),t}(m,Yr)}),[Yr,D.current]),a((function(){return function(){Fr.current&&Fr.current.disconnect(),F.current=!0,"production"===process.env.NODE_ENV&&Object.values(m.current).forEach((function(r){return Yr(r,!0)}))}}),[]),!s&&wr.current.isValid&&(gr.isValid=ur(w.current,S.current)&&rr(Dr.current.errors));var te={trigger:_r,setValue:t((function(r,e,t){zr(r,e,t||{}),Ur(r)&&Nr(),$r(r)}),[zr,_r]),getValues:t(Jr,[]),register:t((function(r,e){if(!xr)if(sr(r))re({name:r},e);else{if(!N(r)||!("name"in r))return function(e){return e&&re(e,r)};re(r,e)}}),[D.current]),unregister:t((function(r){for(var e=0,t=Array.isArray(r)?r:[r];e<t.length;e+=1){var n=t[e];Yr(m.current[n],!0)}}),[]),formState:Sr?new Proxy(gr,{get:function(r,e){if("production"!==process.env.NODE_ENV&&"isValid"===e&&lr&&console.warn("📋 `formState.isValid` is applicable with `onTouched`, `onChange` or `onBlur` mode. https://react-hook-form.com/api#formState"),e in r)return wr.current[e]=!0,r[e]}}):gr},ne=u((function(){return Object.assign({isFormDirty:qr,updateWatchedValue:Xr,shouldUnregister:d,updateFormState:Nr,removeFieldEventListener:Qr,watchInternal:Zr,mode:X.current,reValidateMode:{isReValidateOnBlur:Cr,isReValidateOnChange:Ir},validateResolver:s?Kr:void 0,fieldsRef:m,resetFieldArrayFunctionRef:P,useWatchFieldsRef:E,useWatchRenderFunctionsRef:x,fieldArrayDefaultValuesRef:g,validFieldsRef:w,fieldsWithValidationRef:S,fieldArrayNamesRef:Q,readFormStateRef:wr,formStateRef:Dr,defaultValuesRef:D,shallowFieldsStateRef:T,fieldArrayValuesRef:O},te)}),[D.current,Xr,d,Qr,Zr]);return Object.assign({watch:function(r,e){return Zr(r,e)},control:ne,handleSubmit:ee,reset:t((function(r,e){if(void 0===e&&(e={}),jr)for(var t=0,n=Object.values(m.current);t<n.length;t+=1){var i=n[t];if(i){var a=i.ref,u=i.options,o=Er(a)&&Array.isArray(u)?u[0].ref:a;if(p(o))try{o.closest("form").reset();break}catch(r){}}}m.current={},D.current=Object.assign({},r||D.current),r&&$r(""),Object.values(P.current).forEach((function(r){return dr(r)&&r()})),T.current=d?{}:kr(r||D.current),function(r){var e=r.errors,t=r.isDirty,n=r.isSubmitted,i=r.touched,a=r.isValid,u=r.submitCount,o=r.dirtyFields;a||(w.current={},S.current={}),g.current={},V.current=new Set,R.current=!1,Nr({submitCount:u?Dr.current.submitCount:0,isDirty:!!t&&Dr.current.isDirty,isSubmitted:!!n&&Dr.current.isSubmitted,isValid:!!a&&Dr.current.isValid,dirtyFields:o?Dr.current.dirtyFields:{},touched:i?Dr.current.touched:{},errors:e?Dr.current.errors:{},isSubmitting:!1,isSubmitSuccessful:!1})}(e)}),[]),clearErrors:t((function(r){r&&(Array.isArray(r)?r:[r]).forEach((function(r){return m.current[r]&&B(r)?delete Dr.current.errors[r]:tr(Dr.current.errors,r)})),Nr({errors:r?Dr.current.errors:{}})}),[]),setError:t((function(r,e){var t=(m.current[r]||{}).ref;q(Dr.current.errors,r,Object.assign(Object.assign({},e),{ref:t})),Nr({isValid:!1}),e.shouldFocus&&t&&t.focus&&t.focus()}),[]),errors:gr.errors},te)}e(null).displayName="RHFContext",function(r){r.formgroup="formgroup",r.checkbox="checkbox",r.radiobutton="radiobutton",r.textarea="textarea",r.input="input"}(Vr||(Vr={}));var Dr=function(e){var t=e.exampleType,n=void 0===t?Vr.formgroup:t,i=wr(),a=i.register,u=i.handleSubmit,o=i.errors,p=o.formgroup1||o.formgroup2||o.formgroup3||o.formgroup4||o.formgroup5,b="Du må velge et alternativ",h=function(r){return r.length>=2||"Du må velge to alternativ"};return r.createElement("form",{onSubmit:u((function(r){console.log(r)}))},r.createElement(s,{variant:e.variant,errorSummary:p?"Sjekk at alt er riktig utfylt":void 0},n===Vr.formgroup?[r.createElement(c,{key:0,title:"One amazing title",legend:"Check out these checkboxes!",error:o.formgroup1?o.formgroup1.message:void 0,variant:e.variant,name:"formgroup1"},r.createElement(l,{inputId:"checkbox1",label:"Checkbox 1",ref:a({required:b})}),r.createElement(l,{inputId:"checkbox2",label:"Checkbox 2",ref:a({required:b})}),r.createElement(l,{inputId:"checkbox3",label:"Checkbox 3",ref:a({required:b})})),r.createElement(c,{key:1,legend:"Select two options!",error:o.formgroup2?o.formgroup2.message:void 0,variant:e.variant,name:"formgroup2"},r.createElement(l,{inputId:"checkbox4",label:"Checkbox 4",ref:a({validate:h})}),r.createElement(l,{inputId:"checkbox5",label:"Checkbox 5",ref:a({validate:h})}),r.createElement(l,{inputId:"checkbox6",label:"Checkbox 6",ref:a({validate:h})})),r.createElement(c,{key:2,legend:"Select two options!",error:o.formgroup3?o.formgroup3.message:void 0,variant:e.variant,name:"formgroup3"},r.createElement(d,{inputId:"radiobutton1",label:"Radiobutton 1",ref:a({required:b})}),r.createElement(d,{inputId:"radiobutton2",label:"Radiobutton 2",ref:a({required:b})}),r.createElement(d,{inputId:"radiobutton3",label:"Radiobutton 3",ref:a({required:b})})),r.createElement(c,{key:3,error:o.formgroup4?o.formgroup4.message:void 0},r.createElement(v,{defaultValue:"Dette er en test \n\n Hello \n\n test \n\n test test",grow:!0,maxCharacters:40,minRows:5,label:"Skriv din historie her",textareaId:"textarea1",name:"formgroup4",ref:a({maxLength:{value:40,message:"Det kan ikke legges inn mer enn 40 tegn"}})})),r.createElement(c,{name:"formgroup5",key:4,variant:e.variant,error:o.formgroup5?o.formgroup5.message:void 0},r.createElement(m,{label:"Skriv inn din tekst",placeholder:"Skriv noe!",icon:g,ref:a({required:"Du må skrive noe her"})}))]:n===Vr.checkbox?r.createElement(c,{name:"formgroup1",error:o.formgroup1?o.formgroup1.message:void 0},r.createElement(l,{name:"formgroup1",inputId:"checkbox1",label:"Checkbox 1",error:o.formgroup1,variant:e.variant,ref:a({required:b})})):n===Vr.radiobutton?r.createElement(c,{name:"formgroup3",error:o.formgroup3?o.formgroup3.message:void 0},r.createElement(d,{name:"formgroup3",inputId:"radiobutton1",label:"Radiobutton 1",error:o.formgroup3,variant:e.variant,ref:a({required:b})})):n===Vr.textarea?r.createElement(c,{error:o.formgroup4?o.formgroup4.message:void 0},r.createElement(v,{defaultValue:"Dette er min historie \n\n Hello \n\n test",grow:!0,maxCharacters:40,minRows:5,label:"Skriv din historie her",textareaId:"textarea1",name:"formgroup4",ref:a({maxLength:{value:40,message:"Det kan ikke legges inn mer enn 40 tegn"}})})):n===Vr.input?r.createElement(c,{name:"formgroup5",key:4,variant:e.variant,error:o.formgroup5?o.formgroup5.message:void 0},r.createElement(m,{inputId:"input1",label:"Skriv inn din tekst",placeholder:"Skriv noe!",icon:g,ref:a({required:"Du må skrive noe her"})})):void 0),r.createElement(f,{type:"submit"},"Submit"))};export default Dr;export{Dr as FormExample,Vr as FormExampleVariants};
 //# sourceMappingURL=index.js.map

package/components/Modal/index.js

@@ -1,2 +1,2 @@
-import{M as s}from"../../Modal-aeb33706.js";export{b as ModalSize,a as ModalVariants,M as default}from"../../Modal-aeb33706.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-81c39cdc.js";import"../../_tslib-51c8a283.js";import"../../constants-dd6fd92d.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../grid-c105cad1.js";import"../../Loader-72869219.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"./styles.module.scss";import"../Icons/AlertSignStroke.js";import"../Icons/AlertSignFill.js";import"../../useIsVisible-fad4d769.js";import"../../Title-42d581cc.js";import"../Title/styles.module.scss";import"../../Close-2208b6a2.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../useBreakpoint-6eb418f7.js";import"../Icons/CheckOutline.js";import"../Portal/index.js";import"react-dom";
+import{M as s}from"../../Modal-fa76208b.js";export{b as ModalSize,a as ModalVariants,M as default}from"../../Modal-fa76208b.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-161b8a21.js";import"../../_tslib-51c8a283.js";import"../../constants-dd6fd92d.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../grid-c105cad1.js";import"../../Loader-72869219.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"./styles.module.scss";import"../Icons/AlertSignStroke.js";import"../Icons/AlertSignFill.js";import"../../useIsVisible-fad4d769.js";import"../../Title-42d581cc.js";import"../Title/styles.module.scss";import"../../Close-2208b6a2.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../useBreakpoint-6eb418f7.js";import"../Icons/CheckOutline.js";import"../Portal/index.js";import"react-dom";
 //# sourceMappingURL=index.js.map

package/components/Panel/index.js

@@ -1,2 +1,2 @@
-import{P as s}from"../../Panel-6db84e0d.js";export{c as PanelLayout,a as PanelStatus,b as PanelVariant,P as default}from"../../Panel-6db84e0d.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../Title-42d581cc.js";import"../Title/styles.module.scss";import"../../constants-dd6fd92d.js";import"../../Button-81c39cdc.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-72869219.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"../Icons/ChevronDown.js";import"../Icons/ChevronUp.js";import"../Icons/ArrowRight.js";import"../Icons/AlertSignFill.js";import"../Icons/Pencil.js";import"../Icons/Calendar.js";import"../Icons/Watch.js";import"../../useBreakpoint-6eb418f7.js";import"../../Badge-de6c8a84.js";import"../Badge/styles.module.scss";
+import{P as s}from"../../Panel-75460982.js";export{c as PanelLayout,a as PanelStatus,b as PanelVariant,P as default}from"../../Panel-75460982.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../Title-42d581cc.js";import"../Title/styles.module.scss";import"../../constants-dd6fd92d.js";import"../../Button-161b8a21.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-72869219.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"../Icons/ChevronDown.js";import"../Icons/ChevronUp.js";import"../Icons/ArrowRight.js";import"../Icons/AlertSignFill.js";import"../Icons/Pencil.js";import"../Icons/Calendar.js";import"../Icons/Watch.js";import"../../useBreakpoint-6eb418f7.js";import"../../Badge-de6c8a84.js";import"../Badge/styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/PanelList/index.js

@@ -1,2 +1,2 @@
-import s from"react";import o from"./styles.module.scss";import{A as t}from"../../constants-dd6fd92d.js";import{b as e,P as r}from"../../Panel-6db84e0d.js";import{c as i}from"../../index-9b84fabc.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../_tslib-51c8a283.js";import"../Panel/styles.module.scss";import"../../Title-42d581cc.js";import"../Title/styles.module.scss";import"../../Button-81c39cdc.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-72869219.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"../Icons/ChevronDown.js";import"../Icons/ChevronUp.js";import"../Icons/ArrowRight.js";import"../Icons/AlertSignFill.js";import"../Icons/Pencil.js";import"../Icons/Calendar.js";import"../Icons/Watch.js";import"../../useBreakpoint-6eb418f7.js";import"../../Badge-de6c8a84.js";import"../Badge/styles.module.scss";var a=s.forwardRef((function(a,l){var m=a.testId,n=a.children,p=a.variant,c=void 0===p?e.fill:p;return s.createElement("div",{ref:l,"data-testid":m,className:o["panel-list"],"data-analyticsid":t.PanelList},s.Children.map(n,(function(t,a){return n=t,s.isValidElement(n)&&n.type===r?(l=t,m=0===a,s.cloneElement(l,{variant:c,noTopBorder:c===e.line&&!m,className:i(l.props.className,c!==e.line&&o["panel-list__panel"])})):t;var l,m,n})))}));export default a;
+import s from"react";import o from"./styles.module.scss";import{A as t}from"../../constants-dd6fd92d.js";import{b as e,P as r}from"../../Panel-75460982.js";import{c as i}from"../../index-9b84fabc.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../_tslib-51c8a283.js";import"../Panel/styles.module.scss";import"../../Title-42d581cc.js";import"../Title/styles.module.scss";import"../../Button-161b8a21.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-72869219.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"../Icons/ChevronDown.js";import"../Icons/ChevronUp.js";import"../Icons/ArrowRight.js";import"../Icons/AlertSignFill.js";import"../Icons/Pencil.js";import"../Icons/Calendar.js";import"../Icons/Watch.js";import"../../useBreakpoint-6eb418f7.js";import"../../Badge-de6c8a84.js";import"../Badge/styles.module.scss";var a=s.forwardRef((function(a,l){var m=a.testId,n=a.children,p=a.variant,c=void 0===p?e.fill:p;return s.createElement("div",{ref:l,"data-testid":m,className:o["panel-list"],"data-analyticsid":t.PanelList},s.Children.map(n,(function(t,a){return n=t,s.isValidElement(n)&&n.type===r?(l=t,m=0===a,s.cloneElement(l,{variant:c,noTopBorder:c===e.line&&!m,className:i(l.props.className,c!==e.line&&o["panel-list__panel"])})):t;var l,m,n})))}));export default a;
 //# sourceMappingURL=index.js.map

package/package.json

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

package/Button-81c39cdc.js

@@ -1,2 +0,0 @@
-import{_ as t,d as e}from"./_rollupPluginBabelHelpers-4f206abf.js";import{_ as n}from"./_tslib-51c8a283.js";import o from"react";import{A as r,I as l}from"./constants-dd6fd92d.js";import{g as i}from"./color-e7d082c1.js";import{L as a}from"./Loader-72869219.js";import{u as s}from"./useHover-026f72c1.js";import{a as d}from"./useWindowSize-5cc481da.js";import{b as u}from"./grid-c105cad1.js";import{c}from"./index-9b84fabc.js";import m from"./components/Button/styles.module.scss";var f={primary:"blueberry",warning:"banana",danger:"cherry"},b=function(t,e){return e&&e<u.md&&t?l.Small:t?l.Medium:l.XSmall},p=o.forwardRef((function(u,p){var v,_,g,h=u.id,w=u.children,j=u.className,E=void 0===j?"":j,y=u.fluid,I=void 0!==y&&y,k=u.intent,N=void 0===k?"primary":k,x=u.inverted,B=void 0!==x&&x,C=u.htmlMarkup,H=void 0===C?"button":C,O=u.onClick,S=u.large,z=void 0!==S&&S,F=u.loading,M=void 0!==F&&F,A=u.variant,L=void 0===A?"fill":A,R=u.disabled,X=void 0!==R&&R,P=u.ellipsis,W=void 0!==P&&P,q=u.tabIndex,D=u.testId,G=u.href,J=u.target,K=n(u,["id","children","className","fluid","intent","inverted","htmlMarkup","onClick","large","loading","variant","disabled","ellipsis","tabIndex","testId","href","target"]),Q=function(t){var e,n,o,r,l=null,i=null;void 0!==(null===(n=null===(e=t[0])||void 0===e?void 0:e.props)||void 0===n?void 0:n.svgIcon)&&(l=t.shift()),void 0!==(null===(r=null===(o=t[t.length-1])||void 0===o?void 0:o.props)||void 0===r?void 0:r.svgIcon)&&(i=t.pop());var a=t.filter((function(t){return t}));return[l,i,a.length>0?a:null]}(o.Children.toArray(w)),T=t(Q,3),U=T[0],V=T[1],Y=T[2],Z=s(p),$=Z.hoverRef,tt=Z.isHovered,et=function(t,e,n,o,r){return e?i("neutral",600):t&&!o||!t&&o?"white":i(f[n],r?700:600)}("fill"===L,X,N,B,tt),nt=d(),ot="fill"===L,rt="outline"===L,lt="borderless"===L,it="warning"===N,at="danger"===N,st=!(!U&&!V||M),dt=Object.assign({},K),ut=c(m.button,(e(v={},m["button--fluid"],I),e(v,m["button--large"],z),e(v,m["button--warning"],it),e(v,m["button--danger"],at),e(v,m["button--inverted"],B),e(v,m["button--fill"],ot),e(v,m["button--outline"],rt),e(v,m["button--borderless"],lt),e(v,m["button--with-icon"],st),e(v,m["button--ellipsis"],W),v),E),ct=c(m.button__content,(e(_={},m["button__content--warning"],it),e(_,m["button__content--danger"],at),e(_,m["button__content--fill"],ot),e(_,m["button__content--borderless"],lt),e(_,m["button__content--with-icon"],st&&!lt),e(_,m["button__content--large"],z),e(_,m["button__content--ellipsis"],W),e(_,m["button__content--inverted"],B),e(_,m["button__content--fluid"],I),_)),mt=c(m["button__left-fluid-content"],(e(g={},m["button__left-fluid-content--with-icon"],st),e(g,m["button__left-fluid-content--large"],z),g));function ft(t,e,n,r){var l=t&&t.props&&t.props.color?t.props.color:n;return t&&Object.keys(t).length>0?o.cloneElement(t,{size:e,color:l,isHovered:r}):null}var bt=function(){return Y?o.createElement("span",{className:ct},Y):null},pt=function(){return o.createElement("span",{className:m["content-wrapper"]},M?o.createElement("div",{className:m["button__left-fluid-content"]},o.createElement(a,{testId:"test-id-loader",color:"fill"!==L||B?f[N]:"white",size:"tiny"})):o.createElement(o.Fragment,null,I?o.createElement("div",{className:mt},ft(U,b(z,nt.width),et,tt),bt()):o.createElement(o.Fragment,null,ft(U,b(z,nt.width),et,tt),bt()),ft(V,l.XSmall,et,tt)))};return o.createElement(o.Fragment,null,"button"===H&&o.createElement("button",Object.assign({id:h,onClick:O,disabled:X,"data-testid":D,"data-analyticsid":r.Button,className:ut,ref:$,tabIndex:q},dt),pt()),"a"===H&&o.createElement("a",Object.assign({id:h,onClick:O,"data-testid":D,"data-analyticsid":r.Button,className:ut,href:G,target:J,rel:"_blank"===J?"noopener noreferrer":u.rel,ref:$,tabIndex:q},K),pt()))}));export{p as B,f as i};
-//# sourceMappingURL=Button-81c39cdc.js.map

package/Button-81c39cdc.js.map

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

package/Modal-aeb33706.js.map

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

package/Panel-6db84e0d.js.map

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