@helsenorge/designsystem-react 1.0.0-beta77 → 1.0.0-beta81

package/Button-e2087687.js

@@ -0,0 +1,2 @@
+import{_ as t,a as e}from"./_rollupPluginBabelHelpers-e1c7fe69.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-d1f48e8e.js";import{L as i}from"./Loader-3767cb6e.js";import{u as a}from"./useHover-57ad4df9.js";import{u as s}from"./useWindowSize-c22d7634.js";import{b as d}from"./grid-11a70eb7.js";import{c as u}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<d.md&&t?l.Small:t?l.Medium:l.XSmall},f=o.forwardRef((function(d,f){var v,p,_,g=d.children,h=d.className,w=void 0===h?"":h,j=d.fluid,E=void 0!==j&&j,y=d.intent,N=void 0===y?"primary":y,k=d.inverted,C=void 0!==k&&k,I=d.htmlMarkup,H=void 0===I?"button":I,O=d.onClick,S=d.large,z=void 0!==S&&S,B=d.loading,F=void 0!==B&&B,M=d.variant,x=void 0===M?"fill":M,L=d.disabled,R=void 0!==L&&L,X=d.ellipsis,A=void 0!==X&&X,P=d.testId,W=d.href,q=d.target,D=n(d,["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;return 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()),[l,i,t]}(o.Children.toArray(g)),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=u(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=u(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)),dt=u(c["button__left-fluid-content"],(e(_={},c["button__left-fluid-content--with-icon"],lt),e(_,c["button__left-fluid-content--large"],z),_));function ut(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 o.createElement("span",{className:st},T)},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:dt},ut(K,b(z,$.width),Z,Y),ct()):o.createElement(o.Fragment,null,ut(K,b(z,$.width),Z,Y),ct()),ut(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-e2087687.js.map

package/Button-e2087687.js.map

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

package/Loader-3767cb6e.js

@@ -0,0 +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"./components/Loader/styles.module.scss";var o=function(){return"xxxxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var a=16*Math.random()|0;return("x"==e?a:3&a|8).toString(16)}))},d=a.forwardRef((function(d,t){var s,i,m,n=d.overlay,x=d.color,c=void 0===x?n?"black":"neutral":x,_=d.size,p=void 0===_?"small":_,u=d.className,v=void 0===u?"":u,b=d.testId,f=void 0===b?"":b,y=d.center,w=d.ariaLabelledById,N=d.ariaLabel,g=void 0===N?"Laster inn":N,E="small"===p,h="medium"===p,k="large"===p,L=r(l["loader-wrapper"],(e(s={},l["loader-wrapper--center"],y),e(s,l["loader-wrapper--overlay"],n),s)),j=r(l.loader,(e(i={},l["loader--small"],E),e(i,l["loader--medium"],h),e(i,l["loader--large"],k),i),v),B=r(l.loader__dot,(e(m={},l["loader__dot--small"],E),e(m,l["loader__dot--medium"],h),e(m,l["loader__dot--large"],k),e(m,l["loader__dot--banana"],"banana"===c),e(m,l["loader__dot--cherry"],"cherry"===c),e(m,l["loader__dot--kiwi"],"kiwi"===c),e(m,l["loader__dot--neutral"],"neutral"===c),e(m,l["loader__dot--plum"],"plum"===c),e(m,l["loader__dot--black"],"black"===c),e(m,l["loader__dot--white"],"white"===c),m)),I="loader".concat(o());return a.createElement("div",{role:"progressbar",className:L},a.createElement("div",{"data-testid":f,"aria-labelledby":w||I,className:j},a.createElement("div",{className:B}),a.createElement("div",{className:B}),a.createElement("div",{className:B}),a.createElement("div",{className:B}),!w&&a.createElement("span",{id:I,className:l["loader__hidden-text"]},g)))}));export{d as L,o as u};
+//# sourceMappingURL=Loader-3767cb6e.js.map

package/Loader-3767cb6e.js.map

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

package/Modal-459c67d7.js

@@ -0,0 +1,2 @@
+import e,{useRef as t,useEffect as a}from"react";import{c as n}from"./index-9b84fabc.js";import{u as r}from"./Loader-3767cb6e.js";import{p as o}from"./palette-f206f488.js";import{B as l}from"./Button-e2087687.js";import{I as c}from"./constants-d1f48e8e.js";import{X as i,A as s,a as m}from"./AlertSignFill-64bfef57.js";import d from"./components/Modal/styles.module.scss";import{T as u}from"./Title-863af332.js";function v(){var e=t(null);function n(t){var a=e.current.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select'),n=a[0],r=1===a.length?n:a[a.length-1];"Tab"===t.key&&(t.shiftKey?document.activeElement===n&&(r.focus(),t.preventDefault()):document.activeElement===r&&(n.focus(),t.preventDefault()))}function r(t){var a=e.current.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select');1===a.length&&(a[0].focus(),t.preventDefault())}return a((function(){var t=e.current;return t.addEventListener("keydown",n),t.addEventListener("click",r),function(){t.removeEventListener("keydown",n),t.removeEventListener("click",r)}}),[]),e}var p;!function(e){e.normal="normal",e.warning="warning",e.error="error",e.image="image"}(p||(p={}));var f={variant:p.normal,primaryButtonText:"OK",large:!1,className:""},y=function(t){return e.createElement("button",{className:d.modal__lukkekryss,"aria-label":t.ariaLabel||"Lukk",onClick:t.onClick,autoFocus:!0,role:"button"},e.createElement(c,{svgIcon:i,color:o.blueberry600,size:42}))},E=e.forwardRef((function(t,i){var f,E,g;function b(e){"Escape"===e.key&&t.onClose&&(e.stopPropagation(),t.onClose())}function _(e){e.target&&C.current===e.target&&t.onClose&&(e.stopPropagation(),t.onClose())}var k,h=t.variant===p.image,L=null!==(f=t.titleId)&&void 0!==f?f:r(),x=e.useRef(null),C=e.useRef(null),B=t.secondaryButtonText&&(null===(E=t.secondaryButtonText)||void 0===E?void 0:E.length)>0||t.onSuccess,N=t.ariaLabelledBy?void 0:t.ariaLabel,w=t.ariaLabelledBy?t.ariaLabelledBy:t.ariaLabel?void 0:L;return a((function(){var e=x.current,t=C.current;return document.body.style.overflow="hidden",e&&(e.addEventListener("keydown",b),t.addEventListener("click",_)),function(){document.body.style.removeProperty("overflow"),e.removeEventListener("keydown",b),t.removeEventListener("click",_)}})),e.createElement("div",{ref:x,"data-testid":"dialog-container"},e.createElement("div",{ref:C,className:d["modal-overlay"],"data-testid":t.testId},e.createElement("div",{className:d.align,ref:v()},e.createElement("div",{className:n(t.className,d.modal,d["modal--".concat(t.variant)],t.large?d["modal--large"]:""),role:"dialog","aria-label":N,"aria-labelledby":w},!t.noCloseButton&&e.createElement("div",{className:h?d["modal__close--image"]:d.modal__close},e.createElement(y,{onClick:t.onClose,ariaLabel:t.ariaLabelCloseBtn})),e.createElement("div",{className:h?d["modal__contentWrapper--image"]:d.modal__contentWrapper},e.createElement("div",{className:d.modal__contentWrapper__title},t.variant&&((k=t.variant)===p.error?e.createElement("div",null,e.createElement(c,{svgIcon:s,color:o.cherry500,hoverColor:o.cherry500})):k===p.warning?e.createElement("div",null,e.createElement(c,{svgIcon:m,color:o.black,hoverColor:o.black})):null),e.createElement("div",null,e.createElement(u,{id:L,htmlMarkup:"h3",appearance:"title3"},t.title))),e.createElement("div",{className:h?d["modal__contentWrapper__content--image"]:d.modal__contentWrapper__content},h?t.children&&e.createElement("div",null,e.createElement("div",{className:d["modal--image__img"]},t.children),e.createElement("span",{className:d["modal--image__text"]},t.description)):t.children&&e.createElement("div",null,t.children),t.description&&!t.children&&e.createElement("p",{className:d.modal__description},t.description)),B&&e.createElement("div",{className:d.modal__actions},t.onSuccess&&e.createElement(l,{onClick:t.onSuccess},t.primaryButtonText),t.secondaryButtonText&&(null===(g=t.secondaryButtonText)||void 0===g?void 0:g.length)>0&&e.createElement(l,{variant:"borderless",onClick:t.onClose},t.secondaryButtonText)))))))}));E.defaultProps=f;export{E as M};
+//# sourceMappingURL=Modal-459c67d7.js.map

package/Modal-459c67d7.js.map

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

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,2GAuKV,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;AA8BD,QAAA,MAAM,MAAM,2GAuJV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/components/Button/index.js

@@ -1,2 +1,2 @@
-import{B as o}from"../../Button-f5b8067b.js";export{B as default}from"../../Button-f5b8067b.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-084dd998.js";import"../../index-9b84fabc.js";import"../Loader/styles.module.scss";import"crypto";import"../../useHover-57ad4df9.js";import"../../useWindowSize-c22d7634.js";import"./styles.module.scss";
+import{B as s}from"../../Button-e2087687.js";export{B as default}from"../../Button-e2087687.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-3767cb6e.js";import"../../index-9b84fabc.js";import"../Loader/styles.module.scss";import"../../useHover-57ad4df9.js";import"../../useWindowSize-c22d7634.js";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/Button/styles.module.scss

@@ -63,7 +63,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
     border-style: solid;
     background-color: $blueberry500;
     border-color: $blueberry500;
-    color: $blueberry500;
+    color: $white;
 
     &:hover,
     &:active,
@@ -78,33 +78,34 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
       color: $neutral600;
     }
   }
-  &--fill-warning {
+  &--fill#{&}--warning {
     background-color: $banana500;
     border-color: $banana500;
-    color: $banana500;
 
     &:hover,
     &:active,
     &:focus {
       background-color: $banana700;
+      border-color: $banana700;
       box-shadow: 0 0 0 0.25rem $banana700;
     }
   }
-  &--fill-danger {
+  &--fill#{&}--danger {
     background-color: $cherry500;
     border-color: $cherry500;
-    color: $cherry500;
 
     &:hover,
     &:active,
     &:focus {
       background-color: $cherry700;
+      border-color: $cherry700;
       box-shadow: 0 0 0 0.25rem $cherry700;
     }
   }
-  &--fill-inverted {
+  &--fill#{&}--inverted {
     background-color: $white;
     border-color: $white;
+    color: $blueberry500;
 
     &:hover,
     &:active,
@@ -114,8 +115,11 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
       box-shadow: 0 0 0 0.25rem $white;
     }
   }
-  &--fill-not-inverted {
-    color: $white;
+  &--fill#{&}--warning#{&}--inverted {
+    color: $banana500;
+  }
+  &--fill#{&}--danger#{&}--inverted {
+    color: $cherry500;
   }
 
   &--outline {
@@ -163,7 +167,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
       color: $neutral600;
     }
   }
