@helsenorge/designsystem-react 1.0.0-beta83 → 1.0.0-beta87

package/AlertSignFill-e607ff43.js

@@ -0,0 +1,2 @@
+import a from"react";var e=function(e){var t=e.isExtraSmall,m=e.isHovered,z=a.createElement("path",{d:"M24.003 31.578a1.394 1.394 0 100 2.788 1.394 1.394 0 000-2.788zm.098-20.19l14.687 26.735H9.227L24.1 11.388zm.008-2.929L6.816 39.541h34.367L24.109 8.459zm-.106 21.033c.494 0 .893-.4.893-.893v-7.228a.893.893 0 00-1.786 0v7.228c0 .493.4.893.893.893z"}),r=a.createElement("path",{d:"M24.003 31.578a1.394 1.394 0 100 2.788 1.394 1.394 0 000-2.788zm.098-20.19l14.687 26.735H9.227L24.1 11.388zm.008-2.929L6.816 39.541h34.367L24.109 8.459zm-.106 19.033c.494 0 .893-.4.893-.893v-7.228a.893.893 0 00-1.786 0v7.228c0 .493.4.893.893.893z"}),v=a.createElement("path",{d:"M24.003 31.562a1.39 1.39 0 100 2.782 1.39 1.39 0 000-2.782zm.097-20.147l14.656 26.678H9.258L24.1 11.415zm.008-2.923L6.853 39.508h34.294L24.108 8.492zm-.105 20.988c.492 0 .892-.399.892-.89v-7.213a.891.891 0 00-1.783 0v7.212c0 .492.4.891.891.891z"});return t?m?a.createElement("path",{d:"M24.003 31.562a1.39 1.39 0 100 2.782 1.39 1.39 0 000-2.782zm.097-20.147l14.656 26.678H9.258L24.1 11.415zm.008-2.923L6.853 39.508h34.294L24.108 8.492zm-.105 18.462c.492 0 .892-.399.892-.891V18.85a.891.891 0 00-1.783 0v7.213c0 .492.4.891.891.891z"}):v:m?r:z},t=function(e){var t=e.isExtraSmall,m=e.isHovered,z=a.createElement("path",{d:"M24.898 21.447v7.228a.893.893 0 01-1.785 0v-7.228a.892.892 0 111.785 0zm.5 11.601a1.394 1.394 0 11-2.787-.001 1.394 1.394 0 012.787.001zm-18.822 6.71h34.847L24.111 8.242 6.576 39.758z"}),r=a.createElement("path",{d:"M24.898 19.447v7.228a.893.893 0 01-1.785 0v-7.228a.892.892 0 111.785 0zm.5 13.601a1.394 1.394 0 11-2.787-.001 1.394 1.394 0 012.787.001zm-18.822 6.71h34.847L24.111 8.242 6.576 39.758z"}),v=a.createElement("path",{d:"M24.896 21.452v7.213a.891.891 0 01-1.782 0v-7.213a.89.89 0 111.782 0zm.5 11.577a1.39 1.39 0 11-2.782-.001 1.39 1.39 0 012.782.001zM6.613 39.725h34.774L24.11 8.275 6.613 39.725z"});return t?m?a.createElement("path",{d:"M24.896 18.926v7.213a.891.891 0 01-1.782 0v-7.213a.89.89 0 111.782 0zm.5 14.103a1.39 1.39 0 11-2.782-.001 1.39 1.39 0 012.782.001zM6.613 39.725h34.774L24.11 8.275 6.613 39.725z"}):v:m?r:z};export{t as A,e as a};
+//# sourceMappingURL=AlertSignFill-e607ff43.js.map

package/AlertSignFill-e607ff43.js.map

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

package/Button-55952154.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-6ff0d481.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-55952154.js.map

package/Button-55952154.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button-55952154.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/Close-a6cbd165.js

