@helsenorge/designsystem-react 1.0.0-beta82 → 1.0.0-beta86

package/Button-3f327b66.js

@@ -0,0 +1,2 @@
+import{_ as t,a as e}from"./_rollupPluginBabelHelpers-d0752906.js";import{_ as n}from"./_tslib-51c8a283.js";import o from"react";import{g as r}from"./color-acb834c6.js";import{a as l}from"./constants-d919236e.js";import{L as i}from"./Loader-cf365332.js";import{u as a}from"./useHover-037be19d.js";import{u as s}from"./useWindowSize-73b47451.js";import{b as u}from"./grid-11a70eb7.js";import{c as d}from"./index-9b84fabc.js";import c from"./components/Button/styles.module.scss";var m={primary:"blueberry",warning:"banana",danger:"cherry"};var b=function(t,e){return e&&e<u.md&&t?l.Small:t?l.Medium:l.XSmall},f=o.forwardRef((function(u,f){var v,p,g,_=u.children,h=u.className,w=void 0===h?"":h,j=u.fluid,E=void 0!==j&&j,y=u.intent,N=void 0===y?"primary":y,k=u.inverted,C=void 0!==k&&k,I=u.htmlMarkup,H=void 0===I?"button":I,O=u.onClick,S=u.large,z=void 0!==S&&S,B=u.loading,F=void 0!==B&&B,M=u.variant,x=void 0===M?"fill":M,L=u.disabled,R=void 0!==L&&L,X=u.ellipsis,A=void 0!==X&&X,P=u.testId,W=u.href,q=u.target,D=n(u,["children","className","fluid","intent","inverted","htmlMarkup","onClick","large","loading","variant","disabled","ellipsis","testId","href","target"]),G=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(_)),J=t(G,3),K=J[0],Q=J[1],T=J[2],U=a(f),V=U.hoverRef,Y=U.isHovered,Z=function(t,e,n,o,l){return e?r("neutral",600):t&&!o||!t&&o?"white":r(m[n],l?700:600)}("fill"===x,R,N,C,Y),$=s(),tt="fill"===x,et="outline"===x,nt="borderless"===x,ot="warning"===N,rt="danger"===N,lt=!(!K&&!Q||F),it=Object.assign({},D),at=d(c.button,(e(v={},c["button--fluid"],E),e(v,c["button--large"],z),e(v,c["button--warning"],ot),e(v,c["button--danger"],rt),e(v,c["button--inverted"],C),e(v,c["button--fill"],tt),e(v,c["button--outline"],et),e(v,c["button--borderless"],nt),e(v,c["button--with-icon"],lt),e(v,c["button--ellipsis"],A),v),w),st=d(c.button__content,(e(p={},c["button__content--warning"],ot),e(p,c["button__content--danger"],rt),e(p,c["button__content--fill"],tt),e(p,c["button__content--borderless"],nt),e(p,c["button__content--with-icon"],lt),e(p,c["button__content--large"],z),e(p,c["button__content--ellipsis"],A),e(p,c["button__content--inverted"],C),e(p,c["button__content--fluid"],E),p)),ut=d(c["button__left-fluid-content"],(e(g={},c["button__left-fluid-content--with-icon"],lt),e(g,c["button__left-fluid-content--large"],z),g));function dt(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 ct=function(){return T?o.createElement("span",{className:st},T):null},mt=function(){return o.createElement("span",{className:c["content-wrapper"]},F?o.createElement("div",{className:c["button__left-fluid-content"]},o.createElement(i,{testId:"test-id-loader",color:"fill"!==x||C?m[N]:"white",size:"tiny"})):o.createElement(o.Fragment,null,E?o.createElement("div",{className:ut},dt(K,b(z,$.width),Z,Y),ct()):o.createElement(o.Fragment,null,dt(K,b(z,$.width),Z,Y),ct()),dt(Q,l.XSmall,Z,Y)))};return o.createElement(o.Fragment,null,"button"===H&&o.createElement("button",Object.assign({onClick:O,disabled:R,"data-testid":P,className:at,ref:V},it),mt()),"a"===H&&o.createElement("a",Object.assign({onClick:O,"data-testid":P,className:at,href:W,target:q,ref:V},D),mt()))}));export{f as B};
+//# sourceMappingURL=Button-3f327b66.js.map

package/Button-3f327b66.js.map

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

package/{Checkbox-ffdd3cb7.js → Checkbox-46666e69.js}

@@ -1,2 +1,2 @@
-import{_ as e,a as r}from"./_rollupPluginBabelHelpers-e1c7fe69.js";import c,{useState as o,useEffect as a}from"react";import{c as l}from"./index-9b84fabc.js";import{u as b}from"./uuid-484288be.js";import{C as i}from"./Check-6291ad09.js";import{I as s}from"./constants-d1f48e8e.js";import{g as n}from"./color-acb834c6.js";import t from"./components/Checkbox/styles.module.scss";var m=c.forwardRef((function(m,d){var p,h,k,x=m.className,f=m.checked,u=void 0!==f&&f,_=m.disabled,v=m.label,w=m.inputid,g=void 0===w?b():w,y=m.mode,N=m.name,j=void 0===N?g:N,E=m.variant,C=m.errorText,I=m.error,z=void 0===I?!!C:I,B=m.value,F=void 0===B?v:B,H=o(u),P=e(H,2),R=P[0],T=P[1],q=z,A="on-dark"===y,D="on-blueberry"===y,G="bigform"===E,J=l(t["checkbox-wrapper"],(r(p={},t["checkbox-wrapper--with-error"],C),r(p,t["checkbox-wrapper--bigform"],G),p)),K=l(t["checkbox-label"],(r(h={},t["checkbox-label--disabled"],_),r(h,t["checkbox-label--on-dark"],A),r(h,t["checkbox-label--on-blueberry"],D),r(h,t["checkbox-label--invalid"],q),r(h,t["checkbox-label--bigform"],G),h)),L=l(t.checkbox,x),M=l(t["checkbox__icon-wrapper"],(r(k={},t["checkbox__icon-wrapper--checked"],R),r(k,t["checkbox__icon-wrapper--disabled"],_),r(k,t["checkbox__icon-wrapper--on-dark"],A),r(k,t["checkbox__icon-wrapper--on-blueberry"],D),r(k,t["checkbox__icon-wrapper--invalid"],q),k)),O=l(t["checkbox-errors"],r({},t["checkbox-errors--bigform"],G)),Q=n("blueberry",500);return _&&(Q=n("neutral",400)),A&&(Q=n("blueberry",200)),q&&(Q=n("cherry",500)),a((function(){T(u)}),[u]),c.createElement("div",{"data-testid":m.testId,className:J},C&&c.createElement("p",{className:O},C),c.createElement("label",{htmlFor:g,className:K},c.createElement("input",{id:g,name:j,className:L,type:"checkbox",checked:R,disabled:_,onChange:function(){T(!R)},value:F,ref:d,"aria-invalid":z}),c.createElement("span",{className:M},R&&c.createElement(s,{color:Q,className:t.checkbox__icon,svgIcon:i,size:38})),v))}));export{m as C};
-//# sourceMappingURL=Checkbox-ffdd3cb7.js.map
+import{_ as e,a as r}from"./_rollupPluginBabelHelpers-d0752906.js";import c,{useState as o,useEffect as a}from"react";import{c as l}from"./index-9b84fabc.js";import{u as b}from"./uuid-8870ab4b.js";import{C as i}from"./Check-6291ad09.js";import{I as s}from"./constants-d919236e.js";import{g as n}from"./color-acb834c6.js";import t from"./components/Checkbox/styles.module.scss";var m=c.forwardRef((function(m,d){var p,h,k,x=m.className,u=m.checked,f=void 0!==u&&u,_=m.disabled,v=m.label,w=m.inputid,g=void 0===w?b():w,y=m.mode,N=m.name,j=void 0===N?g:N,E=m.variant,C=m.errorText,I=m.error,z=void 0===I?!!C:I,B=m.value,F=void 0===B?v:B,H=o(f),P=e(H,2),R=P[0],T=P[1],q=z,A="on-dark"===y,D="on-blueberry"===y,G="bigform"===E,J=l(t["checkbox-wrapper"],(r(p={},t["checkbox-wrapper--with-error"],C),r(p,t["checkbox-wrapper--bigform"],G),p)),K=l(t["checkbox-label"],(r(h={},t["checkbox-label--disabled"],_),r(h,t["checkbox-label--on-dark"],A),r(h,t["checkbox-label--on-blueberry"],D),r(h,t["checkbox-label--invalid"],q),r(h,t["checkbox-label--bigform"],G),h)),L=l(t.checkbox,x),M=l(t["checkbox__icon-wrapper"],(r(k={},t["checkbox__icon-wrapper--checked"],R),r(k,t["checkbox__icon-wrapper--disabled"],_),r(k,t["checkbox__icon-wrapper--on-dark"],A),r(k,t["checkbox__icon-wrapper--on-blueberry"],D),r(k,t["checkbox__icon-wrapper--invalid"],q),k)),O=l(t["checkbox-errors"],r({},t["checkbox-errors--bigform"],G)),Q=n("blueberry",500);return _&&(Q=n("neutral",400)),A&&(Q=n("blueberry",200)),q&&(Q=n("cherry",500)),a((function(){T(f)}),[f]),c.createElement("div",{"data-testid":m.testId,className:J},C&&c.createElement("p",{className:O},C),c.createElement("label",{htmlFor:g,className:K},c.createElement("input",{id:g,name:j,className:L,type:"checkbox",checked:R,disabled:_,onChange:function(){T(!R)},value:F,ref:d,"aria-invalid":z}),c.createElement("span",{className:M},R&&c.createElement(s,{color:Q,className:t.checkbox__icon,svgIcon:i,size:38})),v))}));export{m as C};
+//# sourceMappingURL=Checkbox-46666e69.js.map

package/Checkbox-46666e69.js.map

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

package/FormGroup-b874ae21.js

@@ -0,0 +1,2 @@
+import{a as e}from"./_rollupPluginBabelHelpers-d0752906.js";import r from"react";import{c as o}from"./index-9b84fabc.js";import a from"./components/FormGroup/styles.module.scss";import{C as t}from"./Checkbox-46666e69.js";import{T as m}from"./Title-7c829525.js";var l=r.forwardRef((function(l,i){var p,n,s,d=l.className,f=l.mode,c=void 0===f?"on-white":f,g=l.variant,u=void 0===g?"normal":g,_=l.error,v="on-dark"===c,w="bigform"===u,b=o(a["form-group-wrapper"],(e(p={},a["form-group-wrapper--on-dark"],v),e(p,a["form-group-wrapper--invalid"],_),p),d),E=o(a["form-group-wrapper__title"],(e(n={},a["form-group-wrapper__title--on-dark"],v&&!_),e(n,a["form-group-wrapper__title--bigform"],w),n)),N=o(a["form-group"],e({},a["form-group--invalid"],_)),h=o(a["form-group-wrapper__errors"],e({},a["form-group-wrapper__errors--bigform"],w)),k=o(a["field-set__legend"],(e(s={},a["field-set__legend--on-dark"],v&&!_),e(s,a["field-set__legend--bigform"],w),s));return r.createElement("div",{"data-testid":l.testId,className:b},l.title&&r.createElement(m,{className:E,htmlMarkup:"h4",appearance:"title4",margin:{marginTop:0,marginBottom:2}},l.title),r.createElement("div",{className:N},_&&r.createElement("p",{className:h},_),r.createElement("fieldset",{name:l.title,className:a["field-set"]},l.legend&&r.createElement("legend",{className:k},l.legend),r.Children.map(l.children,(function(e){return e.type===t?r.cloneElement(e,{mode:c,variant:u,error:!!_}):e})))))}));export{l as F};
+//# sourceMappingURL=FormGroup-b874ae21.js.map

package/FormGroup-b874ae21.js.map

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

package/{Loader-9e099b42.js → Loader-cf365332.js}

@@ -1,2 +1,2 @@
-import{a as e}from"./_rollupPluginBabelHelpers-e1c7fe69.js";import a from"react";import{c as r}from"./index-9b84fabc.js";import{u as l}from"./uuid-484288be.js";import o from"./components/Loader/styles.module.scss";var d=a.forwardRef((function(d,t){var s,m,i,c=d.overlay,n=d.color,_=void 0===n?c?"black":"neutral":n,p=d.size,u=void 0===p?"small":p,v=d.className,b=void 0===v?"":v,f=d.testId,w=void 0===f?"":f,N=d.center,y=d.ariaLabelledById,E=d.ariaLabel,g=void 0===E?"Laster inn":E,h="small"===u,k="medium"===u,L="large"===u,j=r(o["loader-wrapper"],(e(s={},o["loader-wrapper--center"],N),e(s,o["loader-wrapper--overlay"],c),s)),x=r(o.loader,(e(m={},o["loader--small"],h),e(m,o["loader--medium"],k),e(m,o["loader--large"],L),m),b),B=r(o.loader__dot,(e(i={},o["loader__dot--small"],h),e(i,o["loader__dot--medium"],k),e(i,o["loader__dot--large"],L),e(i,o["loader__dot--banana"],"banana"===_),e(i,o["loader__dot--cherry"],"cherry"===_),e(i,o["loader__dot--kiwi"],"kiwi"===_),e(i,o["loader__dot--neutral"],"neutral"===_),e(i,o["loader__dot--plum"],"plum"===_),e(i,o["loader__dot--black"],"black"===_),e(i,o["loader__dot--white"],"white"===_),i)),I="loader".concat(l());return a.createElement("div",{role:"progressbar",className:j},a.createElement("div",{"data-testid":w,"aria-labelledby":y||I,className:x},a.createElement("div",{className:B}),a.createElement("div",{className:B}),a.createElement("div",{className:B}),a.createElement("div",{className:B}),!y&&a.createElement("span",{id:I,className:o["loader__hidden-text"]},g)))}));export{d as L};
-//# sourceMappingURL=Loader-9e099b42.js.map
+import{a as e}from"./_rollupPluginBabelHelpers-d0752906.js";import a from"react";import{c as r}from"./index-9b84fabc.js";import{u as l}from"./uuid-8870ab4b.js";import o from"./components/Loader/styles.module.scss";var d=a.forwardRef((function(d,t){var s,m,i,c=d.overlay,n=d.color,_=void 0===n?c?"black":"neutral":n,p=d.size,u=void 0===p?"small":p,b=d.className,v=void 0===b?"":b,f=d.testId,w=void 0===f?"":f,N=d.center,y=d.ariaLabelledById,E=d.ariaLabel,g=void 0===E?"Laster inn":E,h="small"===u,k="medium"===u,L="large"===u,j=r(o["loader-wrapper"],(e(s={},o["loader-wrapper--center"],N),e(s,o["loader-wrapper--overlay"],c),s)),x=r(o.loader,(e(m={},o["loader--small"],h),e(m,o["loader--medium"],k),e(m,o["loader--large"],L),m),v),B=r(o.loader__dot,(e(i={},o["loader__dot--small"],h),e(i,o["loader__dot--medium"],k),e(i,o["loader__dot--large"],L),e(i,o["loader__dot--banana"],"banana"===_),e(i,o["loader__dot--cherry"],"cherry"===_),e(i,o["loader__dot--kiwi"],"kiwi"===_),e(i,o["loader__dot--neutral"],"neutral"===_),e(i,o["loader__dot--plum"],"plum"===_),e(i,o["loader__dot--black"],"black"===_),e(i,o["loader__dot--white"],"white"===_),i)),I="loader".concat(l());return a.createElement("div",{role:"progressbar",className:j},a.createElement("div",{"data-testid":w,"aria-labelledby":y||I,className:x},a.createElement("div",{className:B}),a.createElement("div",{className:B}),a.createElement("div",{className:B}),a.createElement("div",{className:B}),!y&&a.createElement("span",{id:I,className:o["loader__hidden-text"]},g)))}));export{d as L};
+//# sourceMappingURL=Loader-cf365332.js.map