-  &--outline-warning {
+  &--outline#{&}--warning {
     border-color: $banana500;
     color: $banana600;
 
@@ -171,6 +175,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
     &:active,
     &:focus {
       background-color: $warningHoverColor;
+      border-color: transparent;
 
       &:before {
         border-color: $warningHoverColor;
@@ -180,7 +185,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
       }
     }
   }
-  &--outline-danger {
+  &--outline#{&}--danger {
     border-color: $cherry500;
     color: $cherry600;
 
@@ -188,6 +193,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
     &:active,
     &:focus {
       background-color: $dangerHoverColor;
+      border-color: transparent;
 
       &:before {
         border-color: $dangerHoverColor;
@@ -197,7 +203,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
       }
     }
   }
-  &--outline-inverted {
+  &--outline#{&}--inverted {
     border-color: $white;
     color: $white;
 
@@ -205,6 +211,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
     &:active,
     &:focus {
       background-color: $invertedHoverColor;
+      border-color: transparent;
 
       &:before {
         border-color: $invertedHoverColor;
@@ -232,13 +239,13 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
       color: $neutral600;
     }
   }
-  &--borderless-warning {
+  &--borderless#{&}--warning {
     color: $banana600;
   }
-  &--borderless-danger {
+  &--borderless#{&}--danger {
     color: $cherry600;
   }
-  &--borderless-inverted {
+  &--borderless#{&}--inverted {
     color: $white;
   }
 
@@ -254,17 +261,17 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
       }
     }
   }
-  &--large-with-icon {
+  &--large#{&}--with-icon {
     svg {
       margin: 0 0.5rem;
     }
   }
 
-  &--ellipsis-with-icon {
+  &--ellipsis#{&}--with-icon {
     max-width: 100%;
   }
 
-  &--borderless-with-icon {
+  &--borderless#{&}--with-icon {
     svg:first-child {
       margin-right: 0.125rem;
       @media (min-width: map-get($grid-breakpoints, md)) {
@@ -278,7 +285,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
       }
     }
   }
-  &--large-borderless-with-icon {
+  &--large#{&}--borderless#{&}--with-icon {
     svg:first-child {
       margin-right: 0.5rem;
       @media (min-width: map-get($grid-breakpoints, md)) {
@@ -298,19 +305,26 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
     margin-bottom: 0.5rem;
     white-space: normal;
 
-    #{$button}:focus & {
-      &--fill {
-        border-bottom: 1px solid $blueberry700;
+    &--fill {
+      #{$button}:focus & {
+        border-bottom: 1px solid $white;
+      }
+    }
+
+    &--fill#{&}--inverted {
+      #{$button}:focus & {
+        border-bottom-color: $blueberry700;
       }
-      &--fill-warning {
+    }
+    &--fill#{&}--warning#{&}--inverted {
+      #{$button}:focus & {
         border-bottom-color: $banana700;
       }
-      &--fill-danger {
+    }
+    &--fill#{&}--danger#{&}--inverted {
+      #{$button}:focus & {
         border-bottom-color: $cherry700;
       }
-      &--fill-not-inverted {
-        border-bottom-color: $white;
-      }
     }
 
     &--borderless {
@@ -322,21 +336,21 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
         border-bottom-color: $blueberry700;
       }
     }
-    &--borderless-warning {
+    &--borderless#{&}--warning {
       #{$button}:hover &,
       #{$button}:active &,
       #{$button}:focus & {
         border-bottom-color: $banana700;
       }
     }
-    &--borderless-danger {
+    &--borderless#{&}--danger {
       #{$button}:hover &,
       #{$button}:active &,
       #{$button}:focus & {
         border-bottom-color: $cherry700;
       }
     }