@@ -0,0 +1,2 @@
+import e from"react";import{p as t}from"./palette-f206f488.js";import{I as o}from"./constants-d919236e.js";import{X as r}from"./X-8d8ff918.js";import s from"./components/Close/styles.module.scss";import{u as a,B as m}from"./useBreakpoint-324a9b14.js";var l=function(l){var n=a()===m.Xs?38:48;return e.createElement("button",{"data-testid":l.testId,className:s.close,"aria-label":l.ariaLabel||"Lukk",onClick:l.onClick,role:"button"},e.createElement(o,{svgIcon:r,color:t.blueberry600,size:n}))};export{l as C};
+//# sourceMappingURL=Close-a6cbd165.js.map

package/Close-a6cbd165.js.map

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

package/FormGroup-56d60079.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-72851d51.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-56d60079.js.map

package/FormGroup-56d60079.js.map

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

package/Loader-6ff0d481.js

@@ -0,0 +1,2 @@
+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=d.center,N=d.ariaLabelledById,y=d.ariaLabel,E=void 0===y?"Laster inn":y,g="small"===u,h="medium"===u,k="large"===u,L=r(o["loader-wrapper"],(e(s={},o["loader-wrapper--center"],w),e(s,o["loader-wrapper--overlay"],c),s)),j=r(o.loader,(e(m={},o["loader--small"],g),e(m,o["loader--medium"],h),e(m,o["loader--large"],k),m),v),x=r(o.loader__dot,(e(i={},o["loader__dot--small"],g),e(i,o["loader__dot--medium"],h),e(i,o["loader__dot--large"],k),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)),B="loader".concat(l());return a.createElement("div",{role:"progressbar",className:L},a.createElement("div",{"data-testid":f,"aria-labelledby":N||B,className:j},a.createElement("div",{className:x}),a.createElement("div",{className:x}),a.createElement("div",{className:x}),a.createElement("div",{className:x}),!N&&a.createElement("span",{id:B,className:o["loader__hidden-text"]},E)))}));export{d as L};
+//# sourceMappingURL=Loader-6ff0d481.js.map

package/Loader-6ff0d481.js.map

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

