@helsenorge/designsystem-react 1.0.0-beta74 → 1.0.0-beta78

package/scss/_palette.scss

@@ -67,6 +67,8 @@ $plum700: #5b22a6;
 $plum800: #4c1b8c;
 $plum900: #3c1471;
 
+$transparentGrey: rgba(102, 102, 102, 0.75);
+
 $palette-map: (
   'banana50': $banana50,
   'banana100': $banana100,

package/useBreakpoint-a8fa8a61.js

@@ -0,0 +1,2 @@
+import{_ as r}from"./_rollupPluginBabelHelpers-e1c7fe69.js";import{useState as s,useEffect as m}from"react";import{u as o}from"./useWindowSize-c22d7634.js";import{b as i}from"./grid-11a70eb7.js";var a;!function(r){r[r.Xs=i.xs]="Xs",r[r.Sm=i.sm]="Sm",r[r.Md=i.md]="Md",r[r.Lg=i.lg]="Lg",r[r.Xl=i.xl]="Xl"}(a||(a={}));var e=function(){var i=o().width,e=s(),l=r(e,2),t=l[0],d=l[1];return m((function(){i&&(i>=a.Xl?d(a.Xl):i>=a.Lg?d(a.Lg):i>=a.Md?d(a.Md):i>=a.Sm?d(a.Sm):d(a.Xs))}),[i]),t};export{a as B,e as u};
+//# sourceMappingURL=useBreakpoint-a8fa8a61.js.map

package/useBreakpoint-a8fa8a61.js.map

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

package/useWindowSize-c22d7634.js

@@ -0,0 +1,2 @@
+import{b as n,_ as e}from"./_rollupPluginBabelHelpers-e1c7fe69.js";import{useState as i,useEffect as r}from"react";function t(){var t="object"===("undefined"==typeof window?"undefined":n(window));function o(){return{width:t?window.innerWidth:void 0,height:t?window.innerHeight:void 0}}var d=i(o),u=e(d,2),f=u[0],w=u[1];return r((function(){if(!t)return function(){};function n(){w(o())}return window.addEventListener("resize",n),function(){return window.removeEventListener("resize",n)}}),[]),f}export{t as u};
+//# sourceMappingURL=useWindowSize-c22d7634.js.map

package/useWindowSize-c22d7634.js.map

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

package/Button-f1380b34.js

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

package/Button-f1380b34.js.map

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

package/Icon-43100735.js

@@ -1,2 +0,0 @@
-import{_ as e}from"./_tslib-51c8a283.js";import i from"react";var a=i.forwardRef((function(a,o){var t=a.svgIcon,r=a.ariaLabel,l=a.id,s=a.className,d=void 0===s?"":s,c=a.size,v=void 0===c?48:c,n=a.color,m=void 0===n?"black":n,b=a.hoverColor,h=void 0===b?m||"black":b,f=a.isHovered,g=void 0!==f&&f,I=a.testId,p=e(a,["svgIcon","ariaLabel","id","className","size","color","hoverColor","isHovered","testId"]),y=i.createElement(t,{isExtraSmall:v<=38,isHovered:g}),E=l&&r?"title-".concat(l):void 0;return i.createElement("svg",Object.assign({id:l,"data-testid":I,ref:o,className:"hnds-style-icon ".concat(d),role:"img","aria-label":!l&&r?r:void 0,"aria-labelledby":E,"aria-hidden":"true",viewBox:"0 0 48 48",style:{minWidth:v,minHeight:v},width:v,height:v,fill:g?h:m},p),E&&i.createElement("title",{id:E},r),y)}));a.displayName="Icon";export{a as I};
-//# sourceMappingURL=Icon-43100735.js.map

package/Icon-43100735.js.map

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

package/Loader-ad8bcd78.js

@@ -1,2 +0,0 @@
-import{a as e}from"./_rollupPluginBabelHelpers-e1c7fe69.js";import a from"react";import{c as l}from"./index-9b84fabc.js";import r from"./components/Loader/styles.module.scss";var o=a.forwardRef((function(o,d){var t,m,s=o.color,i=void 0===s?"neutral":s,c=o.size,_=void 0===c?"small":c,n=o.className,u=void 0===n?"":n,v=o.testId,p=void 0===v?"":v,f="small"===_,b="medium"===_,N="large"===_,w=l(r.loader,(e(t={},r["loader--small"],f),e(t,r["loader--medium"],b),e(t,r["loader--large"],N),t),u),E=l(r.loader__dot,(e(m={},r["loader__dot--small"],f),e(m,r["loader__dot--medium"],b),e(m,r["loader__dot--large"],N),e(m,r["loader__dot--banana"],"banana"===i),e(m,r["loader__dot--cherry"],"cherry"===i),e(m,r["loader__dot--kiwi"],"kiwi"===i),e(m,r["loader__dot--neutral"],"neutral"===i),e(m,r["loader__dot--plum"],"plum"===i),e(m,r["loader__dot--black"],"black"===i),e(m,r["loader__dot--white"],"white"===i),m));return a.createElement("div",{"data-testid":p,className:w},a.createElement("div",{className:E}),a.createElement("div",{className:E}),a.createElement("div",{className:E}),a.createElement("div",{className:E}))}));export{o as L};
-//# sourceMappingURL=Loader-ad8bcd78.js.map

package/Loader-ad8bcd78.js.map

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

package/Modal-42bec9e1.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-f1380b34.js";import{I as l}from"./Icon-43100735.js";import{X as c,A as i,a as s}from"./AlertSignFill-64bfef57.js";import u from"./components/Modal/styles.module.scss";import{T as m}from"./Title-863af332.js";function d(){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 v;!function(e){e.normal="normal",e.warning="warning",e.error="error"}(v||(v={}));var f={variant:v.normal,primaryButtonText:"OK",ariaLabel:"Dialog",large:!1,className:""},p=function(t){return e.createElement("button",{className:u.lukkekryss,"aria-label":t.ariaLabel||"Lukk",onClick:t.onClick,autoFocus:!0,role:"button"},e.createElement(l,{svgIcon:c,color:a.blueberry600,size:42}))},y=e.forwardRef((function(t,c){var f,y;function E(e){"Escape"===e.key&&t.onClose&&(e.stopPropagation(),t.onClose())}function b(e){e.target&&h.current===e.target&&t.onClose&&(e.stopPropagation(),t.onClose())}var k,g=e.useRef(null),h=e.useRef(null),x=t.secondaryButtonText&&(null===(f=t.secondaryButtonText)||void 0===f?void 0:f.length)>0||t.onSuccess;return r((function(){var e=g.current,t=h.current;return document.body.style.overflow="hidden",e&&(e.addEventListener("keydown",E),t.addEventListener("click",b)),function(){document.body.style.removeProperty("overflow"),e.removeEventListener("keydown",E),t.removeEventListener("click",b)}})),e.createElement("div",{ref:g,"data-testid":"dialog-container"},e.createElement("div",{ref:h,className:u["modal-overlay"],"data-testid":t.testId},e.createElement("div",{className:u.align,ref:d()},e.createElement("div",{className:n(t.className,u.modal,u[t.variant],t.large?u.large:""),role:"dialog","aria-label":t.ariaLabel,"aria-labelledby":t.ariaLabelledBy},!t.noCloseButton&&e.createElement("div",{className:u.close},e.createElement(p,{onClick:t.onClose,ariaLabel:t.ariaLabelCloseBtn})),e.createElement("div",{className:u.contentWrapper},e.createElement("div",{className:u.title},t.variant&&((k=t.variant)===v.error?e.createElement("div",null,e.createElement(l,{svgIcon:i,color:a.cherry500,hoverColor:a.cherry500})):k===v.warning?e.createElement("div",null,e.createElement(l,{svgIcon:s,color:a.black,hoverColor:a.black})):null),e.createElement("div",null,e.createElement(m,{htmlMarkup:"h3",appearance:"title3"},t.title))),e.createElement("div",{className:u.content},t.children&&e.createElement("div",null,t.children),t.description&&!t.children&&e.createElement("p",{className:u.description},t.description)),x&&e.createElement("div",{className:u.actions},t.onSuccess&&e.createElement(o,{onClick:t.onSuccess},t.primaryButtonText),t.secondaryButtonText&&(null===(y=t.secondaryButtonText)||void 0===y?void 0:y.length)>0&&e.createElement(o,{variant:"borderless",onClick:t.onClose},t.secondaryButtonText)))))))}));y.defaultProps=f;export{y as M};
-//# sourceMappingURL=Modal-42bec9e1.js.map

package/Modal-42bec9e1.js.map

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

package/color-d7bbcfcc.js

@@ -1,2 +0,0 @@
-import{t}from"./index-cf9fa51d.js";var n=function(n,a){return t.palette["".concat(n).concat(function(t){return"black"===t||"white"===t}(n)?"":a)]};export{n as g};
-//# sourceMappingURL=color-d7bbcfcc.js.map

package/color-d7bbcfcc.js.map

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

package/index-cf9fa51d.js

@@ -1,2 +0,0 @@
-import{p as t}from"./palette-f206f488.js";var s={null:0,xs:360,sm:564,md:768,lg:1088,xl:1450},a={spacer:1,spacers:{0:0,1:1/8,2:1/4,3:.5,4:1,5:1.5,6:2,7:3,8:4,9:5,10:6,11:7,12:8},palette:t,screen:{xs:"(min-width: ".concat(s.xs,"px)"),sm:"(min-width: ".concat(s.sm,"px)"),md:"(min-width: ".concat(s.md,"px)"),lg:"(min-width: ".concat(s.lg,"px)"),xl:"(min-width: ".concat(s.xl,"px)")},breakpoints:s};export{s as b,a as t};
-//# sourceMappingURL=index-cf9fa51d.js.map

package/index-cf9fa51d.js.map

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