-    &--borderless-inverted {
+    &--borderless#{&}--inverted {
       #{$button}:hover &,
       #{$button}:active &,
       #{$button}:focus & {
@@ -350,26 +364,26 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
     &--with-icon:last-child {
       margin-right: 1.5rem;
     }
-    &--large-with-icon:first-child {
+    &--large#{&}--with-icon:first-child {
       margin-left: 2.5rem;
     }
-    &--large-with-icon:last-child {
+    &--large#{&}--with-icon:last-child {
       margin-right: 2.5rem;
     }
 
-    &--ellipsis-with-icon {
+    &--ellipsis#{&}--with-icon {
       white-space: nowrap;
       overflow: hidden;
       text-overflow: ellipsis;
     }
 
-    &--fluid-with-icon:last-child {
+    &--fluid#{&}--with-icon:last-child {
       margin-right: 0;
       @media (min-width: map-get($grid-breakpoints, md)) {
         margin-right: 1.5rem;
       }
     }
-    &--large-fluid-with-icon:last-child {
+    &--large-fluid#{&}--with-icon:last-child {
       @media (min-width: map-get($grid-breakpoints, md)) {
         margin-right: 2.5rem;
       }
@@ -391,7 +405,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
         margin-right: 0;
       }
     }
-    &--large-with-icon:last-child {
+    &--large#{&}--with-icon:last-child {
       margin-right: 2.5rem;
       @media (min-width: map-get($grid-breakpoints, md)) {
         margin-right: 0;

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

@@ -2,40 +2,27 @@ export type Styles = {
   button: string;
   button__content: string;
   'button__content--borderless': string;
-  'button__content--borderless-danger': string;
-  'button__content--borderless-inverted': string;
-  'button__content--borderless-warning': string;
-  'button__content--ellipsis-with-icon': string;
+  'button__content--danger': string;
+  'button__content--ellipsis': string;
   'button__content--fill': string;
-  'button__content--fill-danger': string;
-  'button__content--fill-not-inverted': string;
-  'button__content--fill-warning': string;
-  'button__content--fluid-with-icon': string;
-  'button__content--large-fluid-with-icon': string;
-  'button__content--large-with-icon': string;
+  'button__content--fluid': string;
+  'button__content--inverted': string;
+  'button__content--large': string;
+  'button__content--large-fluid': string;
+  'button__content--warning': string;
   'button__content--with-icon': string;
   'button__left-fluid-content': string;
-  'button__left-fluid-content--large-with-icon': string;
+  'button__left-fluid-content--large': string;
   'button__left-fluid-content--with-icon': string;
   'button--borderless': string;
-  'button--borderless-danger': string;
-  'button--borderless-inverted': string;
-  'button--borderless-warning': string;
-  'button--borderless-with-icon': string;
-  'button--ellipsis-with-icon': string;
+  'button--danger': string;
+  'button--ellipsis': string;
   'button--fill': string;
-  'button--fill-danger': string;
-  'button--fill-inverted': string;
-  'button--fill-not-inverted': string;
-  'button--fill-warning': string;
   'button--fluid': string;
+  'button--inverted': string;
   'button--large': string;
-  'button--large-borderless-with-icon': string;
-  'button--large-with-icon': string;
   'button--outline': string;
-  'button--outline-danger': string;
-  'button--outline-inverted': string;
-  'button--outline-warning': string;
+  'button--warning': string;
   'button--with-icon': string;
   'content-wrapper': string;
 };

package/components/ButtonWithModal/componentdata.json

@@ -106,6 +106,9 @@
           },
           {
             "value": "\"error\""
+          },
+          {
+            "value": "\"image\""
           }
         ]
       }

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-f5b8067b.js";import{M as s}from"../../Modal-53dee2d3.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-084dd998.js";import"../../index-9b84fabc.js";import"../Loader/styles.module.scss";import"crypto";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){var m=o(!1),l=t(m,2),n=l[0],p=l[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-e1c7fe69.js";import e,{useState as o}from"react";import{B as r}from"../../Button-e2087687.js";import{M as s}from"../../Modal-459c67d7.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-3767cb6e.js";import"../../index-9b84fabc.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){var l=o(!1),m=t(l,2),n=m[0],a=m[1];return e.createElement("div",null,e.createElement(r,{onClick:function(){return a(!0)}},i.buttonText),n&&e.createElement(s,Object.assign({},i,{onClose:function(){return a(!1)}})))}));export default i;
 //# sourceMappingURL=index.js.map

package/components/ExpanderList/ExpanderList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpanderList.d.ts","sourceRoot":"","sources":["../../../src/components/ExpanderList/ExpanderList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAYnD,oBAAY,kBAAkB,GAAG,YAAY,CAAC;AAC9C,oBAAY,YAAY,GAAG,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;AAE/G,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACtI,QAAQ,EAAE,YAAY,CAAC;CACxB;AAMD,UAAU,iBAAiB;IACzB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,aAAK,MAAM,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAEzC,aAAK,aAAa,GAAG,MAAM,CACzB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACvC;IACE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAClF,CACF,CAAC;AAmEF,eAAO,MAAM,YAAY,sBA8DC,CAAC;AAK3B,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ExpanderList.d.ts","sourceRoot":"","sources":["../../../src/components/ExpanderList/ExpanderList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAYnD,oBAAY,kBAAkB,GAAG,YAAY,CAAC;AAC9C,oBAAY,YAAY,GAAG,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;AAE/G,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,iBAAiB,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IACtI,QAAQ,EAAE,YAAY,CAAC;CACxB;AAMD,UAAU,iBAAiB;IACzB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gCAAgC;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,wCAAwC;IACxC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,aAAK,MAAM,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC;AAEzC,aAAK,aAAa,GAAG,MAAM,CACzB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACvC;IACE,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;CAClF,CACF,CAAC;AAuDF,eAAO,MAAM,YAAY,sBA8DC,CAAC;AAK3B,eAAe,YAAY,CAAC"}

package/components/ExpanderList/index.js