package/Modal-ac3a4757.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-55952154.js";import{I as s}from"./constants-d919236e.js";import d from"./components/Modal/styles.module.scss";import{A as m,a as u}from"./AlertSignFill-e607ff43.js";import{T as v}from"./Title-72851d51.js";import{u as p}from"./uuid-8870ab4b.js";import{C as f}from"./Close-a6cbd165.js";function _(){var e=a(null);function t(t){var r=e.current,a="Tab"===t.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=null==r?void 0:r.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),l=o[0],c=1===o.length?l:o[o.length-1];t.shiftKey?n===l&&(c.focus(),t.preventDefault()):n===c&&(l.focus(),t.preventDefault())}}function r(t){var r=e.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(),t.preventDefault())}}return n((function(){var a=e.current;return a.addEventListener("keydown",t),a.addEventListener("click",r),function(){a.removeEventListener("keydown",t),a.removeEventListener("click",r)}}),[]),e}var E,g,y=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"}(E||(E={})),function(e){e.large="large",e.medium="medium"}(g||(g={}));var h={variant:E.normal,primaryButtonText:"OK",large:!1,className:"",size:g.large},b=function(a){var o,g,h,b=r.useState(0),N=e(b,2),k=N[0],w=N[1],x=r.useState(p()),B=e(x,1)[0],C=r.useRef(null),L=r.useRef(null),W=r.useRef(null),T=y(L),j=r.useRef(null),S=y(j),I=W.current&&W.current.scrollHeight>W.current.clientHeight;function R(e){"Escape"===e.key&&a.onClose&&(e.stopPropagation(),a.onClose())}function P(e){e.target&&D.current===e.target&&a.onClose&&(e.stopPropagation(),a.onClose())}var z=a.variant===E.image,A=null!==(o=a.titleId)&&void 0!==o?o:B,D=r.useRef(null),q=a.secondaryButtonText&&(null===(g=a.secondaryButtonText)||void 0===g?void 0:g.length)>0||a.onSuccess,H=a.ariaLabelledBy?void 0:a.ariaLabel,M=a.ariaLabelledBy?a.ariaLabelledBy:a.ariaLabel?void 0:A;return n((function(){var e,t=D.current;return null===(e=C.current)||void 0===e||e.focus(),document.body.style.overflow="hidden",t&&!q&&(t.addEventListener("keydown",R),t.addEventListener("click",P)),function(){document.body.style.removeProperty("overflow"),t&&!q&&(t.removeEventListener("keydown",R),t.removeEventListener("click",P))}}),[]),r.createElement("div",{"data-testid":"dialog-container"},r.createElement("div",{ref:D,className:d["modal-overlay"],"data-testid":a.testId},r.createElement("div",{className:d.align,ref:_()},r.createElement("div",{className:l(a.className,d.modal,d["modal--".concat(a.variant)],d["modal--".concat(a.size)]),role:"dialog","aria-label":H,"aria-labelledby":M},r.createElement("div",{tabIndex:k,ref:C,onBlur:function(){return w(-1)}}),r.createElement("div",{className:l(d.modal__shadow,d["modal__shadow--top"],t({},d["modal__shadow--show"],!T&&I))}),r.createElement("div",{className:l(d.modal__contentWrapper,t({},d["modal__contentWrapper--image"],z)),ref:W},!a.noCloseButton&&r.createElement("div",{className:d.modal__closeWrapper},r.createElement("div",{className:l(d.modal__closeWrapper__close)},r.createElement(f,{onClick:a.onClose,ariaLabel:a.ariaLabelCloseBtn}))),r.createElement("div",{className:l(d["modal__contentWrapper__scroll--".concat(a.size)],t({},d["modal__contentWrapper__scroll--image"],z))},r.createElement("div",{ref:L}),r.createElement("div",{className:d.modal__contentWrapper__title},a.variant&&function(e){var t;if(e===E.error)t=r.createElement(s,{svgIcon:m,color:c.cherry500,hoverColor:c.cherry500});else{if(e!==E.warning)return null;t=r.createElement(s,{svgIcon:u,color:c.black,hoverColor:c.black})}return r.createElement("div",{className:d.modal__iconWrapper},t)}(a.variant),r.createElement("div",{className:a.variant===E.error?d["modal__title--error"]:""},r.createElement(v,{id:A,htmlMarkup:"h3",appearance:"title3"},a.title))),z&&r.createElement("div",null,r.createElement("div",{className:d.modal__contentWrapper__imageWrapper},a.children),r.createElement("span",{className:d.modal__contentWrapper__imageDescription},a.description)),!z&&a.children&&r.createElement("div",null,a.children),!z&&!a.children&&r.createElement("p",{className:d.modal__description},a.description),r.createElement("div",{ref:j}))),r.createElement("div",{className:l(d.modal__shadow,d["modal__shadow--bottom"],t({},d["modal__shadow--show"],!S&&I))}),q&&r.createElement("div",{className:l(d["modal__call-to-action"],d["modal__call-to-action--".concat(a.size)])},a.onSuccess&&r.createElement(i,{onClick:a.onSuccess},a.primaryButtonText),a.secondaryButtonText&&(null===(h=a.secondaryButtonText)||void 0===h?void 0:h.length)>0&&r.createElement(i,{variant:"borderless",onClick:a.onClose},a.secondaryButtonText))))))};b.defaultProps=h;export{b as M};
+//# sourceMappingURL=Modal-ac3a4757.js.map

package/Modal-ac3a4757.js.map

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

package/Title-72851d51.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,d=o.appearance,f=void 0===d?"title1":d,g=o.margin,u=void 0===g?0:g,y=o.testId,T=r(i.title,(t(l={},i["title--feature"],"titleFeature"===f),t(l,i["title--title1"],"title1"===f),t(l,i["title--title2"],"title2"===f),t(l,i["title--title3"],"title3"===f),t(l,i["title--title4"],"title4"===f),t(l,i["title--title5"],"title5"===f),l),c),b=s,h=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(b,{id:m,className:T,style:h,ref:a,"data-testid":y},n)}));export{o as T};
+//# sourceMappingURL=Title-72851d51.js.map

package/Title-72851d51.js.map

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

package/Validation-372a97b9.js

@@ -0,0 +1,2 @@
+import r from"react";import{c as e}from"./index-9b84fabc.js";import{F as a}from"./FormGroup-56d60079.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-372a97b9.js.map

package/Validation-372a97b9.js.map

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

package/X-8d8ff918.js