package/Loader-cf365332.js.map

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

package/Modal-3dc1bb47.js

@@ -0,0 +1,2 @@
+import{_ as e,a as t}from"./_rollupPluginBabelHelpers-d0752906.js";import r,{useRef as a,useEffect as n,useState as o}from"react";import{c as l}from"./index-9b84fabc.js";import{p as c}from"./palette-f206f488.js";import{B as i}from"./Button-3f327b66.js";import{I as s}from"./constants-d919236e.js";import{X as m,A as d,a as u}from"./AlertSignFill-64bfef57.js";import v from"./components/Modal/styles.module.scss";import{T as p}from"./Title-7c829525.js";import{u as f}from"./uuid-8870ab4b.js";function _(){var e,t=a(null);function r(e){var r=t.current,a="Tab"===e.key;if(r&&a){var n=function(e){try{return("string"==typeof e?document.querySelector(e):e).getRootNode().activeElement}catch(t){return console.error("Feil ved å ta tak i active element basert på angitt node: ",e,t),null}}(r),o=r.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select'),l=o[0],c=1===o.length?l:o[o.length-1];e.shiftKey?n===l&&(c.focus(),e.preventDefault()):n===c&&(l.focus(),e.preventDefault())}}function o(e){var r=t.current;if(r){var a=r.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select');1===a.length&&(a[0].focus(),e.preventDefault())}}return null===(e=t.current)||void 0===e||e.focus(),n((function(){var e=t.current;return e.addEventListener("keydown",r),e.addEventListener("click",o),function(){e.removeEventListener("keydown",r),e.removeEventListener("click",o)}}),[]),t}var y,E,b=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,a=o(!1),l=e(a,2),c=l[0],i=l[1];return n((function(){var e=new IntersectionObserver((function(e){i(e[0].intersectionRatio>=r)}),{threshold:r});return(null==t?void 0:t.current)&&e.observe(t.current),function(){(null==t?void 0:t.current)&&e.unobserve(t.current)}}),[t]),c};!function(e){e.normal="normal",e.warning="warning",e.error="error",e.image="image"}(y||(y={})),function(e){e.large="large",e.medium="medium"}(E||(E={}));var g={variant:y.normal,primaryButtonText:"OK",large:!1,className:"",size:E.large},h=function(e){return r.createElement("button",{className:v.modal__lukkekryss,"aria-label":e.ariaLabel||"Lukk",onClick:e.onClick,role:"button"},r.createElement(s,{svgIcon:m,color:c.blueberry600,size:42}))},k=function(a){var o,m,E,g=r.useState(f()),k=e(g,1)[0],N=r.useRef(null),w=r.useRef(null),L=b(N),x=r.useRef(null),B=b(x),C=w.current&&w.current.scrollHeight>w.current.clientHeight;function W(e){"Escape"===e.key&&a.onClose&&(e.stopPropagation(),a.onClose())}function T(e){e.target&&I.current===e.target&&a.onClose&&(e.stopPropagation(),a.onClose())}var j=a.variant===y.image,S=null!==(o=a.titleId)&&void 0!==o?o:k,I=r.useRef(null),R=a.secondaryButtonText&&(null===(m=a.secondaryButtonText)||void 0===m?void 0:m.length)>0||a.onSuccess,z=a.ariaLabelledBy?void 0:a.ariaLabel,P=a.ariaLabelledBy?a.ariaLabelledBy:a.ariaLabel?void 0:S;return n((function(){var e=I.current;return document.body.style.overflow="hidden",e&&!R&&(e.addEventListener("keydown",W),e.addEventListener("click",T)),function(){document.body.style.removeProperty("overflow"),e&&!R&&(e.removeEventListener("keydown",W),e.removeEventListener("click",T))}}),[]),r.createElement("div",{"data-testid":"dialog-container"},r.createElement("div",{ref:I,className:v["modal-overlay"],"data-testid":a.testId},r.createElement("div",{className:v.align,ref:_()},r.createElement("div",{className:l(a.className,v.modal,v["modal--".concat(a.variant)],v["modal--".concat(a.size)]),role:"dialog","aria-label":z,"aria-labelledby":P},r.createElement("div",{className:l(v.modal__shadow,v["modal__shadow--top"],t({},v["modal__shadow--show"],!L&&C))}),r.createElement("div",{className:l(v.modal__contentWrapper,t({},v["modal__contentWrapper--image"],j)),ref:w},!a.noCloseButton&&r.createElement("div",{className:v.modal__closeWrapper},r.createElement("div",{className:l(v.modal__closeWrapper__close)},r.createElement(h,{onClick:a.onClose,ariaLabel:a.ariaLabelCloseBtn}))),r.createElement("div",{className:l(v["modal__contentWrapper__scroll--".concat(a.size)],t({},v["modal__contentWrapper__scroll--image"],j))},r.createElement("div",{ref:N}),r.createElement("div",{className:v.modal__contentWrapper__title},a.variant&&function(e){var t;if(e===y.error)t=r.createElement(s,{svgIcon:d,color:c.cherry500,hoverColor:c.cherry500});else{if(e!==y.warning)return null;t=r.createElement(s,{svgIcon:u,color:c.black,hoverColor:c.black})}return r.createElement("div",{className:v.modal__iconWrapper},t)}(a.variant),r.createElement("div",{className:a.variant===y.error?v["modal__title--error"]:""},r.createElement(p,{id:S,htmlMarkup:"h3",appearance:"title3"},a.title))),j&&r.createElement("div",null,r.createElement("div",{className:v.modal__contentWrapper__imageWrapper},a.children),r.createElement("span",{className:v.modal__contentWrapper__imageDescription},a.description)),!j&&a.children&&r.createElement("div",null,a.children),!j&&!a.children&&r.createElement("p",{className:v.modal__description},a.description),r.createElement("div",{ref:x}))),r.createElement("div",{className:l(v.modal__shadow,v["modal__shadow--bottom"],t({},v["modal__shadow--show"],!B&&C))}),R&&r.createElement("div",{className:l(v["modal__call-to-action"],v["modal__call-to-action--".concat(a.size)])},a.onSuccess&&r.createElement(i,{onClick:a.onSuccess},a.primaryButtonText),a.secondaryButtonText&&(null===(E=a.secondaryButtonText)||void 0===E?void 0:E.length)>0&&r.createElement(i,{variant:"borderless",onClick:a.onClose},a.secondaryButtonText))))))};k.defaultProps=g;export{k as M};
+//# sourceMappingURL=Modal-3dc1bb47.js.map

package/Modal-3dc1bb47.js.map

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

package/Title-7c829525.js

@@ -0,0 +1,2 @@
+import{a as t}from"./_rollupPluginBabelHelpers-d0752906.js";import e from"react";import{c as r}from"./index-9b84fabc.js";import i from"./components/Title/styles.module.scss";var o=e.forwardRef((function(o,a){var l,m=o.id,n=o.children,c=o.className,p=o.htmlMarkup,s=void 0===p?"h1":p,f=o.appearance,d=void 0===f?"title1":f,g=o.margin,u=void 0===g?0:g,y=r(i.title,(t(l={},i["title--feature"],"titleFeature"===d),t(l,i["title--title1"],"title1"===d),t(l,i["title--title2"],"title2"===d),t(l,i["title--title3"],"title3"===d),t(l,i["title--title4"],"title4"===d),t(l,i["title--title5"],"title5"===d),l),c),T=s,b=function(t){return Object.prototype.hasOwnProperty.call(t,"marginTop")&&Object.prototype.hasOwnProperty.call(t,"marginBottom")}(u)?{marginTop:"".concat(u.marginTop,"rem"),marginBottom:"".concat(u.marginBottom,"rem")}:{marginTop:"".concat(u,"rem"),marginBottom:"".concat(u,"rem")};return e.createElement(T,{id:m,className:y,style:b,ref:a},n)}));export{o as T};
+//# sourceMappingURL=Title-7c829525.js.map

package/Title-7c829525.js.map

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

package/Validation-b902407e.js

@@ -0,0 +1,2 @@
+import r from"react";import{c as e}from"./index-9b84fabc.js";import{F as a}from"./FormGroup-b874ae21.js";import t from"./components/Validation/styles.module.scss";var o=r.forwardRef((function(o,m){var n=o.errorSummary,s=o.className;o.variant;var i=e(t.validation,s);return r.createElement(r.Fragment,null,r.createElement("div",{"data-testid":o.testId,className:i},r.Children.map(o.children,(function(e){return e.type===a?r.cloneElement(e,{className:n?t["form-group-wrapper--error-sibling"]:""}):e}))),n&&r.createElement("p",{className:t.validation__errors},n))}));export{o as V};
+//# sourceMappingURL=Validation-b902407e.js.map

package/Validation-b902407e.js.map

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

package/_rollupPluginBabelHelpers-d0752906.js