@@ -1,2 +1,2 @@
-import{_ as e,a as n}from"../../_rollupPluginBabelHelpers-e1c7fe69.js";import t,{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 n=e.isExtraSmall,a=e.isHovered,r=t.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=t.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=t.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 n?a?t.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 n=e.isExtraSmall,a=e.isHovered,r=t.createElement("path",{d:"M32.951 18.788l1.419 1.409-10.371 10.451L13.63 20.197l1.419-1.409L24 27.809z"}),i=t.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=t.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 n?a?t.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=t.forwardRef((function(e,a){var r,v=e.id,f=e.children,x=e.padding,E=void 0===x||x,h=e.color,_=void 0===h?"neutral":h,g=e.className,k=void 0===g?"":g,L=e.icon,N=e.large,b=void 0!==N&&N,z=e.title,j=e.isExpanded,H=void 0!==j&&j,w=e.testId,M=void 0===w?"":w,B=e.handleExpanderClick,C=o(),S=C.hoverRef,V=C.isHovered,y=d(),I=c(m["expander-list-link"],m["expander-list-link--".concat(_)],(n(r={},m["expander-list-link--closed"],!H),n(r,m["expander-list-link--large"],b),r)),O=c(m["expander-list-link__main-content"],E?m["expander-list-link__main-content--padding"]:""),P=c(m["expander-list-link__icon-container"],m["expander-list-link__icon-container--hasmargin"]);return t.createElement("li",{className:k,ref:a},t.createElement("button",{id:v,onClick:B,"data-testid":M,className:I,ref:S},t.createElement("span",{className:m["expander-list-link__link-content"]},L?t.createElement("span",{className:P},t.cloneElement(L,{className:m["expander-list-link__icon"],size:y===s.Xs?i.XSmall:i.Small,isHovered:V})):null,z),t.createElement("span",{className:m["expander-list-link__icon-container"]},t.createElement(l,{className:m["expander-list-link__icon"],size:i.XSmall,svgIcon:H?p:u,isHovered:V}))),H?t.createElement("div",{className:O},f):null)}));var f=t.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,_=i.accordion,g=void 0!==_&&_,k=i.topBorder,L=void 0===k||k,N=i.bottomBorder,b=void 0===N||N,z=a({}),j=e(z,2),H=j[0],w=j[1],M=a(),B=e(M,2),C=B[0],S=B[1],V=t.Children.count(o),y=c(m["expander-list"],h);function I(e){var t,a=(null===(t=e.currentTarget)||void 0===t?void 0:t.id)||function(e,n){var t=(e.path||e.composedPath&&e.composedPath()).find((function(e){return e.tagName===n}));return t?t.id:""}(e,"BUTTON");f||(w((function(e){return g?n({},a,!e[a]):Object.assign(Object.assign({},e),n({},a,!e[a]))})),S(e.currentTarget))}return r((function(){var e,n,t,a,r;!g||!C||(e=C.getBoundingClientRect(),n=e.top,t=e.left,a=e.bottom,r=e.right,n>=0&&t>=0&&a<=(window.innerHeight||document.documentElement.clientHeight)&&r<=(window.innerWidth||document.documentElement.clientWidth))||C.scrollIntoView()}),[g,C]),t.createElement("ul",{className:y,ref:l},t.Children.map(o,(function(e,a){if(e.type===v){var r=f||H["expander-".concat(a)],i=function(e){var t;return c(m["expander-list__item"],(n(t={},m["expander-list__item--top"],0===e&&L),n(t,m["expander-list__item--no-bottom"],e===V-1&&!b),t))}(a);return t.cloneElement(e,{id:"expander-".concat(a),key:"expander-".concat(a),isExpanded:r,padding:s,color:x,large:p,"aria-expanded":r,className:i,handleExpanderClick:I})}return e})))}));f.Expander=v,v.displayName="ExpanderList.Expander";export default f;
+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 d}from"../../useHover-57ad4df9.js";import{u as o,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},v=n.forwardRef((function(e,a){var r,v=e.id,f=e.children,E=e.padding,x=void 0===E||E,h=e.color,g=void 0===h?"neutral":h,_=e.className,L=void 0===_?"":_,k=e.icon,N=e.large,b=void 0!==N&&N,z=e.title,j=e.isExpanded,H=void 0!==j&&j,w=e.testId,M=void 0===w?"":w,B=e.handleExpanderClick,C=d(),S=C.hoverRef,V=C.isHovered,y=o(),I=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"],b),r)),O=c(m["expander-list-link__main-content"],x?m["expander-list-link__main-content--padding"]:"");return n.createElement("li",{className:L,ref:a},n.createElement("button",{id:v,onClick:B,"data-testid":M,className:I,ref:S},k&&n.createElement("span",{className:m["expander-list-link__icon"]},n.cloneElement(k,{size:y===s.Xs?i.XSmall:i.Small,isHovered:V})),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:V}))),H?n.createElement("div",{className:O},f):null)}));var f=n.forwardRef((function(i,l){var d=i.children,o=i.childPadding,s=void 0===o||o,p=i.large,u=i.isOpen,f=void 0!==u&&u,E=i.color,x=i.className,h=void 0===x?"":x,g=i.accordion,_=void 0!==g&&g,L=i.topBorder,k=void 0===L||L,N=i.bottomBorder,b=void 0===N||N,z=a({}),j=e(z,2),H=j[0],w=j[1],M=a(),B=e(M,2),C=B[0],S=B[1],V=n.Children.count(d),y=c(m["expander-list"],h);function I(e){var n,a=(null===(n=e.currentTarget)||void 0===n?void 0:n.id)||function(e,t){var n=(e.path||e.composedPath&&e.composedPath()).find((function(e){return e.tagName===t}));return n?n.id:""}(e,"BUTTON");f||(w((function(e){return _?t({},a,!e[a]):Object.assign(Object.assign({},e),t({},a,!e[a]))})),S(e.currentTarget))}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]),n.createElement("ul",{className:y,ref:l},n.Children.map(d,(function(e,a){if(e.type===v){var r=f||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===V-1&&!b),n))}(a);return n.cloneElement(e,{id:"expander-".concat(a),key:"expander-".concat(a),isExpanded:r,padding:s,color:E,large:p,"aria-expanded":r,className:i,handleExpanderClick:I})}return e})))}));f.Expander=v,v.displayName="ExpanderList.Expander";export default f;
 //# sourceMappingURL=index.js.map

package/components/ExpanderList/styles.module.scss

@@ -116,7 +116,7 @@
     line-height: $lineheight-size-lg;
   }
 
-  &__link-content {
+  &__title {
     color: $black;
     display: flex;
     align-items: center;
@@ -128,6 +128,19 @@
     }
   }
 
+  &__icon {
+    display: flex;
+    align-items: center;
+    margin-right: getSpacer(xs);
+  }
+
+  &__chevron {
+    display: flex;
+    align-items: center;
+    margin-left: auto;
+    padding-left: getSpacer(xs);
+  }
+
   &__main-content {
     padding: 0;
 
@@ -139,13 +152,4 @@
       }
     }
   }
-
-  &__icon-container {
-    &--hasmargin {
-      margin-right: getSpacer(xs);
-    }
-  }
-  &__icon {
-    vertical-align: middle;
-  }
 }

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