@@ -0,0 +1,2 @@
+import e from"react";var l=function(l){var t=l.isExtraSmall,r=l.isHovered,a=e.createElement("path",{d:"M25.403 24l10.259-10.259-1.403-1.403L24 22.597l-10.259-10.26-1.403 1.403L22.597 24 12.338 34.26l1.403 1.403L24 25.403l10.259 10.259 1.403-1.403z"}),L=e.createElement("path",{d:"M24 22.597L12.327 10.924l-1.403 1.402L22.597 24 10.923 35.674l1.403 1.402L24 25.403l11.674 11.673 1.403-1.402L25.403 24l11.673-11.674-1.403-1.402z"}),m=e.createElement("path",{d:"M25.773 24l10.432-10.432-1.772-1.773-10.432 10.433-10.433-10.433-1.773 1.772L22.229 24 11.795 34.433l1.773 1.772 10.433-10.433 10.432 10.433 1.772-1.773z"});return t?r?e.createElement("path",{d:"M24 22.227L11.781 10.008l-1.772 1.772 12.219 12.219-12.22 12.22 1.772 1.772L24 25.771l12.22 12.22 1.772-1.772-12.22-12.22L37.991 11.78l-1.772-1.772z"}):m:r?L:a};export{l as X};
+//# sourceMappingURL=X-8d8ff918.js.map

package/X-8d8ff918.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"X-8d8ff918.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/AnchorLink.d.ts

@@ -11,6 +11,8 @@ interface AnchorLinkProps {
     className?: string;
     /** Sets the target type of the <a> tag. _blank adds an arrow icon at the end of the link */
     target?: AnchorLinkTargets;
+    /** Sets the data-testid attribute. */
+    testId?: string;
 }
 declare const AnchorLink: React.ForwardRefExoticComponent<AnchorLinkProps & React.RefAttributes<HTMLAnchorElement>>;
 export default AnchorLink;

package/components/AnchorLink/AnchorLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnchorLink.d.ts","sourceRoot":"","sources":["../../../src/components/AnchorLink/AnchorLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,oBAAY,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE/D,UAAU,eAAe;IACvB,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,iBAAiB,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,2FAqBd,CAAC;AAEH,eAAe,UAAU,CAAC"}
+{"version":3,"file":"AnchorLink.d.ts","sourceRoot":"","sources":["../../../src/components/AnchorLink/AnchorLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,oBAAY,iBAAiB,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE/D,UAAU,eAAe;IACvB,sCAAsC;IACtC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAC;IACb,8CAA8C;IAC9C,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4FAA4F;IAC5F,MAAM,CAAC,EAAE,iBAAiB,CAAC;IAC3B,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,UAAU,2FAqBd,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/components/AnchorLink/componentdata.json

@@ -109,6 +109,25 @@
           }
         ]
       }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+        "name": "AnchorLinkProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/AnchorLink/AnchorLink.tsx",
+          "name": "AnchorLinkProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
     }
   }
 }

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=m.testId,u="_blank"===h,j=o(c,void 0,!1),E=j.hoverRef,g=j.isHovered,_=s(l.anchorlink,null!=f?f:"");return e.createElement("a",{id:n,href:d,className:_,target:h,ref:E,"data-testid":b},v,u&&e.createElement(r,{className:l.anchorlink__icon,svgIcon:i,color:a("blueberry",600),hoverColor:a("blueberry",700),size:t.XSmall,isHovered:g}))}));export default m;
 //# sourceMappingURL=index.js.map

package/components/Avatar/Avatar.d.ts

@@ -8,6 +8,8 @@ interface AvatarProps {
     variant?: 'normal' | 'black';
     /** Adds custom classes to the element. */
     className?: string;
+    /** Sets the data-testid attribute. */
+    testId?: string;
 }
 declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLElement>>;
 export default Avatar;

package/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,UAAU,WAAW;IACnB,oFAAoF;IACpF,QAAQ,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,iFAeV,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,UAAU,WAAW;IACnB,oFAAoF;IACpF,QAAQ,EAAE,MAAM,CAAC;IACjB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC7B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,MAAM,iFAgBV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/components/Avatar/componentdata.json