@@ -0,0 +1,2 @@
+function r(t){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(r){return typeof r}:function(r){return r&&"function"==typeof Symbol&&r.constructor===Symbol&&r!==Symbol.prototype?"symbol":typeof r})(t)}function t(r,t){if(!(r instanceof t))throw new TypeError("Cannot call a class as a function")}function n(r,t){for(var n=0;n<t.length;n++){var e=t[n];e.enumerable=e.enumerable||!1,e.configurable=!0,"value"in e&&(e.writable=!0),Object.defineProperty(r,e.key,e)}}function e(r,t,e){return t&&n(r.prototype,t),e&&n(r,e),r}function o(r,t,n){return t in r?Object.defineProperty(r,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):r[t]=n,r}function a(r,t){return function(r){if(Array.isArray(r))return r}(r)||function(r,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(r)))return;var n=[],e=!0,o=!1,a=void 0;try{for(var i,u=r[Symbol.iterator]();!(e=(i=u.next()).done)&&(n.push(i.value),!t||n.length!==t);e=!0);}catch(r){o=!0,a=r}finally{try{e||null==u.return||u.return()}finally{if(o)throw a}}return n}(r,t)||function(r,t){if(!r)return;if("string"==typeof r)return i(r,t);var n=Object.prototype.toString.call(r).slice(8,-1);"Object"===n&&r.constructor&&(n=r.constructor.name);if("Map"===n||"Set"===n)return Array.from(r);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(r,t)}(r,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(r,t){(null==t||t>r.length)&&(t=r.length);for(var n=0,e=new Array(t);n<t;n++)e[n]=r[n];return e}export{a as _,o as a,r as b,e as c,t as d};
+//# sourceMappingURL=_rollupPluginBabelHelpers-d0752906.js.map

package/_rollupPluginBabelHelpers-d0752906.js.map

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

package/components/AnchorLink/index.js

@@ -1,2 +1,2 @@
-import e from"react";import{I as r,a}from"../../constants-d1f48e8e.js";import{g as t}from"../../color-acb834c6.js";import{u as o}from"../../useHover-57ad4df9.js";import l from"./styles.module.scss";import{c as s}from"../../index-9b84fabc.js";import"../../_tslib-51c8a283.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";var i=function(r){var a=r.isExtraSmall,t=r.isHovered,o=e.createElement("path",{d:"M33.305 14.659v14.546h-1.3V16.948L15.804 33.149l-.919-.92 16.27-16.27-12.394.001v-1.301z"}),l=e.createElement("path",{d:"M36.52 11.537v14.545h-1.3l-.001-12.347-19.415 19.414-.919-.92 19.393-19.392-12.302.001v-1.301z"}),s=e.createElement("path",{d:"M18.76 14.426v1.768h11.83L14.719 32.065l1.251 1.25 15.801-15.801v11.691h1.768V14.426z"});return a?t?e.createElement("path",{d:"M22.076 11.122v1.769h11.736L14.819 31.884l1.252 1.25 19.015-19.015v11.782h1.769V11.122z"}):s:t?l:o},m=e.forwardRef((function(m,c){var n=m.id,f=m.href,d=m.children,v=m.className,p=m.target,h=void 0===p?"_self":p,u="_blank"===h,b=o(c,void 0,!1),j=b.hoverRef,E=b.isHovered,g=s(l.anchorlink,null!=v?v:"");return e.createElement("a",{id:n,href:f,className:g,target:h,ref:j},d,u&&e.createElement(r,{className:l.anchorlink__icon,svgIcon:i,color:t("blueberry",600),hoverColor:t("blueberry",700),size:a.XSmall,isHovered:E}))}));export default m;
+import e from"react";import{I as r,a as t}from"../../constants-d919236e.js";import{g as a}from"../../color-acb834c6.js";import{u as o}from"../../useHover-037be19d.js";import l from"./styles.module.scss";import{c as s}from"../../index-9b84fabc.js";import"../../_tslib-51c8a283.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../_rollupPluginBabelHelpers-d0752906.js";var i=function(r){var t=r.isExtraSmall,a=r.isHovered,o=e.createElement("path",{d:"M33.305 14.659v14.546h-1.3V16.948L15.804 33.149l-.919-.92 16.27-16.27-12.394.001v-1.301z"}),l=e.createElement("path",{d:"M36.52 11.537v14.545h-1.3l-.001-12.347-19.415 19.414-.919-.92 19.393-19.392-12.302.001v-1.301z"}),s=e.createElement("path",{d:"M18.76 14.426v1.768h11.83L14.719 32.065l1.251 1.25 15.801-15.801v11.691h1.768V14.426z"});return t?a?e.createElement("path",{d:"M22.076 11.122v1.769h11.736L14.819 31.884l1.252 1.25 19.015-19.015v11.782h1.769V11.122z"}):s:a?l:o},m=e.forwardRef((function(m,c){var n=m.id,d=m.href,v=m.children,f=m.className,p=m.target,h=void 0===p?"_self":p,b="_blank"===h,u=o(c,void 0,!1),j=u.hoverRef,E=u.isHovered,g=s(l.anchorlink,null!=f?f:"");return e.createElement("a",{id:n,href:d,className:g,target:h,ref:j},v,b&&e.createElement(r,{className:l.anchorlink__icon,svgIcon:i,color:a("blueberry",600),hoverColor:a("blueberry",700),size:t.XSmall,isHovered:E}))}));export default m;
 //# sourceMappingURL=index.js.map

package/components/Avatar/index.js

@@ -1,2 +1,2 @@
-import a from"react";import{I as e,a as r}from"../../constants-d1f48e8e.js";import{C as t}from"../../Check-6291ad09.js";import{c as s}from"../../index-9b84fabc.js";import o from"./styles.module.scss";import{p as c}from"../../palette-f206f488.js";import"../../_tslib-51c8a283.js";var l=a.forwardRef((function(l,m){var i=l.children,f=l.className,n=void 0===f?"":f,p=l.selected,d=void 0!==p&&p,v=l.variant,b=void 0===v?"normal":v,u=i.charAt(0).toLocaleUpperCase()+i.substring(1,2);return a.createElement("span",{className:s(o.avatar,d&&o["avatar--selected"],"black"===b&&o["avatar--black"],n),ref:m},d?a.createElement(e,{svgIcon:t,size:r.Small,color:"black"===b?c.neutral900:c.blueberry600}):u)}));export default l;
+import a from"react";import{I as e,a as r}from"../../constants-d919236e.js";import{C as t}from"../../Check-6291ad09.js";import{c as s}from"../../index-9b84fabc.js";import o from"./styles.module.scss";import{p as c}from"../../palette-f206f488.js";import"../../_tslib-51c8a283.js";var l=a.forwardRef((function(l,m){var i=l.children,n=l.className,f=void 0===n?"":n,p=l.selected,d=void 0!==p&&p,v=l.variant,b=void 0===v?"normal":v,u=i.charAt(0).toLocaleUpperCase()+i.substring(1,2);return a.createElement("span",{className:s(o.avatar,d&&o["avatar--selected"],"black"===b&&o["avatar--black"],f),ref:m},d?a.createElement(e,{svgIcon:t,size:r.Small,color:"black"===b?c.neutral900:c.blueberry600}):u)}));export default l;
 //# sourceMappingURL=index.js.map

package/components/Badge/index.js

@@ -1,2 +1,2 @@
-import{a as e}from"../../_rollupPluginBabelHelpers-e1c7fe69.js";import a from"react";import{c as r}from"../../index-9b84fabc.js";import l from"./styles.module.scss";var b=a.forwardRef((function(b,o){var t,d=b.children,i=b.className,c=void 0===i?"":i,n=b.color,s=void 0===n?"black":n,m=d.toString().length>2,g=r(l.badge,(e(t={},l["badge--oversized"],m),e(t,l["badge--black"],"black"===s),e(t,l["badge--white"],"white"===s),e(t,l["badge--blueberry"],"blueberry"===s),e(t,l["badge--banana"],"banana"===s),e(t,l["badge--cherry"],"cherry"===s),e(t,l["badge--kiwi"],"kiwi"===s),e(t,l["badge--neutral"],"neutral"===s),e(t,l["badge--plum"],"plum"===s),t),c);return a.createElement("span",{className:g,ref:o},d)}));export default b;
+import{a as e}from"../../_rollupPluginBabelHelpers-d0752906.js";import a from"react";import{c as r}from"../../index-9b84fabc.js";import l from"./styles.module.scss";var b=a.forwardRef((function(b,d){var o,t=b.children,i=b.className,n=void 0===i?"":i,s=b.color,c=void 0===s?"black":s,m=t.toString().length>2,g=r(l.badge,(e(o={},l["badge--oversized"],m),e(o,l["badge--black"],"black"===c),e(o,l["badge--white"],"white"===c),e(o,l["badge--blueberry"],"blueberry"===c),e(o,l["badge--banana"],"banana"===c),e(o,l["badge--cherry"],"cherry"===c),e(o,l["badge--kiwi"],"kiwi"===c),e(o,l["badge--neutral"],"neutral"===c),e(o,l["badge--plum"],"plum"===c),o),n);return a.createElement("span",{className:g,ref:d},t)}));export default b;
 //# sourceMappingURL=index.js.map

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;AAYnE,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,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,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,uDAAuD;IACvD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA8BD,QAAA,MAAM,MAAM,2GAuJV,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;AAYnE,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,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,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,uDAAuD;IACvD,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAgCD,QAAA,MAAM,MAAM,2GAuJV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/components/Button/index.js

@@ -1,2 +1,2 @@
-import{B as s}from"../../Button-7200b617.js";export{B as default}from"../../Button-7200b617.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"../../_tslib-51c8a283.js";import"react";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../constants-d1f48e8e.js";import"../../Loader-9e099b42.js";import"../../index-9b84fabc.js";import"../../uuid-484288be.js";import"../Loader/styles.module.scss";import"../../useHover-57ad4df9.js";import"../../useWindowSize-c22d7634.js";import"./styles.module.scss";
+import{B as s}from"../../Button-3f327b66.js";export{B as default}from"../../Button-3f327b66.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../../_tslib-51c8a283.js";import"react";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../constants-d919236e.js";import"../../Loader-cf365332.js";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/ButtonWithModal/componentdata.json

@@ -93,7 +93,7 @@
       "required": false,
       "type": {
         "name": "enum",
-        "raw": "ModalVariants | undefined",
+        "raw": "\"normal\" | \"warning\" | \"error\" | \"image\" | undefined",
         "value": [
           {
             "value": "undefined"
@@ -113,10 +113,10 @@
         ]
       }
     },
-    "large": {
+    "size": {
       "defaultValue": null,
-      "description": "Displays a large modal",
-      "name": "large",
+      "description": "Change width of the modal (default: large)",
+      "name": "size",
       "parent": {
         "fileName": "designsystem/src/components/Modal/Modal.tsx",
         "name": "ModalProps"
@@ -129,7 +129,19 @@
       ],
       "required": false,
       "type": {
-        "name": "boolean"
+        "name": "enum",
+        "raw": "\"large\" | \"medium\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"large\""
+          },
+          {
+            "value": "\"medium\""
+          }
+        ]
       }
     },
     "noCloseButton": {

package/components/ButtonWithModal/index.js

@@ -1,2 +1,2 @@
-import{_ as t}from"../../_rollupPluginBabelHelpers-e1c7fe69.js";import e,{useState as o}from"react";import{B as r}from"../../Button-7200b617.js";import{M as s}from"../../Modal-5c2defa7.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../constants-d1f48e8e.js";import"../../Loader-9e099b42.js";import"../../index-9b84fabc.js";import"../../uuid-484288be.js";import"../Loader/styles.module.scss";import"../../useHover-57ad4df9.js";import"../../useWindowSize-c22d7634.js";import"../Button/styles.module.scss";import"../../AlertSignFill-64bfef57.js";import"../Modal/styles.module.scss";import"../../Title-863af332.js";import"../Title/styles.module.scss";var i=e.forwardRef((function(i,m){var l=o(!1),a=t(l,2),n=a[0],p=a[1];return e.createElement("div",null,e.createElement(r,{onClick:function(){return p(!0)}},i.buttonText),n&&e.createElement(s,Object.assign({},i,{onClose:function(){return p(!1)}})))}));export default i;
+import{_ as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import e,{useState as o}from"react";import{B as r}from"../../Button-3f327b66.js";import{M as s}from"../../Modal-3dc1bb47.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../constants-d919236e.js";import"../../Loader-cf365332.js";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";import"../../AlertSignFill-64bfef57.js";import"../Modal/styles.module.scss";import"../../Title-7c829525.js";import"../Title/styles.module.scss";var i=e.forwardRef((function(i,m){var l=o(!1),n=t(l,2),p=n[0],a=n[1];return e.createElement("div",null,e.createElement(r,{onClick:function(){return a(!0)}},i.buttonText),p&&e.createElement(s,Object.assign({},i,{onClose:function(){return a(!1)}})))}));export default i;
 //# sourceMappingURL=index.js.map

package/components/Checkbox/index.js

@@ -1,2 +1,2 @@
-import{C as o}from"../../Checkbox-ffdd3cb7.js";export{C as default}from"../../Checkbox-ffdd3cb7.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-484288be.js";import"../../Check-6291ad09.js";import"../../constants-d1f48e8e.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"./styles.module.scss";
+import{C as o}from"../../Checkbox-46666e69.js";export{C as default}from"../../Checkbox-46666e69.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"../../Check-6291ad09.js";import"../../constants-d919236e.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/Checkbox/styles.module.scss

@@ -11,6 +11,8 @@
 }
 
 .checkbox-wrapper {
+  margin: getSpacer(s) 0;
+
   &--with-error {
     padding: getSpacer(s) getSpacer(xs) getSpacer(m);
     background-color: $cherry50;
@@ -24,6 +26,18 @@
   &--with-error#{&}--bigform {
     padding: getSpacer(m) getSpacer(m);
   }
+
+  &--bigform {
+    margin: getSpacer(xs) 0 getSpacer(xs) 0;
+  }
+}
+
+.checkbox-wrapper:first-of-type {
+  margin-top: 0;
+}
+
+.checkbox-wrapper:last-of-type {
+  margin-bottom: 0;
 }
 
 .checkbox-label {
@@ -31,7 +45,6 @@
   align-items: center;
   cursor: pointer;
   font-size: $font-size-sm;
-  margin: getSpacer(s) 0;
 
   @media (min-width: map-get($grid-breakpoints, md)) {
     font-size: $font-size-md;
@@ -43,7 +56,6 @@
 
   &--invalid {
     color: $black;
-    padding: getSpacer(s);
   }
 
   &--disabled {
@@ -52,8 +64,7 @@
   }
 
   &--bigform {
-    margin: getSpacer(xs) 0 getSpacer(xs) 0;
-    padding: 1.68rem getSpacer(l);
+    padding: getSpacer(s);
     background-color: $neutral50;
   }
 
@@ -65,14 +76,15 @@
     background-color: $blueberry800;
   }
 
-  &--invalid,
   &--bigform#{&}--invalid {
     background-color: $white;
   }
-}
 