@@ -4,11 +4,11 @@ export type Styles = {
   'expander-list__item--no-bottom': string;
   'expander-list__item--top': string;
   'expander-list-link': string;
+  'expander-list-link__chevron': string;
   'expander-list-link__icon': string;
-  'expander-list-link__icon-container--hasmargin': string;
-  'expander-list-link__link-content': string;
   'expander-list-link__main-content': string;
   'expander-list-link__main-content--padding': string;
+  'expander-list-link__title': string;
   'expander-list-link--banana': string;
   'expander-list-link--blueberry': string;
   'expander-list-link--cherry': string;

package/components/LinkList/LinkList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkList.d.ts","sourceRoot":"","sources":["../../../src/components/LinkList/LinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAQnD,oBAAY,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,oBAAY,cAAc,GAAG,YAAY,CAAC;AAC1C,oBAAY,QAAQ,GAAG,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;AACvG,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC/H,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,UAAU,aAAa;IACrB,4BAA4B;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,EAAE,cAAc,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAgDD,eAAO,MAAM,QAAQ,mBAqBE,CAAC;AAKxB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"LinkList.d.ts","sourceRoot":"","sources":["../../../src/components/LinkList/LinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAQnD,oBAAY,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,oBAAY,cAAc,GAAG,YAAY,CAAC;AAC1C,oBAAY,QAAQ,GAAG,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;AACvG,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC/H,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,UAAU,aAAa;IACrB,4BAA4B;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,EAAE,cAAc,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA6CD,eAAO,MAAM,QAAQ,mBAqBE,CAAC;AAKxB,eAAe,QAAQ,CAAC"}

package/components/LinkList/index.js

@@ -1,2 +1,2 @@
-import{a as e}from"../../_rollupPluginBabelHelpers-e1c7fe69.js";import{_ as l}from"../../_tslib-51c8a283.js";import i from"react";import{c as a}from"../../index-9b84fabc.js";import{a as r,I as n}from"../../constants-d1f48e8e.js";import{u as o,B as s}from"../../useBreakpoint-a8fa8a61.js";import{u as t}from"../../useHover-57ad4df9.js";import c from"./styles.module.scss";import"../../useWindowSize-c22d7634.js";import"../../grid-11a70eb7.js";var m=function(e){var l=e.isExtraSmall,a=e.isHovered,r=i.createElement("path",{d:"M19.171 32.951l1.409 1.42L31.031 24 20.58 13.63l-1.409 1.42 9.02 8.95z"}),n=i.createElement("path",{d:"M24.479 11.63L36.93 23.999 24.479 36.37l-1.409-1.419L33.083 25H13v-2h20.085L23.07 13.049z"}),o=i.createElement("path",{d:"M17.885 32.577l1.779 1.793 10.451-10.371L19.664 13.63l-1.779 1.793 8.644 8.576z"});return l?a?i.createElement("path",{d:"M25.98 11.103l12.977 12.896L25.98 36.897l-1.78-1.794 9.899-9.841-20.204.001v-2.526l20.204-.001-9.899-9.839z"}):o:a?n:r},d=i.forwardRef((function(d,f){var _,p=d.children,v=d.className,h=void 0===v?"":v,u=d.color,k=void 0===u?"neutral":u,E=d.icon,z=d.size,N=void 0===z?"medium":z,b=d.chevron,L=void 0!==b&&b,j=l(d,["children","className","color","icon","size","chevron"]),g=t(),H=g.hoverRef,B=g.isHovered,S=o(),M="small"!==N&&!(!L&&!E);return i.createElement("li",{ref:f},i.createElement("a",Object.assign({className:a(c["link-list__anchor"],c["link-list__anchor--"+k],(_={},e(_,c["link-list__anchor--hasicon"],M),e(_,c["link-list__anchor--small"],"small"===N),e(_,c["link-list__anchor--medium"],"medium"===N),e(_,c["link-list__anchor--large"],"large"===N),_),h),ref:H},j),i.createElement("span",{className:c["link-list__content"]},M&&E&&i.createElement("span",{className:"".concat(c["link-list__icon-container"]," ").concat(c["link-list__icon-container--hasmargin"])},i.cloneElement(E,{className:c["link-list__icon"],size:S===s.Xs?r.XSmall:r.Small,isHovered:B})),p),M&&L&&i.createElement("span",{className:c["link-list__icon-container"]},i.createElement(n,{className:c["link-list__icon"],svgIcon:m,isHovered:B,size:r.XSmall}))))})),f=i.forwardRef((function(l,r){var n,o=l.children,s=l.className,t=void 0===s?"":s,m=l.chevron,f=void 0!==m&&m,_=l.size,p=void 0===_?"medium":_,v=l.color,h=l.topBorder,u=void 0===h||h,k=l.bottomBorder,E=void 0===k||k;return i.createElement("ul",{ref:r,className:a(c["link-list"],(n={},e(n,c["link-list--hastopborder"],u),e(n,c["link-list--nobottomborder"],!E),n),t||"")},i.Children.map(o,(function(e){if(e.type===d)return i.cloneElement(e,{color:v,size:p,chevron:f})})))}));f.Link=d,d.displayName="LinkList.Link";export default f;
+import{a as e}from"../../_rollupPluginBabelHelpers-e1c7fe69.js";import{_ as l}from"../../_tslib-51c8a283.js";import r from"react";import{c as a}from"../../index-9b84fabc.js";import{a as i,I as o}from"../../constants-d1f48e8e.js";import{u as s,B as t}from"../../useBreakpoint-a8fa8a61.js";import{u as n}from"../../useHover-57ad4df9.js";import m from"./styles.module.scss";import"../../useWindowSize-c22d7634.js";import"../../grid-11a70eb7.js";var c=function(e){var l=e.isExtraSmall,a=e.isHovered,i=r.createElement("path",{d:"M19.171 32.951l1.409 1.42L31.031 24 20.58 13.63l-1.409 1.42 9.02 8.95z"}),o=r.createElement("path",{d:"M24.479 11.63L36.93 23.999 24.479 36.37l-1.409-1.419L33.083 25H13v-2h20.085L23.07 13.049z"}),s=r.createElement("path",{d:"M17.885 32.577l1.779 1.793 10.451-10.371L19.664 13.63l-1.779 1.793 8.644 8.576z"});return l?a?r.createElement("path",{d:"M25.98 11.103l12.977 12.896L25.98 36.897l-1.78-1.794 9.899-9.841-20.204.001v-2.526l20.204-.001-9.899-9.839z"}):s:a?o:i},d=r.forwardRef((function(d,f){var v,p=d.children,h=d.className,u=void 0===h?"":h,_=d.color,k=void 0===_?"neutral":_,E=d.icon,z=d.size,b=void 0===z?"medium":z,L=d.chevron,j=void 0!==L&&L,N=l(d,["children","className","color","icon","size","chevron"]),H=n(),g=H.hoverRef,B=H.isHovered,S=s(),M="small"!==b&&!(!j&&!E);return r.createElement("li",{ref:f},r.createElement("a",Object.assign({className:a(m["link-list__anchor"],m["link-list__anchor--"+k],(v={},e(v,m["link-list__anchor--hasicon"],M),e(v,m["link-list__anchor--small"],"small"===b),e(v,m["link-list__anchor--medium"],"medium"===b),e(v,m["link-list__anchor--large"],"large"===b),v),u),ref:g},N),M&&E&&r.createElement("span",{className:m["link-list__icon"]},r.cloneElement(E,{size:S===t.Xs?i.XSmall:i.Small,isHovered:B})),r.createElement("span",{className:m["link-list__content"]},p),M&&j&&r.createElement("span",{className:m["link-list__chevron"]},r.createElement(o,{svgIcon:c,isHovered:B,size:i.XSmall}))))})),f=r.forwardRef((function(l,i){var o,s=l.children,t=l.className,n=void 0===t?"":t,c=l.chevron,f=void 0!==c&&c,v=l.size,p=void 0===v?"medium":v,h=l.color,u=l.topBorder,_=void 0===u||u,k=l.bottomBorder,E=void 0===k||k;return r.createElement("ul",{ref:i,className:a(m["link-list"],(o={},e(o,m["link-list--hastopborder"],_),e(o,m["link-list--nobottomborder"],!E),o),n||"")},r.Children.map(s,(function(e){if(e.type===d)return r.cloneElement(e,{color:h,size:p,chevron:f})})))}));f.Link=d,d.displayName="LinkList.Link";export default f;
 //# sourceMappingURL=index.js.map

package/components/LinkList/styles.module.scss

@@ -27,7 +27,6 @@
     display: flex;
     min-height: 4.5rem;
     text-decoration: none;
-    justify-content: space-between;
     align-items: center;
     color: $black;
     cursor: pointer;
@@ -124,9 +123,6 @@
 
     &:focus {
       outline: none;
-      .link-list__content {
-        border-color: $black;
-      }
     }
   }
 
@@ -134,14 +130,21 @@
     display: flex;
     align-items: center;
     border-bottom: 1px solid transparent;
-  }
-
-  &__icon-container {
-    &--hasmargin {
-      margin-right: getSpacer(xs);
+    :focus > & {
+      border-color: $black;
     }
   }
+
   &__icon {
-    vertical-align: middle;
+    display: flex;
+    align-items: center;
+    margin-right: getSpacer(xs);
+  }
+
+  &__chevron {
+    display: flex;
+    align-items: center;
+    margin-left: auto;
+    padding-left: getSpacer(xs);
   }
 }

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

@@ -13,9 +13,9 @@ export type Styles = {
   'link-list__anchor--plum': string;
   'link-list__anchor--small': string;
   'link-list__anchor--white': string;
+  'link-list__chevron': string;
   'link-list__content': string;
   'link-list__icon': string;
-  'link-list__icon-container--hasmargin': string;
   'link-list--hastopborder': string;
   'link-list--nobottomborder': string;
 };

package/components/Loader/Loader.d.ts