@@ -87,6 +87,25 @@
       "type": {
         "name": "string"
       }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Avatar/Avatar.tsx",
+        "name": "AvatarProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Avatar/Avatar.tsx",
+          "name": "AvatarProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
     }
   }
 }

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,d=l.className,n=void 0===d?"":d,f=l.selected,p=void 0!==f&&f,v=l.variant,b=void 0===v?"normal":v,u=l.testId,j=i.charAt(0).toLocaleUpperCase()+i.substring(1,2);return a.createElement("span",{className:s(o.avatar,p&&o["avatar--selected"],"black"===b&&o["avatar--black"],n),ref:m,"data-testid":u},p?a.createElement(e,{svgIcon:t,size:r.Small,color:"black"===b?c.neutral900:c.blueberry600}):j)}));export default l;
 //# sourceMappingURL=index.js.map

package/components/Badge/Badge.d.ts

@@ -9,6 +9,8 @@ interface BadgeProps {
     className?: string;
     /** Changes the badge background color. */
     color?: BadgeColors;
+    /** Sets the data-testid attribute. */
+    testId?: string;
 }
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLElement>>;
 export default Badge;

package/components/Badge/Badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,oBAAY,WAAW,GAAG,YAAY,CAAC;AACvC,oBAAY,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5C,UAAU,UAAU;IAClB,qCAAqC;IACrC,QAAQ,EAAE,aAAa,CAAC;IACxB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB;AAED,QAAA,MAAM,KAAK,gFAwBT,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,oBAAY,WAAW,GAAG,YAAY,CAAC;AACvC,oBAAY,aAAa,GAAG,MAAM,GAAG,MAAM,CAAC;AAE5C,UAAU,UAAU;IAClB,qCAAqC;IACrC,QAAQ,EAAE,aAAa,CAAC;IACxB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,KAAK,gFAwBT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/components/Badge/componentdata.json

@@ -86,6 +86,25 @@
           }
         ]
       }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Badge/Badge.tsx",
+        "name": "BadgeProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Badge/Badge.tsx",
+          "name": "BadgeProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
     }
   }
 }

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 t from"./styles.module.scss";var l=a.forwardRef((function(l,b){var d,i=l.children,o=l.className,s=void 0===o?"":o,n=l.color,c=void 0===n?"black":n,m=l.testId,g=i.toString().length>2,u=r(t.badge,(e(d={},t["badge--oversized"],g),e(d,t["badge--black"],"black"===c),e(d,t["badge--white"],"white"===c),e(d,t["badge--blueberry"],"blueberry"===c),e(d,t["badge--banana"],"banana"===c),e(d,t["badge--cherry"],"cherry"===c),e(d,t["badge--kiwi"],"kiwi"===c),e(d,t["badge--neutral"],"neutral"===c),e(d,t["badge--plum"],"plum"===c),d),s);return a.createElement("span",{className:u,ref:b,"data-testid":m},i)}));export default l;
 //# 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-55952154.js";export{B as default}from"../../Button-55952154.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-6ff0d481.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/ButtonWithModal.d.ts

@@ -3,6 +3,8 @@ import { ModalProps } from '../Modal/Modal';
 interface ModalWithButtonProps extends ModalProps {
     /** Text of the button */
     buttonText: string;
+    /** Sets the data-testid attribute. */
+    testId?: string;
 }
 declare const ModalWithButton: React.ForwardRefExoticComponent<ModalWithButtonProps & React.RefAttributes<HTMLElement>>;
 export default ModalWithButton;

package/components/ButtonWithModal/ButtonWithModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonWithModal.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonWithModal/ButtonWithModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEnD,UAAU,oBAAqB,SAAQ,UAAU;IAC/C,yBAAyB;IACzB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,eAAe,0FASnB,CAAC;AAEH,eAAe,eAAe,CAAC"}
+{"version":3,"file":"ButtonWithModal.d.ts","sourceRoot":"","sources":["../../../src/components/ButtonWithModal/ButtonWithModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAc,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAEnD,UAAU,oBAAqB,SAAQ,UAAU;IAC/C,yBAAyB;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,eAAe,0FASnB,CAAC;AAEH,eAAe,eAAe,CAAC"}

package/components/ButtonWithModal/componentdata.json

@@ -19,6 +19,25 @@
         "name": "string"
       }
     },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "designsystem/src/components/ButtonWithModal/ButtonWithModal.tsx",