-.checkbox-label:last-of-type {
-  margin-bottom: 0;
+  @media (min-width: map-get($grid-breakpoints, md)) {
+    &--bigform {
+      padding: 1.68rem getSpacer(l);
+    }
+  }
 }
 
 .checkbox {

package/components/Checkbox/styles.module.scss.d.ts

@@ -14,6 +14,7 @@ export type Styles = {
   'checkbox-label--invalid': string;
   'checkbox-label--on-blueberry': string;
   'checkbox-label--on-dark': string;
+  'checkbox-wrapper': string;
   'checkbox-wrapper--bigform': string;
   'checkbox-wrapper--with-error': string;
 };

package/components/ExpanderList/index.js

@@ -1,2 +1,2 @@
-import{_ as e,a as t}from"../../_rollupPluginBabelHelpers-e1c7fe69.js";import n,{useState as a,useEffect as r}from"react";import{a as i,I as l}from"../../constants-d1f48e8e.js";import{u as o}from"../../useHover-57ad4df9.js";import{u as d,B as s}from"../../useBreakpoint-a8fa8a61.js";import{c}from"../../index-9b84fabc.js";import m from"./styles.module.scss";import"../../_tslib-51c8a283.js";import"../../useWindowSize-c22d7634.js";import"../../grid-11a70eb7.js";var p=function(e){var t=e.isExtraSmall,a=e.isHovered,r=n.createElement("path",{d:"M15.049 30.277l-1.419-1.409 10.371-10.451L34.37 28.868l-1.419 1.409L24 21.257z"}),i=n.createElement("path",{d:"M24.001 10.14L36.37 22.591 34.951 24 25 13.985V35h-2V13.985L13.049 24l-1.419-1.409z"}),l=n.createElement("path",{d:"M32.577 30.115l1.793-1.779-10.371-10.451L13.63 28.336l1.793 1.779 8.576-8.644z"});return t?a?n.createElement("path",{d:"M23.999 9.043L36.897 22.02l-1.794 1.78-9.841-9.9.001 20.205h-2.526L22.736 13.9l-9.839 9.9-1.794-1.78z"}):l:a?i:r},u=function(e){var t=e.isExtraSmall,a=e.isHovered,r=n.createElement("path",{d:"M32.951 18.788l1.419 1.409-10.371 10.451L13.63 20.197l1.419-1.409L24 27.809z"}),i=n.createElement("path",{d:"M25 13v20.083l9.951-10.013 1.419 1.409L23.999 36.93 11.63 24.479l1.419-1.409L23 33.085V13z"}),l=n.createElement("path",{d:"M32.577 17.885l1.793 1.779-10.371 10.451L13.63 19.664l1.793-1.779 8.576 8.644z"});return t?a?n.createElement("path",{d:"M25 13v20.083l9.951-10.013 1.419 1.409L23.999 36.93 11.63 24.479l1.419-1.409L23 33.085V13z"}):l:a?i:r},f=n.forwardRef((function(e,a){var r,f=e.id,v=e.children,x=e.padding,E=void 0===x||x,h=e.color,g=void 0===h?"neutral":h,_=e.className,L=void 0===_?"":_,k=e.icon,b=e.large,j=void 0!==b&&b,z=e.title,N=e.isExpanded,H=void 0!==N&&N,w=e.testId,M=void 0===w?"":w,B=e.handleExpanderClick,C=o(),S=C.hoverRef,O=C.isHovered,V=d(),y=c(m["expander-list-link"],m["expander-list-link--".concat(g)],(t(r={},m["expander-list-link--closed"],!H),t(r,m["expander-list-link--large"],j),r)),I=c(m["expander-list-link__main-content"],E?m["expander-list-link__main-content--padding"]:"");return n.createElement("li",{className:L,ref:a},n.createElement("button",{id:f,onClick:B,"data-testid":M,className:y,ref:S},k&&n.createElement("span",{className:m["expander-list-link__icon"]},n.cloneElement(k,{size:V===s.Xs?i.XSmall:i.Small,isHovered:O})),n.createElement("span",{className:m["expander-list-link__title"]},z),n.createElement("span",{className:m["expander-list-link__chevron"]},n.createElement(l,{size:i.XSmall,svgIcon:H?p:u,isHovered:O}))),H?n.createElement("div",{className:I},v):null)})),v=n.forwardRef((function(i,l){var o=i.children,d=i.childPadding,s=void 0===d||d,p=i.large,u=i.isOpen,v=void 0!==u&&u,x=i.color,E=i.className,h=void 0===E?"":E,g=i.accordion,_=void 0!==g&&g,L=i.topBorder,k=void 0===L||L,b=i.bottomBorder,j=void 0===b||b,z=a({}),N=e(z,2),H=N[0],w=N[1],M=a(),B=e(M,2),C=B[0],S=B[1],O=n.Children.count(o),V=c(m["expander-list"],h);return r((function(){var e,t,n,a,r;!_||!C||(e=C.getBoundingClientRect(),t=e.top,n=e.left,a=e.bottom,r=e.right,t>=0&&n>=0&&a<=(window.innerHeight||document.documentElement.clientHeight)&&r<=(window.innerWidth||document.documentElement.clientWidth))||C.scrollIntoView()}),[_,C]),r((function(){if(v){var e="expander-0";w((function(n){return _?t({},e,!n[e]):Object.assign(Object.assign({},n),t({},e,!n[e]))}))}}),[v]),n.createElement("ul",{className:V,ref:l},n.Children.map(o,(function(e,a){if(e.type===f){var r=H["expander-".concat(a)],i=function(e){var n;return c(m["expander-list__item"],(t(n={},m["expander-list__item--top"],0===e&&k),t(n,m["expander-list__item--no-bottom"],e===O-1&&!j),n))}(a);return n.cloneElement(e,{id:"expander-".concat(a),key:"expander-".concat(a),isExpanded:r,padding:s,color:x,large:p,"aria-expanded":r,className:i,handleExpanderClick:function(e){return function(e,n){w((function(e){return _?t({},n,!e[n]):Object.assign(Object.assign({},e),t({},n,!e[n]))})),S(e.currentTarget)}(e,"expander-".concat(a))}})}return e})))}));v.Expander=f,f.displayName="ExpanderList.Expander";export default v;
+import{_ as e,a as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import n,{useState as a,useEffect as r}from"react";import{a as i,I as l}from"../../constants-d919236e.js";import{u as o}from"../../useHover-037be19d.js";import{u as d,B as s}from"../../useBreakpoint-324a9b14.js";import{c}from"../../index-9b84fabc.js";import m from"./styles.module.scss";import"../../_tslib-51c8a283.js";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var p=function(e){var t=e.isExtraSmall,a=e.isHovered,r=n.createElement("path",{d:"M15.049 30.277l-1.419-1.409 10.371-10.451L34.37 28.868l-1.419 1.409L24 21.257z"}),i=n.createElement("path",{d:"M24.001 10.14L36.37 22.591 34.951 24 25 13.985V35h-2V13.985L13.049 24l-1.419-1.409z"}),l=n.createElement("path",{d:"M32.577 30.115l1.793-1.779-10.371-10.451L13.63 28.336l1.793 1.779 8.576-8.644z"});return t?a?n.createElement("path",{d:"M23.999 9.043L36.897 22.02l-1.794 1.78-9.841-9.9.001 20.205h-2.526L22.736 13.9l-9.839 9.9-1.794-1.78z"}):l:a?i:r},u=function(e){var t=e.isExtraSmall,a=e.isHovered,r=n.createElement("path",{d:"M32.951 18.788l1.419 1.409-10.371 10.451L13.63 20.197l1.419-1.409L24 27.809z"}),i=n.createElement("path",{d:"M25 13v20.083l9.951-10.013 1.419 1.409L23.999 36.93 11.63 24.479l1.419-1.409L23 33.085V13z"}),l=n.createElement("path",{d:"M32.577 17.885l1.793 1.779-10.371 10.451L13.63 19.664l1.793-1.779 8.576 8.644z"});return t?a?n.createElement("path",{d:"M25 13v20.083l9.951-10.013 1.419 1.409L23.999 36.93 11.63 24.479l1.419-1.409L23 33.085V13z"}):l:a?i:r},v=n.forwardRef((function(e,a){var r,v=e.id,f=e.children,x=e.padding,E=void 0===x||x,h=e.color,g=void 0===h?"neutral":h,_=e.className,b=void 0===_?"":_,L=e.icon,k=e.large,j=void 0!==k&&k,z=e.title,N=e.isExpanded,H=void 0!==N&&N,w=e.testId,M=void 0===w?"":w,B=e.handleExpanderClick,C=o(),S=C.hoverRef,O=C.isHovered,V=d(),y=c(m["expander-list-link"],m["expander-list-link--".concat(g)],(t(r={},m["expander-list-link--closed"],!H),t(r,m["expander-list-link--large"],j),r)),I=c(m["expander-list-link__main-content"],E?m["expander-list-link__main-content--padding"]:"");return n.createElement("li",{className:b,ref:a},n.createElement("button",{id:v,onClick:B,"data-testid":M,className:y,ref:S},L&&n.createElement("span",{className:m["expander-list-link__icon"]},n.cloneElement(L,{size:V===s.Xs?i.XSmall:i.Small,isHovered:O})),n.createElement("span",{className:m["expander-list-link__title"]},z),n.createElement("span",{className:m["expander-list-link__chevron"]},n.createElement(l,{size:i.XSmall,svgIcon:H?p:u,isHovered:O}))),H?n.createElement("div",{className:I},f):null)})),f=n.forwardRef((function(i,l){var o=i.children,d=i.childPadding,s=void 0===d||d,p=i.large,u=i.isOpen,f=void 0!==u&&u,x=i.color,E=i.className,h=void 0===E?"":E,g=i.accordion,_=void 0!==g&&g,b=i.topBorder,L=void 0===b||b,k=i.bottomBorder,j=void 0===k||k,z=a({}),N=e(z,2),H=N[0],w=N[1],M=a(),B=e(M,2),C=B[0],S=B[1],O=n.Children.count(o),V=c(m["expander-list"],h);return r((function(){var e,t,n,a,r;!_||!C||(e=C.getBoundingClientRect(),t=e.top,n=e.left,a=e.bottom,r=e.right,t>=0&&n>=0&&a<=(window.innerHeight||document.documentElement.clientHeight)&&r<=(window.innerWidth||document.documentElement.clientWidth))||C.scrollIntoView()}),[_,C]),r((function(){if(f){var e="expander-0";w((function(n){return _?t({},e,!n[e]):Object.assign(Object.assign({},n),t({},e,!n[e]))}))}}),[f]),n.createElement("ul",{className:V,ref:l},n.Children.map(o,(function(e,a){if(e.type===v){var r=H["expander-".concat(a)],i=function(e){var n;return c(m["expander-list__item"],(t(n={},m["expander-list__item--top"],0===e&&L),t(n,m["expander-list__item--no-bottom"],e===O-1&&!j),n))}(a);return n.cloneElement(e,{id:"expander-".concat(a),key:"expander-".concat(a),isExpanded:r,padding:s,color:x,large:p,"aria-expanded":r,className:i,handleExpanderClick:function(e){return function(e,n){w((function(e){return _?t({},n,!e[n]):Object.assign(Object.assign({},e),t({},n,!e[n]))})),S(e.currentTarget)}(e,"expander-".concat(a))}})}return e})))}));f.Expander=v,v.displayName="ExpanderList.Expander";export default f;
 //# sourceMappingURL=index.js.map

package/components/FormExample/FormExample.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormExample.d.ts","sourceRoot":"","sources":["../../../src/components/FormExample/FormExample.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAkB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAIhE,UAAU,gBAAgB;IACxB,WAAW,EAAE,mBAAmB,CAAC;IACjC,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,oBAAY,mBAAmB;IAC7B,SAAS,cAAc;IACvB,QAAQ,aAAa;CACtB;AAED,eAAO,MAAM,WAAW,sFA6DtB,CAAC;AAEH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"FormExample.d.ts","sourceRoot":"","sources":["../../../src/components/FormExample/FormExample.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAkB,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAIhE,UAAU,gBAAgB;IACxB,WAAW,EAAE,mBAAmB,CAAC;IACjC,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB;AAED,oBAAY,mBAAmB;IAC7B,SAAS,cAAc;IACvB,QAAQ,aAAa;CACtB;AAED,eAAO,MAAM,WAAW,sFAkEtB,CAAC;AAEH,eAAe,WAAW,CAAC"}

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 u,useMemo as a,isValidElement as s}from"react";import{V as c}from"../../Validation-e113da7e.js";import{F as o}from"../../FormGroup-17d2a3d3.js";import{C as f}from"../../Checkbox-ffdd3cb7.js";import{B as l}from"../../Button-7200b617.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"../../index-9b84fabc.js";import"../Validation/styles.module.scss";import"../FormGroup/styles.module.scss";import"../../Title-863af332.js";import"../Title/styles.module.scss";import"../../uuid-484288be.js";import"../../Check-6291ad09.js";import"../../constants-d1f48e8e.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../Loader-9e099b42.js";import"../Loader/styles.module.scss";import"../../useHover-57ad4df9.js";import"../../useWindowSize-c22d7634.js";import"../Button/styles.module.scss";var d=function(r){return r instanceof HTMLElement},v="blur",m="change",g="input",p="onBlur",y="onChange",h="onSubmit",b="onTouched",O="all",j="max",V="min",A="maxLength",E="minLength",w="pattern",S="required",F="validate";var D=function(r){return null==r},k=function(r){return"object"==typeof r},x=function(r){return!D(r)&&!Array.isArray(r)&&k(r)&&!(r instanceof Date)},C=function(r){return/^\w*$/.test(r)},R=function(r){return r.filter(Boolean)},N=function(r){return R(r.replace(/["|']/g,"").replace(/\[/g,".").replace(/\]/g,"").split("."))};function B(r,e,t){for(var n=-1,i=C(e)?[e]:N(e),u=i.length,a=u-1;++n<u;){var s=i[n],c=t;if(n!==a){var o=r[s];c=x(o)||Array.isArray(o)?o:isNaN(+i[n+1])?{}:[]}r[s]=c,r=r[s]}return r}var L=function(r,e){for(var t in void 0===e&&(e={}),r)C(t)?e[t]=r[t]:B(e,t,r[t]);return e},T=function(r){return void 0===r},M=function(r,e,t){void 0===r&&(r={});var n=R(e.split(/[,[\].]+?/)).reduce((function(r,e){return D(r)?r:r[e]}),r);return T(n)||n===r?T(r[e])?t:r[e]:n},W=function(r,e){d(r)&&r.removeEventListener&&(r.removeEventListener(g,e),r.removeEventListener(m,e),r.removeEventListener(v,e))},_={isValid:!1,value:null},q=function(r){return Array.isArray(r)?r.reduce((function(r,e){return e&&e.ref.checked?{isValid:!0,value:e.ref.value}:r}),_):_},H=function(r){return"radio"===r.type},P=function(r){return"file"===r.type},z=function(r){return"checkbox"===r.type},U=function(r){return"select-multiple"===r.type},$={value:!1,isValid:!1},G={value:!0,isValid:!0},I=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,u=t.attributes;return n?u&&!T(u.value)?T(i)||""===i?G:{value:i,isValid:!0}:G:$}return $};function J(r,e,t,n,i){var u,a=r.current[e];if(a){var s=a.ref,c=s.value,o=s.disabled,f=a.ref,l=a.valueAsNumber,d=a.valueAsDate,v=a.setValueAs;if(o&&n)return;return P(f)?f.files:H(f)?q(a.options).value:U(f)?(u=f.options,[].concat(u).filter((function(r){return r.selected})).map((function(r){return r.value}))):z(f)?I(a.options).value:i?c:l?""===c?NaN:+c:d?f.valueAsDate:v?v(c):c}if(t)return M(t.current,e)}function K(r){return!r||r instanceof HTMLElement&&r.nodeType!==Node.DOCUMENT_NODE&&K(r.parentNode)}var Q=function(r){return x(r)&&!Object.keys(r).length},X=function(r){return"boolean"==typeof r};function Y(r,e){var t,n=C(e)?[e]:N(e),i=1==n.length?r:function(r,e){for(var t=e.slice(0,-1).length,n=0;n<t;)r=T(r)?n++:r[e[n++]];return r}(r,n),u=n[n.length-1];i&&delete i[u];for(var a=0;a<n.slice(0,-1).length;a++){var s=-1,c=void 0,o=n.slice(0,-(a+1)),f=o.length-1;for(a>0&&(t=r);++s<o.length;){var l=o[s];c=c?c[l]:r[l],f===s&&(x(c)&&Q(c)||Array.isArray(c)&&!c.filter((function(r){return x(r)&&!Q(r)||X(r)})).length)&&(t?delete t[l]:delete r[l]),t=c}}return r}var Z=function(r,e){return r&&r.ref===e};var rr=function(r){return D(r)||!k(r)};function er(r,e){if(rr(r)||rr(e))return e;for(var t in e){var n=r[t],i=e[t];try{r[t]=x(n)&&x(i)||Array.isArray(n)&&Array.isArray(i)?er(n,i):i}catch(r){}}return r}function tr(r,e,t){if(rr(r)||rr(e)||r instanceof Date||e instanceof Date)return r===e;if(!s(r)){var n=Object.keys(r),i=Object.keys(e);if(n.length!==i.length)return!1;for(var u=0,a=n;u<a.length;u+=1){var c=a[u],o=r[c];if(!t||"ref"!==c){var f=e[c];if((x(o)||Array.isArray(o))&&(x(f)||Array.isArray(f))?!tr(o,f,t):o!==f)return!1}}}return!0}function nr(r,e,t,n,i){for(var u,a=-1;++a<r.length;){for(var s in r[a])Array.isArray(r[a][s])?(!t[a]&&(t[a]={}),t[a][s]=[],nr(r[a][s],M(e[a]||{},s,[]),t[a][s],t[a],s)):tr(M(e[a]||{},s),r[a][s])?B(t[a]||{},s):t[a]=Object.assign(Object.assign({},t[a]),((u={})[s]=!0,u));n&&!t.length&&delete n[i]}return t}var ir=function(r){return"string"==typeof r},ur=function(r,e,t,n,i){var u={},a=function(e){(T(i)||(ir(i)?e.startsWith(i):Array.isArray(i)&&i.find((function(r){return e.startsWith(r)}))))&&(u[e]=J(r,e,void 0,n))};for(var s in r.current)a(s);return t?L(u):er(e,L(u))},ar=function(r){return r instanceof RegExp},sr=function(r){return x(r)&&!ar(r)?r:{value:r,message:""}},cr=function(r){return"function"==typeof r},or=function(r){return ir(r)||s(r)};function fr(r,e,t){if(void 0===t&&(t="validate"),or(r)||X(r)&&!r)return{type:t,message:or(r)?r:"",ref:e}}var lr=function(r,e,t,n,i){var u;return e?Object.assign(Object.assign({},t[r]),{types:Object.assign(Object.assign({},t[r]&&t[r].types?t[r].types:{}),(u={},u[n]=i||!0,u))}):{}},dr=async function(r,e,t,n){var i=t.ref,u=t.ref.value,a=t.options,s=t.required,c=t.maxLength,o=t.minLength,f=t.min,l=t.max,d=t.pattern,v=t.validate,m=i.name,g={},p=H(i),y=z(i),h=p||y,b=""===u,O=lr.bind(null,m,e,g),k=function(r,e,t,n,u){void 0===n&&(n=A),void 0===u&&(u=E);var a=r?e:t;g[m]=Object.assign({type:r?n:u,message:a,ref:i},O(r?n:u,a))};if(s&&(!p&&!y&&(b||D(u))||X(u)&&!u||y&&!I(a).isValid||p&&!q(a).isValid)){var C=or(s)?{value:!!s,message:s}:sr(s),R=C.value,N=C.message;if(R&&(g[m]=Object.assign({type:S,message:N,ref:h?((r.current[m].options||[])[0]||{}).ref:i},O(S,N)),!e))return g}if(!(D(f)&&D(l)||""===u)){var B,L,T=sr(l),M=sr(f);if(isNaN(u)){var W=i.valueAsDate||new Date(u);ir(T.value)&&(B=W>new Date(T.value)),ir(M.value)&&(L=W<new Date(M.value))}else{var _=i.valueAsNumber||parseFloat(u);D(T.value)||(B=_>T.value),D(M.value)||(L=_<M.value)}if((B||L)&&(k(!!B,T.message,M.message,j,V),!e))return g}if(ir(u)&&!b&&(c||o)){var P=sr(c),U=sr(o),$=!D(P.value)&&u.length>P.value,G=!D(U.value)&&u.length<U.value;if(($||G)&&(k($,P.message,U.message),!e))return g}if(ir(u)&&d&&!b){var K=sr(d),Y=K.value,Z=K.message;if(ar(Y)&&!Y.test(u)&&(g[m]=Object.assign({type:w,message:Z,ref:i},O(w,Z)),!e))return g}if(v){var rr=J(r,m,n,!1,!0),er=h&&a?a[0].ref:i;if(cr(v)){var tr=fr(await v(rr),er);if(tr&&(g[m]=Object.assign(Object.assign({},tr),O(F,tr.message)),!e))return g}else if(x(v)){for(var nr={},ur=0,dr=Object.entries(v);ur<dr.length;ur+=1){var vr=dr[ur],mr=vr[0],gr=vr[1];if(!Q(nr)&&!e)break;var pr=fr(await gr(rr),er,mr);pr&&(nr=Object.assign(Object.assign({},pr),O(mr,pr.message)),e&&(g[m]=nr))}if(!Q(nr)&&(g[m]=Object.assign({ref:er},nr),!e))return g}}return g},vr=function(r,e,t){for(var n in void 0===t&&(t=[]),e){var i=r+(x(e)?"."+n:"["+n+"]");rr(e[n])?t.push(i):vr(i,e[n],t)}return t},mr=function(r,e,t,n,i){var u=void 0;return t.add(e),Q(r)||(u=M(r,e),(x(u)||Array.isArray(u))&&vr(e,u).forEach((function(r){return t.add(r)}))),T(u)?i?n:M(n,e):u},gr=function(r){return r.substring(0,r.indexOf("["))},pr=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 yr="undefined"!=typeof window&&"undefined"!=typeof document;function hr(r){var e,t;if(rr(r)||yr&&(r instanceof File||d(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 u=i[n];t.add(u)}return t}if(r instanceof Map){t=new Map;for(var a=0,s=r.keys();a<s.length;a+=1){var c=s[a];t.set(c,hr(r.get(c)))}return t}for(var o in t=Array.isArray(r)?[]:{},r)t[o]=hr(r[o]);return t}var br,Or=function(r){return{isOnSubmit:!r||r===h,isOnBlur:r===p,isOnChange:r===y,isOnAll:r===O,isOnTouch:r===b}},jr=function(r){return H(r)||z(r)},Vr="undefined"==typeof window,Ar=yr?"Proxy"in window:"undefined"!=typeof Proxy;function Er(r){void 0===r&&(r={});var e=r.mode;void 0===e&&(e=h);var s=r.reValidateMode;void 0===s&&(s=y);var c=r.resolver,o=r.context,f=r.defaultValues;void 0===f&&(f={});var l=r.shouldFocusError;void 0===l&&(l=!0);var p=r.shouldUnregister;void 0===p&&(p=!0);var b=r.criteriaMode,j=n({}),V=n({}),A=n({}),E=n(new Set),w=n({}),S=n({}),F=n({}),k=n({}),N=n(f),_=n(!1),q=n(!1),$=n(),G=n({}),I=n({}),X=n(o),ar=n(c),sr=n(new Set),or=n(Or(e)),fr=or.current,lr=fr.isOnSubmit,br=fr.isOnTouch,Er=b===O,wr=i({isDirty:!1,isValidating:!1,dirtyFields:{},isSubmitted:!1,submitCount:0,touched:{},isSubmitting:!1,isSubmitSuccessful:!1,isValid:!lr,errors:{}}),Sr=wr[0],Fr=wr[1],Dr=n({isDirty:!Ar,dirtyFields:!Ar,touched:!Ar||br,isValidating:!Ar,isSubmitting:!Ar,isValid:!Ar}),kr=n(Sr),xr=n(),Cr=n(Or(s)).current,Rr=Cr.isOnBlur,Nr=Cr.isOnChange;X.current=o,ar.current=c,kr.current=Sr,G.current=p?{}:Q(G.current)?hr(f):G.current;var Br=t((function(r){void 0===r&&(r={}),_.current||(kr.current=Object.assign(Object.assign({},kr.current),r),Fr(kr.current))}),[]),Lr=function(){return Dr.current.isValidating&&Br({isValidating:!0})},Tr=t((function(r,e,t,n,i){void 0===t&&(t=!1),void 0===n&&(n={});var u=t||function(r){var e=r.errors,t=r.name,n=r.error,i=r.validFields,u=r.fieldsWithValidation,a=T(n),s=M(e,t);return a&&!!s||!a&&!tr(s,n,!0)||a&&M(u,t)&&!M(i,t)}({errors:kr.current.errors,error:e,name:r,validFields:k.current,fieldsWithValidation:F.current}),a=M(kr.current.errors,r);e?(Y(k.current,r),u=u||!a||!tr(a,e,!0),B(kr.current.errors,r,e)):((M(F.current,r)||ar.current)&&(B(k.current,r,!0),u=u||a),Y(kr.current.errors,r)),(u&&!D(t)||!Q(n)||Dr.current.isValidating)&&Br(Object.assign(Object.assign(Object.assign({},n),ar.current?{isValid:!!i}:{}),{isValidating:!1}))}),[]),Mr=t((function(r,e){var t=j.current[r],n=t.ref,i=t.options,u=yr&&d(n)&&D(e)?"":e;H(n)?(i||[]).forEach((function(r){var e=r.ref;return e.checked=e.value===u})):P(n)&&!ir(u)?n.files=u:U(n)?[].concat(n.options).forEach((function(r){return r.selected=u.includes(r.value)})):z(n)&&i?i.length>1?i.forEach((function(r){var e=r.ref;return e.checked=Array.isArray(u)?!!u.find((function(r){return r===e.value})):u===e.value})):i[0].ref.checked=!!u:n.value=u}),[]),Wr=t((function(r,e){if(Dr.current.isDirty){var t=Jr();return r&&e&&B(t,r,e),!tr(t,N.current)}return!1}),[]),_r=t((function(r,e){if(void 0===e&&(e=!0),Dr.current.isDirty||Dr.current.dirtyFields){var t=!tr(M(N.current,r),J(j,r,G)),n=M(kr.current.dirtyFields,r),i=kr.current.isDirty;t?B(kr.current.dirtyFields,r,!0):Y(kr.current.dirtyFields,r);var u={isDirty:Wr(),dirtyFields:kr.current.dirtyFields},a=Dr.current.isDirty&&i!==u.isDirty||Dr.current.dirtyFields&&n!==M(kr.current.dirtyFields,r);return a&&e&&Br(u),a?u:{}}return{}}),[]),qr=t((async function(r,e){if("production"!==process.env.NODE_ENV&&!j.current[r])return console.warn("📋 Field is missing with `name` attribute: ",r),!1;var t=(await dr(j,Er,j.current[r],G))[r];return Tr(r,t,e),T(t)}),[Tr,Er]),Hr=t((async function(r){var e=(await ar.current(Jr(),X.current,Er)).errors,t=kr.current.isValid;if(Array.isArray(r)){var n=r.map((function(r){var t=M(e,r);return t?B(kr.current.errors,r,t):Y(kr.current.errors,r),!t})).every(Boolean);return Br({isValid:Q(e),isValidating:!1}),n}var i=M(e,r);return Tr(r,i,t!==Q(e),{},Q(e)),!i}),[Tr,Er]),Pr=t((async function(r){var e=r||Object.keys(j.current);if(Lr(),ar.current)return Hr(e);if(Array.isArray(e)){!r&&(kr.current.errors={});var t=await Promise.all(e.map((async function(r){return await qr(r,null)})));return Br({isValidating:!1}),t.every(Boolean)}return await qr(e)}),[Hr,qr]),zr=t((function(r,e,t){var n=t.shouldDirty,i=t.shouldValidate,u={};B(u,r,e);for(var a=0,s=vr(r,e);a<s.length;a+=1){var c=s[a];j.current[c]&&(Mr(c,M(u,c)),n&&_r(c),i&&Pr(c))}}),[Pr,Mr,_r]),Ur=t((function(r,e,t){var n,i;if(!p&&!rr(e)&&B(G.current,r,Array.isArray(e)?[].concat(e):Object.assign({},e)),j.current[r])Mr(r,e),t.shouldDirty&&_r(r),t.shouldValidate&&Pr(r);else if(!rr(e)&&(zr(r,e,t),sr.current.has(r))){var u=gr(r)||r;B(V.current,r,e),I.current[u](((n={})[u]=M(V.current,u),n)),(Dr.current.isDirty||Dr.current.dirtyFields)&&t.shouldDirty&&(B(kr.current.dirtyFields,r,function(r,e,t){return er(nr(r,e,t.slice(0,r.length)),nr(e,r,t.slice(0,r.length)))}(e,M(N.current,r,[]),M(kr.current.dirtyFields,r,[]))),Br({isDirty:!tr(Object.assign(Object.assign({},Jr()),(i={},i[r]=e,i)),N.current)}))}!p&&B(G.current,r,e)}),[_r,Mr,zr]),$r=function(r){return q.current||E.current.has(r)||E.current.has((r.match(/\w+/)||[])[0])},Gr=function(r){var e=!0;if(!Q(w.current))for(var t in w.current)r&&w.current[t].size&&!w.current[t].has(r)&&!w.current[t].has(gr(r))||(S.current[t](),e=!1);return e};function Ir(r){var e;if(!p){for(var t=hr(r),n=0,i=sr.current;n<i.length;n+=1){var u=i[n];C(u)&&!t[u]&&(t=Object.assign(Object.assign({},t),((e={})[u]=[],e)))}return t}return r}function Jr(r){if(ir(r))return J(j,r,G);if(Array.isArray(r)){for(var e={},t=0,n=r;t<n.length;t+=1){var i=n[t];B(e,i,J(j,i,G))}return e}return Ir(ur(j,hr(G.current),p))}$.current=$.current?$.current:async function(r){var e,t,n=r.type,i=r.target,u=i.name,a=j.current[u];if(a){var s=n===v,c=function(r){var e=r.isOnBlur,t=r.isOnChange,n=r.isOnTouch,i=r.isTouched,u=r.isReValidateOnBlur,a=r.isReValidateOnChange,s=r.isBlurEvent,c=r.isSubmitted;return!r.isOnAll&&(!c&&n?!(i||s):(c?u:e)?!s:!(c?a:t)||s)}(Object.assign({isBlurEvent:s,isReValidateOnChange:Nr,isReValidateOnBlur:Rr,isTouched:!!M(kr.current.touched,u),isSubmitted:kr.current.isSubmitted},or.current)),o=_r(u,!1),f=!Q(o)||!s&&$r(u);if(s&&!M(kr.current.touched,u)&&Dr.current.touched&&(B(kr.current.touched,u,!0),o=Object.assign(Object.assign({},o),{touched:kr.current.touched})),!p&&z(i)&&B(G.current,u,J(j,u)),c)return!s&&Gr(u),(!Q(o)||f&&Q(o))&&Br(o);if(Lr(),ar.current){var l=(await ar.current(Jr(),X.current,Er)).errors,d=kr.current.isValid;if(e=M(l,u),z(i)&&!e&&ar.current){var m=gr(u),g=M(l,m,{});g.type&&g.message&&(e=g),m&&(g||M(kr.current.errors,m))&&(u=m)}d!==(t=Q(l))&&(f=!0)}else e=(await dr(j,Er,a,G))[u];!s&&Gr(u),Tr(u,e,f,o,t)}};var Kr=t((async function(r){void 0===r&&(r={});var e=Q(j.current)?N.current:{},t=(await ar.current(Object.assign(Object.assign(Object.assign({},e),Jr()),r),X.current,Er)||{}).errors,n=Q(t);kr.current.isValid!==n&&Br({isValid:n})}),[Er]),Qr=t((function(r,e){!function(r,e,t,n,i,u){var a=t.ref,s=t.ref.name,c=r.current[s];if(!i){var o=J(r,s,n);!T(o)&&B(n.current,s,o)}a.type&&c?H(a)||z(a)?Array.isArray(c.options)&&c.options.length?(R(c.options).forEach((function(r,t){void 0===r&&(r={}),(K(r.ref)&&Z(r,r.ref)||u)&&(W(r.ref,e),Y(c.options,"["+t+"]"))})),c.options&&!R(c.options).length&&delete r.current[s]):delete r.current[s]:(K(a)&&Z(c,a)||u)&&(W(a,e),delete r.current[s]):delete r.current[s]}(j,$.current,r,G,p,e),p&&(Y(k.current,r.ref.name),Y(F.current,r.ref.name))}),[p]),Xr=t((function(r){if(q.current)Br();else{for(var e=0,t=E.current;e<t.length;e+=1){if(t[e].startsWith(r)){Br();break}}Gr(r)}}),[]),Yr=t((function(r,e){r&&(Qr(r,e),p&&!R(r.options||[]).length&&(Y(kr.current.errors,r.ref.name),B(kr.current.dirtyFields,r.ref.name,!0),Br({isDirty:Wr()}),Dr.current.isValid&&ar.current&&Kr(),Xr(r.ref.name)))}),[Kr,Qr]);var Zr=t((function(r,e,t){var n=t?w.current[t]:E.current,i=ur(j,hr(G.current),p,!1,r);if(ir(r)){var u=gr(r)||r;return sr.current.has(u)&&(i=Object.assign(Object.assign({},A.current),i)),mr(i,r,n,T(M(N.current,r))?e:M(N.current,r),!0)}var a=T(e)?N.current:e;return Array.isArray(r)?r.reduce((function(r,e){var t;return Object.assign(Object.assign({},r),((t={})[e]=mr(i,e,n,a),t))}),{}):(q.current=T(t),L(!Q(i)&&i||a))}),[]);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(sr.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,u=r.value,a=Object.assign({ref:r},e),s=j.current,c=jr(r),o=pr(sr.current,n),f=function(e){return yr&&(!d(r)||e===r)},l=s[n],y=!0;if(l&&(c?Array.isArray(l.options)&&R(l.options).find((function(r){return u===r.ref.value&&f(r.ref)})):f(l.ref)))s[n]=Object.assign(Object.assign({},l),e);else{l=i?c?Object.assign({options:R(l&&l.options||[]).concat([{ref:r}]),ref:{type:i,name:n}},e):Object.assign({},a):a,s[n]=l;var h=T(M(G.current,n));Q(N.current)&&h||(t=M(h?N.current:G.current,n),(y=T(t))||o||Mr(n,t)),Q(e)||(B(F.current,n,!0),!lr&&Dr.current.isValid&&dr(j,Er,l,G).then((function(r){var e=kr.current.isValid;Q(r)?B(k.current,n,!0):Y(k.current,n),e!==Q(r)&&Br()}))),!p||o&&y||!o&&Y(kr.current.dirtyFields,n),i&&function(r,e,t){var n=r.ref;d(n)&&t&&(n.addEventListener(e?m:g,t),n.addEventListener(v,t))}(c&&l.options?l.options[l.options.length-1]:l,c||"select-one"===r.type,$.current)}}var ee=t((function(r,e){return async function(t){t&&t.preventDefault&&(t.preventDefault(),t.persist());var n={},i=Ir(ur(j,hr(G.current),p,!0));Dr.current.isSubmitting&&Br({isSubmitting:!0});try{if(ar.current){var u=await ar.current(i,X.current,Er),a=u.errors,s=u.values;kr.current.errors=n=a,i=s}else for(var c=0,o=Object.values(j.current);c<o.length;c+=1){var f=o[c];if(f){var d=f.ref.name,v=await dr(j,Er,f,G);v[d]?(B(n,d,v[d]),Y(k.current,d)):M(F.current,d)&&(Y(kr.current.errors,d),B(k.current,d,!0))}}Q(n)&&Object.keys(kr.current.errors).every((function(r){return r in j.current}))?(Br({errors:{},isSubmitting:!0}),await r(i,t)):(kr.current.errors=Object.assign(Object.assign({},kr.current.errors),n),e&&await e(kr.current.errors,t),l&&function(r,e){for(var t in r)if(M(e,t)){var n=r[t];if(n){if(n.ref.focus&&T(n.ref.focus()))break;if(n.options){n.options[0].ref.focus();break}}}}(j.current,kr.current.errors))}finally{kr.current.isSubmitting=!1,Br({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:Q(kr.current.errors),submitCount:kr.current.submitCount+1})}}}),[l,Er]);u((function(){c&&Dr.current.isValid&&Kr(),xr.current=xr.current||!yr?xr.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 u=0,a=i.options;u<a.length;u+=1){var s=a[u];s&&s.ref&&K(s.ref)&&e(i)}else i&&K(i.ref)&&e(i)}}));return t.observe(window.document,{childList:!0,subtree:!0}),t}(j,Yr)}),[Yr,N.current]),u((function(){return function(){xr.current&&xr.current.disconnect(),_.current=!0,"production"===process.env.NODE_ENV&&Object.values(j.current).forEach((function(r){return Yr(r,!0)}))}}),[]),!c&&Dr.current.isValid&&(Sr.isValid=tr(k.current,F.current)&&Q(kr.current.errors));var te={trigger:Pr,setValue:t((function(r,e,t){Ur(r,e,t||{}),$r(r)&&Br(),Gr(r)}),[Ur,Pr]),getValues:t(Jr,[]),register:t((function(r,e){if(!Vr)if(ir(r))re({name:r},e);else{if(!x(r)||!("name"in r))return function(e){return e&&re(e,r)};re(r,e)}}),[N.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(j.current[n],!0)}}),[]),formState:Ar?new Proxy(Sr,{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 Dr.current[e]=!0,r[e]}}):Sr},ne=a((function(){return Object.assign({isFormDirty:Wr,updateWatchedValue:Xr,shouldUnregister:p,updateFormState:Br,removeFieldEventListener:Qr,watchInternal:Zr,mode:or.current,reValidateMode:{isReValidateOnBlur:Rr,isReValidateOnChange:Nr},validateResolver:c?Kr:void 0,fieldsRef:j,resetFieldArrayFunctionRef:I,useWatchFieldsRef:w,useWatchRenderFunctionsRef:S,fieldArrayDefaultValuesRef:V,validFieldsRef:k,fieldsWithValidationRef:F,fieldArrayNamesRef:sr,readFormStateRef:Dr,formStateRef:kr,defaultValuesRef:N,shallowFieldsStateRef:G,fieldArrayValuesRef:A},te)}),[N.current,Xr,p,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={}),yr)for(var t=0,n=Object.values(j.current);t<n.length;t+=1){var i=n[t];if(i){var u=i.ref,a=i.options,s=jr(u)&&Array.isArray(a)?a[0].ref:u;if(d(s))try{s.closest("form").reset();break}catch(r){}}}j.current={},N.current=Object.assign({},r||N.current),r&&Gr(""),Object.values(I.current).forEach((function(r){return cr(r)&&r()})),G.current=p?{}:hr(r||N.current),function(r){var e=r.errors,t=r.isDirty,n=r.isSubmitted,i=r.touched,u=r.isValid,a=r.submitCount,s=r.dirtyFields;u||(k.current={},F.current={}),V.current={},E.current=new Set,q.current=!1,Br({submitCount:a?kr.current.submitCount:0,isDirty:!!t&&kr.current.isDirty,isSubmitted:!!n&&kr.current.isSubmitted,isValid:!!u&&kr.current.isValid,dirtyFields:s?kr.current.dirtyFields:{},touched:i?kr.current.touched:{},errors:e?kr.current.errors:{},isSubmitting:!1,isSubmitSuccessful:!1})}(e)}),[]),clearErrors:t((function(r){r&&(Array.isArray(r)?r:[r]).forEach((function(r){return j.current[r]&&C(r)?delete kr.current.errors[r]:Y(kr.current.errors,r)})),Br({errors:r?kr.current.errors:{}})}),[]),setError:t((function(r,e){var t=(j.current[r]||{}).ref;B(kr.current.errors,r,Object.assign(Object.assign({},e),{ref:t})),Br({isValid:!1}),e.shouldFocus&&t&&t.focus&&t.focus()}),[]),errors:Sr.errors},te)}e(null).displayName="RHFContext",function(r){r.formgroup="formgroup",r.checkbox="checkbox"}(br||(br={}));var wr=r.forwardRef((function(e,t){var n=e.exampleType,i=void 0===n?br.formgroup:n,u=Er(),a=u.register,s=u.handleSubmit,d=u.errors,v=d.formgroup1||d.formgroup2,m="Du må velge et alternativ",g=function(r){return r.length>=2||"Du må velge to alternativ"};return r.createElement("form",{onSubmit:s((function(r){console.log(r)}))},r.createElement(c,{variant:e.variant,errorSummary:v?"Sjekk at alt er riktig utfylt":void 0},i===br.formgroup?r.createElement(r.Fragment,null,r.createElement(o,{title:"One amazing title",legend:"Check out these checkboxes!",error:d.formgroup1?d.formgroup1.message:void 0},r.createElement(f,{name:"formgroup1",label:"Checkbox 1",ref:a({required:m})}),r.createElement(f,{name:"formgroup1",label:"Checkbox 2",ref:a({required:m})}),r.createElement(f,{name:"formgroup1",label:"Checkbox 3",ref:a({required:m})})),r.createElement(o,{legend:"Select two options!",error:d.formgroup2?d.formgroup2.message:void 0},r.createElement(f,{name:"formgroup2",label:"Checkbox 4",ref:a({validate:g})}),r.createElement(f,{name:"formgroup2",label:"Checkbox 5",ref:a({validate:g})}),r.createElement(f,{name:"formgroup2",label:"Checkbox 6",ref:a({validate:g})}))):i===br.checkbox?r.createElement(r.Fragment,null,r.createElement(f,{name:"formgroup1",label:"Checkbox 1",error:d.formgroup1,errorText:d.formgroup1?d.formgroup1.message:void 0,ref:a({required:m})})):void 0),r.createElement("br",null),r.createElement(l,null,"Submit"))}));export default wr;
+import r,{createContext as e,useCallback as t,useRef as n,useState as i,useEffect as u,useMemo as a,isValidElement as s}from"react";import{V as c}from"../../Validation-b902407e.js";import{F as o}from"../../FormGroup-b874ae21.js";import{C as f}from"../../Checkbox-46666e69.js";import{B as l}from"../../Button-3f327b66.js";import"../../index-9b84fabc.js";import"../Validation/styles.module.scss";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../FormGroup/styles.module.scss";import"../../Title-7c829525.js";import"../Title/styles.module.scss";import"../../uuid-8870ab4b.js";import"../../Check-6291ad09.js";import"../../constants-d919236e.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../Loader-cf365332.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";var d=function(r){return r instanceof HTMLElement},v="blur",m="change",g="input",p="onBlur",y="onChange",b="onSubmit",h="onTouched",O="all",j="max",V="min",A="maxLength",w="minLength",E="pattern",S="required",F="validate";var k=function(r){return null==r},D=function(r){return"object"==typeof r},x=function(r){return!k(r)&&!Array.isArray(r)&&D(r)&&!(r instanceof Date)},C=function(r){return/^\w*$/.test(r)},R=function(r){return r.filter(Boolean)},N=function(r){return R(r.replace(/["|']/g,"").replace(/\[/g,".").replace(/\]/g,"").split("."))};function B(r,e,t){for(var n=-1,i=C(e)?[e]:N(e),u=i.length,a=u-1;++n<u;){var s=i[n],c=t;if(n!==a){var o=r[s];c=x(o)||Array.isArray(o)?o:isNaN(+i[n+1])?{}:[]}r[s]=c,r=r[s]}return r}var L=function(r,e){for(var t in void 0===e&&(e={}),r)C(t)?e[t]=r[t]:B(e,t,r[t]);return e},T=function(r){return void 0===r},M=function(r,e,t){void 0===r&&(r={});var n=R(e.split(/[,[\].]+?/)).reduce((function(r,e){return k(r)?r:r[e]}),r);return T(n)||n===r?T(r[e])?t:r[e]:n},W=function(r,e){d(r)&&r.removeEventListener&&(r.removeEventListener(g,e),r.removeEventListener(m,e),r.removeEventListener(v,e))},_={isValid:!1,value:null},q=function(r){return Array.isArray(r)?r.reduce((function(r,e){return e&&e.ref.checked?{isValid:!0,value:e.ref.value}:r}),_):_},H=function(r){return"radio"===r.type},P=function(r){return"file"===r.type},z=function(r){return"checkbox"===r.type},U=function(r){return"select-multiple"===r.type},$={value:!1,isValid:!1},G={value:!0,isValid:!0},I=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,u=t.attributes;return n?u&&!T(u.value)?T(i)||""===i?G:{value:i,isValid:!0}:G:$}return $};function J(r,e,t,n,i){var u,a=r.current[e];if(a){var s=a.ref,c=s.value,o=s.disabled,f=a.ref,l=a.valueAsNumber,d=a.valueAsDate,v=a.setValueAs;if(o&&n)return;return P(f)?f.files:H(f)?q(a.options).value:U(f)?(u=f.options,[].concat(u).filter((function(r){return r.selected})).map((function(r){return r.value}))):z(f)?I(a.options).value:i?c:l?""===c?NaN:+c:d?f.valueAsDate:v?v(c):c}if(t)return M(t.current,e)}function K(r){return!r||r instanceof HTMLElement&&r.nodeType!==Node.DOCUMENT_NODE&&K(r.parentNode)}var Q=function(r){return x(r)&&!Object.keys(r).length},X=function(r){return"boolean"==typeof r};function Y(r,e){var t,n=C(e)?[e]:N(e),i=1==n.length?r:function(r,e){for(var t=e.slice(0,-1).length,n=0;n<t;)r=T(r)?n++:r[e[n++]];return r}(r,n),u=n[n.length-1];i&&delete i[u];for(var a=0;a<n.slice(0,-1).length;a++){var s=-1,c=void 0,o=n.slice(0,-(a+1)),f=o.length-1;for(a>0&&(t=r);++s<o.length;){var l=o[s];c=c?c[l]:r[l],f===s&&(x(c)&&Q(c)||Array.isArray(c)&&!c.filter((function(r){return x(r)&&!Q(r)||X(r)})).length)&&(t?delete t[l]:delete r[l]),t=c}}return r}var Z=function(r,e){return r&&r.ref===e};var rr=function(r){return k(r)||!D(r)};function er(r,e){if(rr(r)||rr(e))return e;for(var t in e){var n=r[t],i=e[t];try{r[t]=x(n)&&x(i)||Array.isArray(n)&&Array.isArray(i)?er(n,i):i}catch(r){}}return r}function tr(r,e,t){if(rr(r)||rr(e)||r instanceof Date||e instanceof Date)return r===e;if(!s(r)){var n=Object.keys(r),i=Object.keys(e);if(n.length!==i.length)return!1;for(var u=0,a=n;u<a.length;u+=1){var c=a[u],o=r[c];if(!t||"ref"!==c){var f=e[c];if((x(o)||Array.isArray(o))&&(x(f)||Array.isArray(f))?!tr(o,f,t):o!==f)return!1}}}return!0}function nr(r,e,t,n,i){for(var u,a=-1;++a<r.length;){for(var s in r[a])Array.isArray(r[a][s])?(!t[a]&&(t[a]={}),t[a][s]=[],nr(r[a][s],M(e[a]||{},s,[]),t[a][s],t[a],s)):tr(M(e[a]||{},s),r[a][s])?B(t[a]||{},s):t[a]=Object.assign(Object.assign({},t[a]),((u={})[s]=!0,u));n&&!t.length&&delete n[i]}return t}var ir=function(r){return"string"==typeof r},ur=function(r,e,t,n,i){var u={},a=function(e){(T(i)||(ir(i)?e.startsWith(i):Array.isArray(i)&&i.find((function(r){return e.startsWith(r)}))))&&(u[e]=J(r,e,void 0,n))};for(var s in r.current)a(s);return t?L(u):er(e,L(u))},ar=function(r){return r instanceof RegExp},sr=function(r){return x(r)&&!ar(r)?r:{value:r,message:""}},cr=function(r){return"function"==typeof r},or=function(r){return ir(r)||s(r)};function fr(r,e,t){if(void 0===t&&(t="validate"),or(r)||X(r)&&!r)return{type:t,message:or(r)?r:"",ref:e}}var lr=function(r,e,t,n,i){var u;return e?Object.assign(Object.assign({},t[r]),{types:Object.assign(Object.assign({},t[r]&&t[r].types?t[r].types:{}),(u={},u[n]=i||!0,u))}):{}},dr=async function(r,e,t,n){var i=t.ref,u=t.ref.value,a=t.options,s=t.required,c=t.maxLength,o=t.minLength,f=t.min,l=t.max,d=t.pattern,v=t.validate,m=i.name,g={},p=H(i),y=z(i),b=p||y,h=""===u,O=lr.bind(null,m,e,g),D=function(r,e,t,n,u){void 0===n&&(n=A),void 0===u&&(u=w);var a=r?e:t;g[m]=Object.assign({type:r?n:u,message:a,ref:i},O(r?n:u,a))};if(s&&(!p&&!y&&(h||k(u))||X(u)&&!u||y&&!I(a).isValid||p&&!q(a).isValid)){var C=or(s)?{value:!!s,message:s}:sr(s),R=C.value,N=C.message;if(R&&(g[m]=Object.assign({type:S,message:N,ref:b?((r.current[m].options||[])[0]||{}).ref:i},O(S,N)),!e))return g}if(!(k(f)&&k(l)||""===u)){var B,L,T=sr(l),M=sr(f);if(isNaN(u)){var W=i.valueAsDate||new Date(u);ir(T.value)&&(B=W>new Date(T.value)),ir(M.value)&&(L=W<new Date(M.value))}else{var _=i.valueAsNumber||parseFloat(u);k(T.value)||(B=_>T.value),k(M.value)||(L=_<M.value)}if((B||L)&&(D(!!B,T.message,M.message,j,V),!e))return g}if(ir(u)&&!h&&(c||o)){var P=sr(c),U=sr(o),$=!k(P.value)&&u.length>P.value,G=!k(U.value)&&u.length<U.value;if(($||G)&&(D($,P.message,U.message),!e))return g}if(ir(u)&&d&&!h){var K=sr(d),Y=K.value,Z=K.message;if(ar(Y)&&!Y.test(u)&&(g[m]=Object.assign({type:E,message:Z,ref:i},O(E,Z)),!e))return g}if(v){var rr=J(r,m,n,!1,!0),er=b&&a?a[0].ref:i;if(cr(v)){var tr=fr(await v(rr),er);if(tr&&(g[m]=Object.assign(Object.assign({},tr),O(F,tr.message)),!e))return g}else if(x(v)){for(var nr={},ur=0,dr=Object.entries(v);ur<dr.length;ur+=1){var vr=dr[ur],mr=vr[0],gr=vr[1];if(!Q(nr)&&!e)break;var pr=fr(await gr(rr),er,mr);pr&&(nr=Object.assign(Object.assign({},pr),O(mr,pr.message)),e&&(g[m]=nr))}if(!Q(nr)&&(g[m]=Object.assign({ref:er},nr),!e))return g}}return g},vr=function(r,e,t){for(var n in void 0===t&&(t=[]),e){var i=r+(x(e)?"."+n:"["+n+"]");rr(e[n])?t.push(i):vr(i,e[n],t)}return t},mr=function(r,e,t,n,i){var u=void 0;return t.add(e),Q(r)||(u=M(r,e),(x(u)||Array.isArray(u))&&vr(e,u).forEach((function(r){return t.add(r)}))),T(u)?i?n:M(n,e):u},gr=function(r){return r.substring(0,r.indexOf("["))},pr=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 yr="undefined"!=typeof window&&"undefined"!=typeof document;function br(r){var e,t;if(rr(r)||yr&&(r instanceof File||d(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 u=i[n];t.add(u)}return t}if(r instanceof Map){t=new Map;for(var a=0,s=r.keys();a<s.length;a+=1){var c=s[a];t.set(c,br(r.get(c)))}return t}for(var o in t=Array.isArray(r)?[]:{},r)t[o]=br(r[o]);return t}var hr,Or=function(r){return{isOnSubmit:!r||r===b,isOnBlur:r===p,isOnChange:r===y,isOnAll:r===O,isOnTouch:r===h}},jr=function(r){return H(r)||z(r)},Vr="undefined"==typeof window,Ar=yr?"Proxy"in window:"undefined"!=typeof Proxy;function wr(r){void 0===r&&(r={});var e=r.mode;void 0===e&&(e=b);var s=r.reValidateMode;void 0===s&&(s=y);var c=r.resolver,o=r.context,f=r.defaultValues;void 0===f&&(f={});var l=r.shouldFocusError;void 0===l&&(l=!0);var p=r.shouldUnregister;void 0===p&&(p=!0);var h=r.criteriaMode,j=n({}),V=n({}),A=n({}),w=n(new Set),E=n({}),S=n({}),F=n({}),D=n({}),N=n(f),_=n(!1),q=n(!1),$=n(),G=n({}),I=n({}),X=n(o),ar=n(c),sr=n(new Set),or=n(Or(e)),fr=or.current,lr=fr.isOnSubmit,hr=fr.isOnTouch,wr=h===O,Er=i({isDirty:!1,isValidating:!1,dirtyFields:{},isSubmitted:!1,submitCount:0,touched:{},isSubmitting:!1,isSubmitSuccessful:!1,isValid:!lr,errors:{}}),Sr=Er[0],Fr=Er[1],kr=n({isDirty:!Ar,dirtyFields:!Ar,touched:!Ar||hr,isValidating:!Ar,isSubmitting:!Ar,isValid:!Ar}),Dr=n(Sr),xr=n(),Cr=n(Or(s)).current,Rr=Cr.isOnBlur,Nr=Cr.isOnChange;X.current=o,ar.current=c,Dr.current=Sr,G.current=p?{}:Q(G.current)?br(f):G.current;var Br=t((function(r){void 0===r&&(r={}),_.current||(Dr.current=Object.assign(Object.assign({},Dr.current),r),Fr(Dr.current))}),[]),Lr=function(){return kr.current.isValidating&&Br({isValidating:!0})},Tr=t((function(r,e,t,n,i){void 0===t&&(t=!1),void 0===n&&(n={});var u=t||function(r){var e=r.errors,t=r.name,n=r.error,i=r.validFields,u=r.fieldsWithValidation,a=T(n),s=M(e,t);return a&&!!s||!a&&!tr(s,n,!0)||a&&M(u,t)&&!M(i,t)}({errors:Dr.current.errors,error:e,name:r,validFields:D.current,fieldsWithValidation:F.current}),a=M(Dr.current.errors,r);e?(Y(D.current,r),u=u||!a||!tr(a,e,!0),B(Dr.current.errors,r,e)):((M(F.current,r)||ar.current)&&(B(D.current,r,!0),u=u||a),Y(Dr.current.errors,r)),(u&&!k(t)||!Q(n)||kr.current.isValidating)&&Br(Object.assign(Object.assign(Object.assign({},n),ar.current?{isValid:!!i}:{}),{isValidating:!1}))}),[]),Mr=t((function(r,e){var t=j.current[r],n=t.ref,i=t.options,u=yr&&d(n)&&k(e)?"":e;H(n)?(i||[]).forEach((function(r){var e=r.ref;return e.checked=e.value===u})):P(n)&&!ir(u)?n.files=u:U(n)?[].concat(n.options).forEach((function(r){return r.selected=u.includes(r.value)})):z(n)&&i?i.length>1?i.forEach((function(r){var e=r.ref;return e.checked=Array.isArray(u)?!!u.find((function(r){return r===e.value})):u===e.value})):i[0].ref.checked=!!u:n.value=u}),[]),Wr=t((function(r,e){if(kr.current.isDirty){var t=Jr();return r&&e&&B(t,r,e),!tr(t,N.current)}return!1}),[]),_r=t((function(r,e){if(void 0===e&&(e=!0),kr.current.isDirty||kr.current.dirtyFields){var t=!tr(M(N.current,r),J(j,r,G)),n=M(Dr.current.dirtyFields,r),i=Dr.current.isDirty;t?B(Dr.current.dirtyFields,r,!0):Y(Dr.current.dirtyFields,r);var u={isDirty:Wr(),dirtyFields:Dr.current.dirtyFields},a=kr.current.isDirty&&i!==u.isDirty||kr.current.dirtyFields&&n!==M(Dr.current.dirtyFields,r);return a&&e&&Br(u),a?u:{}}return{}}),[]),qr=t((async function(r,e){if("production"!==process.env.NODE_ENV&&!j.current[r])return console.warn("📋 Field is missing with `name` attribute: ",r),!1;var t=(await dr(j,wr,j.current[r],G))[r];return Tr(r,t,e),T(t)}),[Tr,wr]),Hr=t((async function(r){var e=(await ar.current(Jr(),X.current,wr)).errors,t=Dr.current.isValid;if(Array.isArray(r)){var n=r.map((function(r){var t=M(e,r);return t?B(Dr.current.errors,r,t):Y(Dr.current.errors,r),!t})).every(Boolean);return Br({isValid:Q(e),isValidating:!1}),n}var i=M(e,r);return Tr(r,i,t!==Q(e),{},Q(e)),!i}),[Tr,wr]),Pr=t((async function(r){var e=r||Object.keys(j.current);if(Lr(),ar.current)return Hr(e);if(Array.isArray(e)){!r&&(Dr.current.errors={});var t=await Promise.all(e.map((async function(r){return await qr(r,null)})));return Br({isValidating:!1}),t.every(Boolean)}return await qr(e)}),[Hr,qr]),zr=t((function(r,e,t){var n=t.shouldDirty,i=t.shouldValidate,u={};B(u,r,e);for(var a=0,s=vr(r,e);a<s.length;a+=1){var c=s[a];j.current[c]&&(Mr(c,M(u,c)),n&&_r(c),i&&Pr(c))}}),[Pr,Mr,_r]),Ur=t((function(r,e,t){var n,i;if(!p&&!rr(e)&&B(G.current,r,Array.isArray(e)?[].concat(e):Object.assign({},e)),j.current[r])Mr(r,e),t.shouldDirty&&_r(r),t.shouldValidate&&Pr(r);else if(!rr(e)&&(zr(r,e,t),sr.current.has(r))){var u=gr(r)||r;B(V.current,r,e),I.current[u](((n={})[u]=M(V.current,u),n)),(kr.current.isDirty||kr.current.dirtyFields)&&t.shouldDirty&&(B(Dr.current.dirtyFields,r,function(r,e,t){return er(nr(r,e,t.slice(0,r.length)),nr(e,r,t.slice(0,r.length)))}(e,M(N.current,r,[]),M(Dr.current.dirtyFields,r,[]))),Br({isDirty:!tr(Object.assign(Object.assign({},Jr()),(i={},i[r]=e,i)),N.current)}))}!p&&B(G.current,r,e)}),[_r,Mr,zr]),$r=function(r){return q.current||w.current.has(r)||w.current.has((r.match(/\w+/)||[])[0])},Gr=function(r){var e=!0;if(!Q(E.current))for(var t in E.current)r&&E.current[t].size&&!E.current[t].has(r)&&!E.current[t].has(gr(r))||(S.current[t](),e=!1);return e};function Ir(r){var e;if(!p){for(var t=br(r),n=0,i=sr.current;n<i.length;n+=1){var u=i[n];C(u)&&!t[u]&&(t=Object.assign(Object.assign({},t),((e={})[u]=[],e)))}return t}return r}function Jr(r){if(ir(r))return J(j,r,G);if(Array.isArray(r)){for(var e={},t=0,n=r;t<n.length;t+=1){var i=n[t];B(e,i,J(j,i,G))}return e}return Ir(ur(j,br(G.current),p))}$.current=$.current?$.current:async function(r){var e,t,n=r.type,i=r.target,u=i.name,a=j.current[u];if(a){var s=n===v,c=function(r){var e=r.isOnBlur,t=r.isOnChange,n=r.isOnTouch,i=r.isTouched,u=r.isReValidateOnBlur,a=r.isReValidateOnChange,s=r.isBlurEvent,c=r.isSubmitted;return!r.isOnAll&&(!c&&n?!(i||s):(c?u:e)?!s:!(c?a:t)||s)}(Object.assign({isBlurEvent:s,isReValidateOnChange:Nr,isReValidateOnBlur:Rr,isTouched:!!M(Dr.current.touched,u),isSubmitted:Dr.current.isSubmitted},or.current)),o=_r(u,!1),f=!Q(o)||!s&&$r(u);if(s&&!M(Dr.current.touched,u)&&kr.current.touched&&(B(Dr.current.touched,u,!0),o=Object.assign(Object.assign({},o),{touched:Dr.current.touched})),!p&&z(i)&&B(G.current,u,J(j,u)),c)return!s&&Gr(u),(!Q(o)||f&&Q(o))&&Br(o);if(Lr(),ar.current){var l=(await ar.current(Jr(),X.current,wr)).errors,d=Dr.current.isValid;if(e=M(l,u),z(i)&&!e&&ar.current){var m=gr(u),g=M(l,m,{});g.type&&g.message&&(e=g),m&&(g||M(Dr.current.errors,m))&&(u=m)}d!==(t=Q(l))&&(f=!0)}else e=(await dr(j,wr,a,G))[u];!s&&Gr(u),Tr(u,e,f,o,t)}};var Kr=t((async function(r){void 0===r&&(r={});var e=Q(j.current)?N.current:{},t=(await ar.current(Object.assign(Object.assign(Object.assign({},e),Jr()),r),X.current,wr)||{}).errors,n=Q(t);Dr.current.isValid!==n&&Br({isValid:n})}),[wr]),Qr=t((function(r,e){!function(r,e,t,n,i,u){var a=t.ref,s=t.ref.name,c=r.current[s];if(!i){var o=J(r,s,n);!T(o)&&B(n.current,s,o)}a.type&&c?H(a)||z(a)?Array.isArray(c.options)&&c.options.length?(R(c.options).forEach((function(r,t){void 0===r&&(r={}),(K(r.ref)&&Z(r,r.ref)||u)&&(W(r.ref,e),Y(c.options,"["+t+"]"))})),c.options&&!R(c.options).length&&delete r.current[s]):delete r.current[s]:(K(a)&&Z(c,a)||u)&&(W(a,e),delete r.current[s]):delete r.current[s]}(j,$.current,r,G,p,e),p&&(Y(D.current,r.ref.name),Y(F.current,r.ref.name))}),[p]),Xr=t((function(r){if(q.current)Br();else{for(var e=0,t=w.current;e<t.length;e+=1){if(t[e].startsWith(r)){Br();break}}Gr(r)}}),[]),Yr=t((function(r,e){r&&(Qr(r,e),p&&!R(r.options||[]).length&&(Y(Dr.current.errors,r.ref.name),B(Dr.current.dirtyFields,r.ref.name,!0),Br({isDirty:Wr()}),kr.current.isValid&&ar.current&&Kr(),Xr(r.ref.name)))}),[Kr,Qr]);var Zr=t((function(r,e,t){var n=t?E.current[t]:w.current,i=ur(j,br(G.current),p,!1,r);if(ir(r)){var u=gr(r)||r;return sr.current.has(u)&&(i=Object.assign(Object.assign({},A.current),i)),mr(i,r,n,T(M(N.current,r))?e:M(N.current,r),!0)}var a=T(e)?N.current:e;return Array.isArray(r)?r.reduce((function(r,e){var t;return Object.assign(Object.assign({},r),((t={})[e]=mr(i,e,n,a),t))}),{}):(q.current=T(t),L(!Q(i)&&i||a))}),[]);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(sr.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,u=r.value,a=Object.assign({ref:r},e),s=j.current,c=jr(r),o=pr(sr.current,n),f=function(e){return yr&&(!d(r)||e===r)},l=s[n],y=!0;if(l&&(c?Array.isArray(l.options)&&R(l.options).find((function(r){return u===r.ref.value&&f(r.ref)})):f(l.ref)))s[n]=Object.assign(Object.assign({},l),e);else{l=i?c?Object.assign({options:R(l&&l.options||[]).concat([{ref:r}]),ref:{type:i,name:n}},e):Object.assign({},a):a,s[n]=l;var b=T(M(G.current,n));Q(N.current)&&b||(t=M(b?N.current:G.current,n),(y=T(t))||o||Mr(n,t)),Q(e)||(B(F.current,n,!0),!lr&&kr.current.isValid&&dr(j,wr,l,G).then((function(r){var e=Dr.current.isValid;Q(r)?B(D.current,n,!0):Y(D.current,n),e!==Q(r)&&Br()}))),!p||o&&y||!o&&Y(Dr.current.dirtyFields,n),i&&function(r,e,t){var n=r.ref;d(n)&&t&&(n.addEventListener(e?m:g,t),n.addEventListener(v,t))}(c&&l.options?l.options[l.options.length-1]:l,c||"select-one"===r.type,$.current)}}var ee=t((function(r,e){return async function(t){t&&t.preventDefault&&(t.preventDefault(),t.persist());var n={},i=Ir(ur(j,br(G.current),p,!0));kr.current.isSubmitting&&Br({isSubmitting:!0});try{if(ar.current){var u=await ar.current(i,X.current,wr),a=u.errors,s=u.values;Dr.current.errors=n=a,i=s}else for(var c=0,o=Object.values(j.current);c<o.length;c+=1){var f=o[c];if(f){var d=f.ref.name,v=await dr(j,wr,f,G);v[d]?(B(n,d,v[d]),Y(D.current,d)):M(F.current,d)&&(Y(Dr.current.errors,d),B(D.current,d,!0))}}Q(n)&&Object.keys(Dr.current.errors).every((function(r){return r in j.current}))?(Br({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),l&&function(r,e){for(var t in r)if(M(e,t)){var n=r[t];if(n){if(n.ref.focus&&T(n.ref.focus()))break;if(n.options){n.options[0].ref.focus();break}}}}(j.current,Dr.current.errors))}finally{Dr.current.isSubmitting=!1,Br({isSubmitted:!0,isSubmitting:!1,isSubmitSuccessful:Q(Dr.current.errors),submitCount:Dr.current.submitCount+1})}}}),[l,wr]);u((function(){c&&kr.current.isValid&&Kr(),xr.current=xr.current||!yr?xr.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 u=0,a=i.options;u<a.length;u+=1){var s=a[u];s&&s.ref&&K(s.ref)&&e(i)}else i&&K(i.ref)&&e(i)}}));return t.observe(window.document,{childList:!0,subtree:!0}),t}(j,Yr)}),[Yr,N.current]),u((function(){return function(){xr.current&&xr.current.disconnect(),_.current=!0,"production"===process.env.NODE_ENV&&Object.values(j.current).forEach((function(r){return Yr(r,!0)}))}}),[]),!c&&kr.current.isValid&&(Sr.isValid=tr(D.current,F.current)&&Q(Dr.current.errors));var te={trigger:Pr,setValue:t((function(r,e,t){Ur(r,e,t||{}),$r(r)&&Br(),Gr(r)}),[Ur,Pr]),getValues:t(Jr,[]),register:t((function(r,e){if(!Vr)if(ir(r))re({name:r},e);else{if(!x(r)||!("name"in r))return function(e){return e&&re(e,r)};re(r,e)}}),[N.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(j.current[n],!0)}}),[]),formState:Ar?new Proxy(Sr,{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 kr.current[e]=!0,r[e]}}):Sr},ne=a((function(){return Object.assign({isFormDirty:Wr,updateWatchedValue:Xr,shouldUnregister:p,updateFormState:Br,removeFieldEventListener:Qr,watchInternal:Zr,mode:or.current,reValidateMode:{isReValidateOnBlur:Rr,isReValidateOnChange:Nr},validateResolver:c?Kr:void 0,fieldsRef:j,resetFieldArrayFunctionRef:I,useWatchFieldsRef:E,useWatchRenderFunctionsRef:S,fieldArrayDefaultValuesRef:V,validFieldsRef:D,fieldsWithValidationRef:F,fieldArrayNamesRef:sr,readFormStateRef:kr,formStateRef:Dr,defaultValuesRef:N,shallowFieldsStateRef:G,fieldArrayValuesRef:A},te)}),[N.current,Xr,p,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={}),yr)for(var t=0,n=Object.values(j.current);t<n.length;t+=1){var i=n[t];if(i){var u=i.ref,a=i.options,s=jr(u)&&Array.isArray(a)?a[0].ref:u;if(d(s))try{s.closest("form").reset();break}catch(r){}}}j.current={},N.current=Object.assign({},r||N.current),r&&Gr(""),Object.values(I.current).forEach((function(r){return cr(r)&&r()})),G.current=p?{}:br(r||N.current),function(r){var e=r.errors,t=r.isDirty,n=r.isSubmitted,i=r.touched,u=r.isValid,a=r.submitCount,s=r.dirtyFields;u||(D.current={},F.current={}),V.current={},w.current=new Set,q.current=!1,Br({submitCount:a?Dr.current.submitCount:0,isDirty:!!t&&Dr.current.isDirty,isSubmitted:!!n&&Dr.current.isSubmitted,isValid:!!u&&Dr.current.isValid,dirtyFields:s?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 j.current[r]&&C(r)?delete Dr.current.errors[r]:Y(Dr.current.errors,r)})),Br({errors:r?Dr.current.errors:{}})}),[]),setError:t((function(r,e){var t=(j.current[r]||{}).ref;B(Dr.current.errors,r,Object.assign(Object.assign({},e),{ref:t})),Br({isValid:!1}),e.shouldFocus&&t&&t.focus&&t.focus()}),[]),errors:Sr.errors},te)}e(null).displayName="RHFContext",function(r){r.formgroup="formgroup",r.checkbox="checkbox"}(hr||(hr={}));var Er=r.forwardRef((function(e,t){var n=e.exampleType,i=void 0===n?hr.formgroup:n,u=wr(),a=u.register,s=u.handleSubmit,d=u.errors,v=d.formgroup1||d.formgroup2,m="Du må velge et alternativ",g=function(r){return r.length>=2||"Du må velge to alternativ"};return r.createElement("form",{onSubmit:s((function(r){console.log(r)}))},r.createElement(c,{variant:e.variant,errorSummary:v?"Sjekk at alt er riktig utfylt":void 0},i===hr.formgroup?[r.createElement(o,{key:0,title:"One amazing title",legend:"Check out these checkboxes!",error:d.formgroup1?d.formgroup1.message:void 0,variant:e.variant},r.createElement(f,{name:"formgroup1",label:"Checkbox 1",ref:a({required:m})}),r.createElement(f,{name:"formgroup1",label:"Checkbox 2",ref:a({required:m})}),r.createElement(f,{name:"formgroup1",label:"Checkbox 3",ref:a({required:m})})),r.createElement(o,{key:1,legend:"Select two options!",error:d.formgroup2?d.formgroup2.message:void 0,variant:e.variant},r.createElement(f,{name:"formgroup2",label:"Checkbox 4",ref:a({validate:g})}),r.createElement(f,{name:"formgroup2",label:"Checkbox 5",ref:a({validate:g})}),r.createElement(f,{name:"formgroup2",label:"Checkbox 6",ref:a({validate:g})}))]:i===hr.checkbox?r.createElement(r.Fragment,null,r.createElement(f,{name:"formgroup1",label:"Checkbox 1",error:d.formgroup1,errorText:d.formgroup1?d.formgroup1.message:void 0,variant:e.variant,ref:a({required:m})})):void 0),r.createElement(l,null,"Submit"))}));export default Er;
 //# sourceMappingURL=index.js.map

package/components/FormGroup/FormGroup.d.ts

@@ -4,7 +4,7 @@ export interface FormGroupProps {
     title?: string;
     /** text placed in the legend tag of the fieldset */
     legend?: string;
-    /** Items in the ExpanderList */
+    /** Items in the FormGroup component */
     children?: React.ReactNode;
     /** Adds custom classes to the element. */
     className?: string;

package/components/FormGroup/FormGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,cAAc;IAC7B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC/C,oBAAY,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,SAAS,CAAC;AAE/D,eAAO,MAAM,eAAe,EAAE,WAAW,EAA0B,CAAC;AACpE,eAAO,MAAM,YAAY,EAAE,QAAQ,EAA4C,CAAC;AAEhF,eAAO,MAAM,SAAS,oFAkDpB,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../src/components/FormGroup/FormGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,WAAW,cAAc;IAC7B,iCAAiC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,oBAAoB;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC/C,oBAAY,QAAQ,GAAG,UAAU,GAAG,cAAc,GAAG,SAAS,CAAC;AAE/D,eAAO,MAAM,eAAe,EAAE,WAAW,EAA0B,CAAC;AACpE,eAAO,MAAM,YAAY,EAAE,QAAQ,EAA4C,CAAC;AAEhF,eAAO,MAAM,SAAS,oFAqDpB,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/components/FormGroup/componentdata.json

@@ -40,7 +40,7 @@
     },
     "children": {
       "defaultValue": null,
-      "description": "Items in the ExpanderList",
+      "description": "Items in the FormGroup component",
       "name": "children",
       "parent": {
         "fileName": "src/components/FormGroup/FormGroup.tsx",

package/components/FormGroup/index.js

@@ -1,2 +1,2 @@
-import{F as s}from"../../FormGroup-17d2a3d3.js";export{F as default}from"../../FormGroup-17d2a3d3.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../Checkbox-ffdd3cb7.js";import"../../uuid-484288be.js";import"../../Check-6291ad09.js";import"../../constants-d1f48e8e.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../Title-863af332.js";import"../Title/styles.module.scss";
+import{F as s}from"../../FormGroup-b874ae21.js";export{F as default}from"../../FormGroup-b874ae21.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../Checkbox-46666e69.js";import"../../uuid-8870ab4b.js";import"../../Check-6291ad09.js";import"../../constants-d919236e.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../Title-7c829525.js";import"../Title/styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/FormGroup/styles.module.scss

@@ -4,39 +4,10 @@
 @import '../../scss/font-settings.scss';
 
 .form-group-wrapper {
-  padding: getSpacer(s) getSpacer(xs) getSpacer(m);
-
-  @media (min-width: map-get($grid-breakpoints, md)) {
-    padding: getSpacer(s) getSpacer(m) getSpacer(l);
-  }
-
-  &--bigform {
-    background-color: $neutral50;
-  }
-
-  &--on-blueberry {
-    background-color: $blueberry50;
-  }
-
-  &--on-dark {
-    background-color: $blueberry800;
-  }
-
-  &--invalid {
-    background-color: $cherry50;
-    border-left: 0.25rem solid $cherry500;
-  }
-
   &__title {
-    margin-bottom: getSpacer(l) !important;
-
     &--on-dark {
       color: $white;
     }
-
-    &--bigform {
-      margin-left: getSpacer(l) !important;
-    }
   }
 
   &__errors {
@@ -44,10 +15,6 @@
     font-weight: 600;
     color: $cherry500;
     margin-top: 0;
-
-    &--bigform {
-      margin-left: getSpacer(l);
-    }
   }
 }
 
@@ -60,6 +27,21 @@
 }
 
 .form-group {
+  padding: getSpacer(s) 0 getSpacer(m);
+
+  @media (min-width: map-get($grid-breakpoints, md)) {
+    padding: getSpacer(s) 0 getSpacer(l);
+  }
+
+  &--invalid {
+    margin-left: -(getSpacer(m) + 0.25rem);
+    padding-left: getSpacer(m);
+    background-color: $cherry50;
+    border-left: 0.25rem solid $cherry500;
+  }
+}
+
+.field-set {
   border: none;
   padding: 0;
   margin: 0;
@@ -67,13 +49,10 @@
   &__legend {
     font-size: $font-size-md;
     font-weight: 600;
+    margin-bottom: getSpacer(m);
 
     &--on-dark {
       color: $white;
     }
-
-    &--bigform {
-      padding: 0 getSpacer(l) getSpacer(l);
-    }
   }
 }