@@ -15,9 +15,9 @@ interface LoaderProps {
     center?: boolean;
     /** Loader is displayed with grey background covering the entire screen */
     overlay?: boolean;
-    /**  individual id for loading icon (aria-labelledby).  */
+    /**  Individual id for loading icon (aria-labelledby).  */
     ariaLabelledById?: string;
-    /**  individual id for loading icon (aria-labelledby).  */
+    /**  String that labels the current loading element  */
     ariaLabel?: string;
 }
 declare const Loader: React.ForwardRefExoticComponent<LoaderProps & React.RefAttributes<HTMLElement>>;

package/components/Loader/Loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,oBAAY,YAAY,GAAG,YAAY,CAAC;AACxC,oBAAY,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhE,UAAU,WAAW;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0DAA0D;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,iFA0DV,CAAC;AAEH,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAGnD,oBAAY,YAAY,GAAG,YAAY,CAAC;AACxC,oBAAY,WAAW,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEhE,UAAU,WAAW;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wCAAwC;IACxC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,0EAA0E;IAC1E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0DAA0D;IAC1D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,MAAM,iFA0DV,CAAC;AAEH,eAAe,MAAM,CAAC"}

package/components/Loader/componentdata.json

@@ -164,7 +164,7 @@
     },
     "ariaLabelledById": {
       "defaultValue": null,
-      "description": "individual id for loading icon (aria-labelledby).",
+      "description": "Individual id for loading icon (aria-labelledby).",
       "name": "ariaLabelledById",
       "parent": {
         "fileName": "src/components/Loader/Loader.tsx",
@@ -183,7 +183,7 @@
     },
     "ariaLabel": {
       "defaultValue": null,
-      "description": "individual id for loading icon (aria-labelledby).",
+      "description": "String that labels the current loading element",
       "name": "ariaLabel",
       "parent": {
         "fileName": "src/components/Loader/Loader.tsx",

package/components/Loader/index.js

@@ -1,2 +1,2 @@
-import{L as r}from"../../Loader-084dd998.js";export{L as default}from"../../Loader-084dd998.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"crypto";
+import{L as e}from"../../Loader-3767cb6e.js";export{L as default}from"../../Loader-3767cb6e.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/Modal/Modal.d.ts

@@ -2,7 +2,8 @@ import React from 'react';
 export declare enum ModalVariants {
     normal = "normal",
     warning = "warning",
-    error = "error"
+    error = "error",
+    image = "image"
 }
 export interface ModalProps {
     /** Title of the modal */

package/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAgBzC,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+GAA+G;IAC/G,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAgCD,QAAA,MAAM,KAAK,kFA2FT,CAAC;AAIH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAgBzC,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,UAAU;IACzB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+GAA+G;IAC/G,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAgCD,QAAA,MAAM,KAAK,kFA0GT,CAAC;AAIH,eAAe,KAAK,CAAC"}

package/components/Modal/componentdata.json

@@ -89,6 +89,9 @@
           },
           {
             "value": "\"error\""
+          },
+          {
+            "value": "\"image\""
           }
         ]
       }

package/components/Modal/index.js

@@ -1,2 +1,2 @@
-import{M as s}from"../../Modal-53dee2d3.js";export{M as default}from"../../Modal-53dee2d3.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-f5b8067b.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../constants-d1f48e8e.js";import"../../Loader-084dd998.js";import"../Loader/styles.module.scss";import"crypto";import"../../useHover-57ad4df9.js";import"../../useWindowSize-c22d7634.js";import"../Button/styles.module.scss";import"../../AlertSignFill-64bfef57.js";import"./styles.module.scss";import"../../Title-863af332.js";import"../Title/styles.module.scss";
+import{M as s}from"../../Modal-459c67d7.js";export{M as default}from"../../Modal-459c67d7.js";import"react";import"../../index-9b84fabc.js";import"../../Loader-3767cb6e.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"../Loader/styles.module.scss";import"../../palette-f206f488.js";import"../../Button-e2087687.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../constants-d1f48e8e.js";import"../../useHover-57ad4df9.js";import"../../useWindowSize-c22d7634.js";import"../Button/styles.module.scss";import"../../AlertSignFill-64bfef57.js";import"./styles.module.scss";import"../../Title-863af332.js";import"../Title/styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/Modal/styles.module.scss

@@ -38,22 +38,22 @@
     font-size: 20px;
   }
 