+        "name": "ModalWithButtonProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/components/ButtonWithModal/ButtonWithModal.tsx",
+          "name": "ModalWithButtonProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
     "title": {
       "defaultValue": null,
       "description": "Title of the modal",
@@ -93,7 +112,7 @@
       "required": false,
       "type": {
         "name": "enum",
-        "raw": "ModalVariants | undefined",
+        "raw": "\"normal\" | \"warning\" | \"error\" | \"image\" | undefined",
         "value": [
           {
             "value": "undefined"
@@ -113,10 +132,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 +148,19 @@
       ],
       "required": false,
       "type": {
-        "name": "boolean"
+        "name": "enum",
+        "raw": "\"large\" | \"medium\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"large\""
+          },
+          {
+            "value": "\"medium\""
+          }
+        ]
       }
     },
     "noCloseButton": {
@@ -151,25 +182,6 @@
         "name": "boolean"
       }
     },
-    "testId": {
-      "defaultValue": null,
-      "description": "Sets the data-testid attribute.",
-      "name": "testId",
-      "parent": {
-        "fileName": "designsystem/src/components/Modal/Modal.tsx",
-        "name": "ModalProps"
-      },
-      "declarations": [
-        {
-          "fileName": "designsystem/src/components/Modal/Modal.tsx",
-          "name": "ModalProps"
-        }
-      ],
-      "required": false,
-      "type": {
-        "name": "string"
-      }
-    },
     "primaryButtonText": {
       "defaultValue": null,
       "description": "Primary button text",

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 s,{useState as e}from"react";import{B as o}from"../../Button-55952154.js";import{M as r}from"../../Modal-ac3a4757.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-6ff0d481.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"../Modal/styles.module.scss";import"../../AlertSignFill-e607ff43.js";import"../../Title-72851d51.js";import"../Title/styles.module.scss";import"../../Close-a6cbd165.js";import"../../X-8d8ff918.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";var i=s.forwardRef((function(i,m){var l=e(!1),a=t(l,2),p=a[0],d=a[1];return s.createElement("div",{"data-testid":i.testId},s.createElement(o,{onClick:function(){return d(!0)}},i.buttonText),p&&s.createElement(r,Object.assign({},i,{onClose:function(){return d(!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/Close/Close.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export interface CloseProps {
+    /** Function is called when user clicks the button */
+    onClick?: () => void;
+    /** Sets the aria-label of the button */
+    ariaLabel?: string;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+declare const Close: (props: CloseProps) => JSX.Element;
+export default Close;
+//# sourceMappingURL=Close.d.ts.map

package/components/Close/Close.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Close.d.ts","sourceRoot":"","sources":["../../../src/components/Close/Close.tsx"],"names":[],"mappings":";AAOA,MAAM,WAAW,UAAU;IACzB,qDAAqD;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wCAAwC;IACxC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,KAAK,oCAgBV,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/components/Close/componentdata.json

@@ -0,0 +1,61 @@
+{
+  "props": {
+    "onClick": {
+      "defaultValue": null,
+      "description": "Function is called when user clicks the button",
+      "name": "onClick",
+      "parent": {
+        "fileName": "designsystem/src/components/Close/Close.tsx",
+        "name": "CloseProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/components/Close/Close.tsx",
+          "name": "CloseProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "(() => void)"
+      }
+    },
+    "ariaLabel": {
+      "defaultValue": null,
+      "description": "Sets the aria-label of the button",
+      "name": "ariaLabel",
+      "parent": {
+        "fileName": "designsystem/src/components/Close/Close.tsx",
+        "name": "CloseProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/components/Close/Close.tsx",
+          "name": "CloseProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "designsystem/src/components/Close/Close.tsx",
+        "name": "CloseProps"
+      },
+      "declarations": [
+        {
+          "fileName": "designsystem/src/components/Close/Close.tsx",
+          "name": "CloseProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/Close/index.d.ts

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