-  &.normal {
+  &--normal {
     background-color: $white;
   }
-  &.error {
+  &--error {
     background-color: $cherry100;
 
-    .title {
+    &__title {
       color: $cherry600;
     }
   }
-  &.warning {
+  &--warning {
     background-color: $banana50;
   }
-  &.error,
-  &.warning {
-    .title {
+  &--error,
+  &--warning {
+    &__title {
       div:nth-child(2) {
         padding-left: 8px;
       }
@@ -74,7 +74,7 @@
     width: 515px;
   }
 
-  &.large {
+  &--large {
     @media (min-width: map-get($grid-breakpoints, md)) {
       width: 612px;
     }
@@ -82,78 +82,114 @@
       width: 696px;
     }
   }
-}
 
-.close {
-  position: absolute;
-  right: 15px;
-  top: 15px;
-  @media (max-width: map-get($grid-breakpoints, md)) {
-    right: 0px;
-    top: 0px;
-  }
-}
+  &--image {
+    max-height: calc(100vh - 24px);
+    max-width: calc(100vw - 24px);
 
-.contentWrapper {
-  padding: 48px;
-  @media (max-width: map-get($grid-breakpoints, sm)) {
-    padding: 32px 24px;
+    &__img {
+      line-height: 0;
+      img {
+        max-height: calc(100vh - 185px);
+        max-width: calc(100vw - 57px);
+        min-width: 100%;
+      }
+    }
+
+    &__text {
+      font-size: 12pt;
+      padding-top: 16px;
+      display: block;
+    }
   }
-  .content {
-    margin: 20px 0;
+
+  &__close {
+    position: absolute;
+    right: 15px;
+    top: 15px;
+    @media (max-width: map-get($grid-breakpoints, md)) {
+      right: 0px;
+      top: 0px;
+    }
+
+    &--image {
+      position: absolute;
+      right: 0px;
+      margin: 8px;
+    }
   }
-  .title {
-    display: flex;
-    div {
+
+  &__contentWrapper {
+    padding: 48px;
+    @media (max-width: map-get($grid-breakpoints, sm)) {
+      padding: 32px 24px;
+    }
+
+    &--image {
+      padding: 48px 16px 32px;
+    }
+
+    &__content {
+      margin: 20px 0;
+
+      &--image {
+        margin-top: 10px;
+      }
+    }
+
+    &__title {
       display: flex;
-      justify-content: center;
-      align-items: center;
+      div {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+      }
     }
   }
-}
 
-.description {
-  white-space: pre-line;
-}
+  &__description {
+    white-space: pre-line;
+  }
 
-.lukkekryss {
-  height: 42px;
-  width: 42px;
-  padding: 0;
-  border: 0;
-  background-color: transparent;
-  cursor: pointer;
-
-  &:hover,
-  &:active {
-    background-color: rgba(88, 171, 187, 0.1);
-  }
-  &:focus {
-    box-shadow: 0px 0px 0px 2px $black;
-    background-color: rgba(88, 171, 187, 0.1);
-    border-radius: 0;
+  &__lukkekryss {
+    height: 42px;
+    width: 42px;
+    padding: 0;
     border: 0;
-    outline: none;
-  }
-}
+    background-color: transparent;
+    cursor: pointer;
 
-.actions {
-  display: flex;
-  padding: 5px 0;
-  button:first-child {
-    margin-right: 24px;
+    &:hover,
+    &:active {
+      background-color: rgba(88, 171, 187, 0.1);
+    }
+    &:focus {
+      box-shadow: 0px 0px 0px 2px $black;
+      background-color: rgba(88, 171, 187, 0.1);
+      border-radius: 0;
+      border: 0;
+      outline: none;
+    }
   }
-}
 
-/* animation on open */
-@keyframes open {
-  0% {
-    opacity: 0;
-    transform: scale(0.9);
+  &__actions {
+    display: flex;
+    padding: 5px 0;
+    button:first-child {
+      margin-right: 24px;
+    }
   }
 
-  100% {
-    opacity: 1;
-    transform: scale(1);
+  /* animation on open */
+  @keyframes open {
+    0% {
+      opacity: 0;
+      transform: scale(0.9);
+    }
+
+    100% {
+      opacity: 1;
+      transform: scale(1);
+    }
   }
 }

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

@@ -1,20 +1,28 @@
 export type Styles = {
-  actions: string;
   align: string;
-  close: string;
-  content: string;
-  contentWrapper: string;
-  description: string;
-  error: string;
-  large: string;
-  lukkekryss: string;
   modal: string;
+  modal__actions: string;
+  modal__close: string;
+  'modal__close--image': string;
+  modal__contentWrapper: string;
+  modal__contentWrapper__content: string;
+  'modal__contentWrapper__content--image': string;
+  modal__contentWrapper__title: string;
+  'modal__contentWrapper--image': string;
+  modal__description: string;
+  modal__lukkekryss: string;
+  'modal--error': string;
+  'modal--error__title': string;
+  'modal--image': string;
+  'modal--image__img': string;
+  'modal--image__text': string;
+  'modal--large': string;
+  'modal--normal': string;
+  'modal--warning': string;
+  'modal--warning__title': string;
   'modal-overlay': string;
   'modal-overlay--lowerzindex': string;
-  normal: string;
   open: string;
-  title: string;
-  warning: string;
 };
 
 export type ClassNames = keyof Styles;

package/components/Tabs/componentdata.json

@@ -0,0 +1,3 @@
+{
+  "props": {}
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@helsenorge/designsystem-react",
   "sideEffects": false,
-  "version": "1.0.0-beta77",
+  "version": "1.0.0-beta81",
   "description": "The official design system for Helsenorge built with React.",
   "repository": {
     "type": "tfs",
@@ -28,8 +28,7 @@
     "styled-components": "^5.0.0"
   },
   "dependencies": {
-    "bootstrap": "4.4.1",
-    "uuid": "8.3.2"
+    "bootstrap": "4.4.1"
   },
   "devDependencies": {
     "@babel/core": "^7.8.3",
@@ -57,7 +56,6 @@
     "@types/prettier": "1.19.0",
     "@types/styled-components": "5.0.1",
     "@types/testing-library__react": "^10.0.5",
-    "@types/uuid": "8.3.1",
     "async": "^3.1.0",
     "babel-loader": "^8.0.6",
     "classnames": "^2.2.6",

package/utils/uuid.d.ts

@@ -0,0 +1,2 @@
+export declare const uuid: () => string;
+//# sourceMappingURL=uuid.d.ts.map

package/utils/uuid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"uuid.d.ts","sourceRoot":"","sources":["../../src/utils/uuid.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,cAMhB,CAAC"}

package/Button-f5b8067b.js

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

package/Button-f5b8067b.js.map

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

package/Loader-084dd998.js

@@ -1,2 +0,0 @@
-import{a as e}from"./_rollupPluginBabelHelpers-e1c7fe69.js";import a from"react";import{c as r}from"./index-9b84fabc.js";import o from"./components/Loader/styles.module.scss";import l from"crypto";var t=new Uint8Array(256),d=t.length;function i(){return d>t.length-16&&(l.randomFillSync(t),d=0),t.slice(d,d+=16)}var n=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;for(var s=[],m=0;m<256;++m)s.push((m+256).toString(16).substr(1));function c(e,a){void 0===a&&(a=0);var r=(s[e[a+0]]+s[e[a+1]]+s[e[a+2]]+s[e[a+3]]+"-"+s[e[a+4]]+s[e[a+5]]+"-"+s[e[a+6]]+s[e[a+7]]+"-"+s[e[a+8]]+s[e[a+9]]+"-"+s[e[a+10]]+s[e[a+11]]+s[e[a+12]]+s[e[a+13]]+s[e[a+14]]+s[e[a+15]]).toLowerCase();if(!function(e){return"string"==typeof e&&n.test(e)}(r))throw TypeError("Stringified UUID is invalid");return r}function f(e,a,r){var o=(e=e||{}).random||(e.rng||i)();if(o[6]=15&o[6]|64,o[8]=63&o[8]|128,a){r=r||0;for(var l=0;l<16;++l)a[r+l]=o[l];return a}return c(o)}var _=a.forwardRef((function(l,t){var d,i,n,s=l.color,m=void 0===s?"neutral":s,c=l.size,_=void 0===c?"small":c,u=l.className,v=void 0===u?"":u,p=l.testId,b=void 0===p?"":p,y=l.center,g=l.overlay,w=l.ariaLabelledById,h=l.ariaLabel,E=void 0===h?"Laster inn":h,N="small"===_,L="medium"===_,k="large"===_,x=r(o["loader-wrapper"],(e(d={},o["loader-wrapper--center"],y),e(d,o["loader-wrapper--overlay"],g),d)),I=r(o.loader,(e(i={},o["loader--small"],N),e(i,o["loader--medium"],L),e(i,o["loader--large"],k),i),v),S=r(o.loader__dot,(e(n={},o["loader__dot--small"],N),e(n,o["loader__dot--medium"],L),e(n,o["loader__dot--large"],k),e(n,o["loader__dot--banana"],"banana"===m),e(n,o["loader__dot--cherry"],"cherry"===m),e(n,o["loader__dot--kiwi"],"kiwi"===m),e(n,o["loader__dot--neutral"],"neutral"===m),e(n,o["loader__dot--plum"],"plum"===m),e(n,o["loader__dot--black"],"black"===m),e(n,o["loader__dot--white"],"white"===m),n)),U="loader".concat(f());return a.createElement("div",{role:"progressbar",className:x},a.createElement("div",{"data-testid":b,"aria-labelledby":w||U,className:I},a.createElement("div",{className:S}),a.createElement("div",{className:S}),a.createElement("div",{className:S}),a.createElement("div",{className:S}),!w&&a.createElement("span",{id:U,className:o["loader__hidden-text"]},E)))}));export{_ as L,f as v};
-//# sourceMappingURL=Loader-084dd998.js.map

package/Loader-084dd998.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Loader-084dd998.js","sources":["../node_modules/uuid/dist/esm-node/rng.js","../node_modules/uuid/dist/esm-node/regex.js","../node_modules/uuid/dist/esm-node/stringify.js","../node_modules/uuid/dist/esm-node/validate.js","../node_modules/uuid/dist/esm-node/v4.js"],"sourcesContent":["import crypto from 'crypto';\nconst rnds8Pool = new Uint8Array(256); // # of random values to pre-allocate\n\nlet poolPtr = rnds8Pool.length;\nexport default function rng() {\n  if (poolPtr > rnds8Pool.length - 16) {\n    crypto.randomFillSync(rnds8Pool);\n    poolPtr = 0;\n  }\n\n  return rnds8Pool.slice(poolPtr, poolPtr += 16);\n}","export default /^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i;","import validate from './validate.js';\n/**\n * Convert array of 16 byte values to UUID string format of the form:\n * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX\n */\n\nconst byteToHex = [];\n\nfor (let i = 0; i < 256; ++i) {\n  byteToHex.push((i + 0x100).toString(16).substr(1));\n}\n\nfunction stringify(arr, offset = 0) {\n  // Note: Be careful editing this code!  It's been tuned for performance\n  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434\n  const uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one\n  // of the following:\n  // - One or more input array values don't map to a hex octet (leading to\n  // \"undefined\" in the uuid)\n  // - Invalid input values for the RFC `version` or `variant` fields\n\n  if (!validate(uuid)) {\n    throw TypeError('Stringified UUID is invalid');\n  }\n\n  return uuid;\n}\n\nexport default stringify;","import REGEX from './regex.js';\n\nfunction validate(uuid) {\n  return typeof uuid === 'string' && REGEX.test(uuid);\n}\n\nexport default validate;","import rng from './rng.js';\nimport stringify from './stringify.js';\n\nfunction v4(options, buf, offset) {\n  options = options || {};\n  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`\n\n  rnds[6] = rnds[6] & 0x0f | 0x40;\n  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided\n\n  if (buf) {\n    offset = offset || 0;\n\n    for (let i = 0; i < 16; ++i) {\n      buf[offset + i] = rnds[i];\n    }\n\n    return buf;\n  }\n\n  return stringify(rnds);\n}\n\nexport default v4;"],"names":["const","rnds8Pool","Uint8Array","poolPtr","length","rng","crypto","randomFillSync","slice","byteToHex","i","push","toString","substr","stringify","arr","offset","uuid","toLowerCase","REGEX","test","validate","TypeError","v4","options","buf","rnds","random","let"],"mappings":"qMACAA,IAAMC,EAAY,IAAIC,WAAW,KAE7BC,EAAUF,EAAUG,OACT,SAASC,IAMtB,OALIF,EAAUF,EAAUG,OAAS,KAC/BE,EAAOC,eAAeN,GACtBE,EAAU,GAGLF,EAAUO,MAAML,EAASA,GAAW,ICV7C,MAAe,sHCQf,IAFAH,IAAMS,EAAY,GAETC,EAAI,EAAGA,EAAI,MAAOA,EACzBD,EAAUE,MAAMD,EAAI,KAAOE,SAAS,IAAIC,OAAO,IAGjD,SAASC,EAAUC,EAAKC,kBAAS,GAG/BhB,IAAMiB,GAAQR,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,IAAMP,EAAUM,EAAIC,EAAS,IAAM,IAAMP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,KAAOP,EAAUM,EAAIC,EAAS,MAAME,cAM3f,ICnBF,SAAkBD,GAChB,MAAuB,iBAATA,GAAqBE,EAAMC,KAAKH,GDkBzCI,CAASJ,GACZ,MAAMK,UAAU,+BAGlB,OAAOL,EEtBT,SAASM,EAAGC,EAASC,EAAKT,GAExBhB,IAAM0B,GADNF,EAAUA,GAAW,IACAG,SAAWH,EAAQnB,KAAOA,KAK/C,GAHAqB,EAAK,GAAe,GAAVA,EAAK,GAAY,GAC3BA,EAAK,GAAe,GAAVA,EAAK,GAAY,IAEvBD,EAAK,CACPT,EAASA,GAAU,EAEnB,IAAKY,IAAIlB,EAAI,EAAGA,EAAI,KAAMA,EACxBe,EAAIT,EAASN,GAAKgB,EAAKhB,GAGzB,OAAOe,EAGT,OAAOX,EAAUY"}

package/Modal-53dee2d3.js

@@ -1,2 +0,0 @@
-import e,{useRef as t,useEffect as r}from"react";import{c as n}from"./index-9b84fabc.js";import{p as a}from"./palette-f206f488.js";import{B as o}from"./Button-f5b8067b.js";import{I as l}from"./constants-d1f48e8e.js";import{X as c,A as i,a as s}from"./AlertSignFill-64bfef57.js";import d from"./components/Modal/styles.module.scss";import{T as u}from"./Title-863af332.js";import{v as m}from"./Loader-084dd998.js";function v(){var e=t(null);function n(t){var r=e.current.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select'),n=r[0],a=1===r.length?n:r[r.length-1];"Tab"===t.key&&(t.shiftKey?document.activeElement===n&&(a.focus(),t.preventDefault()):document.activeElement===a&&(n.focus(),t.preventDefault()))}function a(t){var r=e.current.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select');1===r.length&&(r[0].focus(),t.preventDefault())}return r((function(){var t=e.current;return t.addEventListener("keydown",n),t.addEventListener("click",a),function(){t.removeEventListener("keydown",n),t.removeEventListener("click",a)}}),[]),e}var f;!function(e){e.normal="normal",e.warning="warning",e.error="error"}(f||(f={}));var p={variant:f.normal,primaryButtonText:"OK",large:!1,className:""},y=function(t){return e.createElement("button",{className:d.lukkekryss,"aria-label":t.ariaLabel||"Lukk",onClick:t.onClick,autoFocus:!0,role:"button"},e.createElement(l,{svgIcon:c,color:a.blueberry600,size:42}))},E=e.forwardRef((function(t,c){var p,E,b;function k(e){"Escape"===e.key&&t.onClose&&(e.stopPropagation(),t.onClose())}function g(e){e.target&&C.current===e.target&&t.onClose&&(e.stopPropagation(),t.onClose())}var h,L=null!==(p=t.titleId)&&void 0!==p?p:m(),x=e.useRef(null),C=e.useRef(null),B=t.secondaryButtonText&&(null===(E=t.secondaryButtonText)||void 0===E?void 0:E.length)>0||t.onSuccess,N=t.ariaLabelledBy?void 0:t.ariaLabel,w=t.ariaLabelledBy?t.ariaLabelledBy:t.ariaLabel?void 0:L;return r((function(){var e=x.current,t=C.current;return document.body.style.overflow="hidden",e&&(e.addEventListener("keydown",k),t.addEventListener("click",g)),function(){document.body.style.removeProperty("overflow"),e.removeEventListener("keydown",k),t.removeEventListener("click",g)}})),e.createElement("div",{ref:x,"data-testid":"dialog-container"},e.createElement("div",{ref:C,className:d["modal-overlay"],"data-testid":t.testId},e.createElement("div",{className:d.align,ref:v()},e.createElement("div",{className:n(t.className,d.modal,d[t.variant],t.large?d.large:""),role:"dialog","aria-label":N,"aria-labelledby":w},!t.noCloseButton&&e.createElement("div",{className:d.close},e.createElement(y,{onClick:t.onClose,ariaLabel:t.ariaLabelCloseBtn})),e.createElement("div",{className:d.contentWrapper},e.createElement("div",{className:d.title},t.variant&&((h=t.variant)===f.error?e.createElement("div",null,e.createElement(l,{svgIcon:i,color:a.cherry500,hoverColor:a.cherry500})):h===f.warning?e.createElement("div",null,e.createElement(l,{svgIcon:s,color:a.black,hoverColor:a.black})):null),e.createElement("div",null,e.createElement(u,{id:L,htmlMarkup:"h3",appearance:"title3"},t.title))),e.createElement("div",{className:d.content},t.children&&e.createElement("div",null,t.children),t.description&&!t.children&&e.createElement("p",{className:d.description},t.description)),B&&e.createElement("div",{className:d.actions},t.onSuccess&&e.createElement(o,{onClick:t.onSuccess},t.primaryButtonText),t.secondaryButtonText&&(null===(b=t.secondaryButtonText)||void 0===b?void 0:b.length)>0&&e.createElement(o,{variant:"borderless",onClick:t.onClose},t.secondaryButtonText)))))))}));E.defaultProps=p;export{E as M};
-//# sourceMappingURL=Modal-53dee2d3.js.map

package/Modal-53dee2d3.js.map

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