@helsenorge/designsystem-react 1.0.1 → 1.1.0

package/HorizontalScroll-a4634c75.js

@@ -0,0 +1,2 @@
+import r,{useRef as o}from"react";import{c as l}from"./index-d1c0552c.js";import{a as e}from"./useIsVisible-2ffbdea2.js";import i from"./components/HorizontalScroll/styles.module.scss";var t=function(t){var a=t.children,n=o(null),c=o(null),s=o(null),m=e(c,1,{root:null==n?void 0:n.current,rootMargin:"3px"},!0),d=e(s,1,{root:null==n?void 0:n.current,rootMargin:"3px"},!0);return r.createElement("div",{className:i.horizontalscroll},r.createElement("div",{className:i.horizontalscroll__viewport,ref:n},r.createElement("div",{className:l(i.horizontalscroll__indicator,i["horizontalscroll__indicator--left"],!m&&i["horizontalscroll__indicator--visible"])}),r.createElement("div",{className:l(i.horizontalscroll__indicator,i["horizontalscroll__indicator--right"],!d&&i["horizontalscroll__indicator--visible"])}),r.createElement("div",{ref:c}),a,r.createElement("div",{ref:s})))};export{t as H};
+//# sourceMappingURL=HorizontalScroll-a4634c75.js.map

package/HorizontalScroll-a4634c75.js.map

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

package/{Modal-eebb821b.js → Modal-5a949869.js}

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

package/Modal-5a949869.js.map

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

package/{Panel-1ce6fe37.js → Panel-a05f45f0.js}

@@ -1,2 +1,2 @@
-import{_ as e,d as t}from"./_rollupPluginBabelHelpers-0f007973.js";import{_ as a}from"./_tslib-b219470a.js";import n,{useState as l,useRef as o,useEffect as r}from"react";import{c as i}from"./index-d1c0552c.js";import s from"./components/Panel/styles.module.scss";import{T as c}from"./Title-01820508.js";import{B as d}from"./Button-78f848e6.js";import{A as u,I as m}from"./constants-dbdea596.js";import{I as p}from"./Icon-d69d65b3.js";import{C as f}from"./ChevronDown-2b3daace.js";import{C as v}from"./ChevronUp-dfafe27b.js";import{A as b}from"./ArrowRight-43c97f7a.js";import{A as y}from"./AlertSignFill-5df5b7c7.js";import{p as g}from"./palette-f206f488.js";import{P as E}from"./Pencil-dd3fe667.js";import{C as _}from"./Calendar-a9aa98de.js";import{W as h}from"./Watch-3d5fc351.js";import{u as j,B as k}from"./useBreakpoint-a74f5af5.js";import{u as w}from"./useUuid-3b1e73f2.js";import{u as x}from"./usePrevious-ae293b10.js";import{B as C}from"./Badge-eebcb720.js";var N,I,B;!function(e){e.normal="normal",e.new="new",e.error="error",e.draft="draft"}(N||(N={})),function(e){e.fill="fill",e.white="white",e.stroke="stroke",e.line="line"}(I||(I={})),function(e){e.layout1="layout1",e.layout2="layout2",e.layout3a="layout3a",e.layout3b="layout3b",e.layout3c="layout3c"}(B||(B={}));var T=function(e){var a=e.status,l=e.statusMessage,o=i(s["status-message"],t({},s["status-message--new"],a===N.new));return a!==N.error&&a!==N.draft||!l?null:n.createElement("div",{className:o,"data-testid":"display-status"},n.createElement(p,Object.assign({},a===N.error?{color:g.cherry500,svgIcon:y}:{color:g.black,svgIcon:E},{size:m.XSmall}))," ",n.createElement("span",null,l))},A=function(e){var t=e.date,a=e.time;return t||a?n.createElement("div",{className:s["datetime-container"],"data-testid":"datetime"},t&&n.createElement("div",{className:s["datetime-container__icon"]},n.createElement(p,{svgIcon:_,size:m.XSmall}),n.createElement("span",null,t)),a&&n.createElement("div",{className:s["datetime-container__icon"]},n.createElement(p,{svgIcon:h,size:m.XSmall}),n.createElement("span",null,a))):null},M=n.forwardRef((function(e,t){var l=e.buttonText,o=e.buttonTextClose,r=e.url,i=e.target,s=e.onClick,c=e.renderAsExpander,u=e.isExpanded,m=e.buttonHtmlMarkup,y=void 0===m?"a":m,g=a(e,["buttonText","buttonTextClose","url","target","onClick","renderAsExpander","isExpanded","buttonHtmlMarkup"]);return c?n.createElement(d,Object.assign({testId:"expand",ref:t,onClick:s},g,{"aria-expanded":u}),u?o:l,n.createElement(p,{svgIcon:u?v:f})):n.createElement(d,Object.assign({testId:"url",ref:t,htmlMarkup:y,onClick:s,href:r,target:i},g),l,n.createElement(p,{svgIcon:b}))})),S=n.forwardRef((function(a,d){var m,p,f,v,b,y,g,E=a.children,_=a.contentA,h=a.contentB,S=a.className,P=a.testId,H=a.title,O=a.titleHtmlMarkup,R=void 0===O?"h2":O,z=a.url,D=a.target,X=void 0===D?"_self":D,U=a.icon,W=a.iconRight,F=void 0!==W&&W,K=a.variant,q=void 0===K?I.fill:K,G=a.status,J=void 0===G?N.normal:G,L=a.statusMessage,Q=a.buttonText,V=void 0===Q?"Se detaljer":Q,Y=a.buttonTextClose,Z=void 0===Y?"Skjul detaljer":Y,$=a.showCloseButtonInExpand,ee=void 0===$||$,te=a.layout,ae=void 0===te?B.layout2:te,ne=a.containerAsButton,le=void 0!==ne&&ne,oe=a.date,re=a.time,ie=a.noTopBorder,se=a.buttonOnClick,ce=a.buttonHtmlMarkup,de=a.expanded,ue=void 0!==de&&de,me=a.onExpand,pe=l(ue),fe=e(pe,2),ve=fe[0],be=fe[1],ye=x(ve),ge=o(null),Ee=w(),_e=j();r((function(){ue!==ve&&be(ue)}),[ue]),r((function(){me&&ve!==!!ye&&me(ve)}),[ve,me]);var he=[B.layout3a.toString(),B.layout3b.toString(),B.layout3c.toString()].includes(ae),je=i(s["panel-wrapper"],S),ke=i(s.panel,(t(m={},s["panel--fill"],q===I.fill),t(m,s["panel--stroke"],q===I.stroke),t(m,s["panel--white"],q===I.white),t(m,s["panel--line"],q===I.line),t(m,s["panel--no-top-border"],q===I.line&&ie),t(m,s["panel--selected"],ve),t(m,s["panel--new"],J===N.new),t(m,s["panel--draft"],J===N.draft),t(m,s["panel--error"],J===N.error),t(m,s["panel--status"],J&&J!==N.normal),t(m,s["panel--with-icon"],U),t(m,s["panel--button"],le),m)),we=i((t(p={},s.panel__container,ae===B.layout2&&h),t(p,s["panel__container--layout3"],he&&h),t(p,s["panel__container--grow"],U),p)),xe=i((t(f={},s["panel-content-a"],ae===B.layout2),t(f,s["panel-content-a--layout3a"],ae===B.layout3a),t(f,s["panel-content-a--layout3b"],ae===B.layout3b),t(f,s["panel-content-a--layout3c"],ae===B.layout3c),f)),Ce=i((t(v={},s["panel__content-right--layout1"],h&&ae===B.layout1),t(v,s["panel__content-right--layout2"],h&&ae===B.layout2),t(v,s["panel__content-right--layout3"],h&&he),t(v,s["panel__content-right--layout3a"],h&&ae===B.layout3a),t(v,s["panel__content-right--layout3b"],h&&ae===B.layout3b),t(v,s["panel__content-right--layout3c"],h&&ae===B.layout3c),v)),Ne=i(s["panel-details"],(t(b={},s["panel-details--open"],ve),t(b,s["panel-details--line"],q===I.line),t(b,s["panel-details--white"],q===I.white),t(b,s["panel-details--with-icon"],U),b)),Ie=i(s["panel-content-b"],(t(y={},s["panel-content-b--layout1"],ae===B.layout1),t(y,s["panel-content-b--layout3"],he),y)),Be=i(s["panel__details-btn"],t({},s["panel__details-btn--pull-right"],h)),Te=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=arguments.length>1?arguments[1]:void 0,a={id:t,tabIndex:e?void 0:-1,variant:"borderless",ellipsis:!0};return n.createElement(M,Object.assign({renderAsExpander:!!E,onClick:se||function(){return be(!ve)},isExpanded:ve,buttonText:V,url:z,target:X,buttonTextClose:Z,ref:t?ge:void 0,buttonHtmlMarkup:ce},a))},Ae=i(s["panel__btn-container"],(t(g={},s["panel__btn-container--layout3"],he),t(g,s["panel__btn-container--padding-top"],h),g));return n.createElement("div",{ref:d,"data-testid":P,className:je,"data-analyticsid":u.Panel},n.createElement("div",{className:ke,tabIndex:le?0:void 0,onClick:function(){var e;le&&(null===(e=ge.current)||void 0===e||e.click())},onKeyDown:function(e){var t,a=e.key;!le||"Enter"!==a&&" "!==a||(e.preventDefault(),null===(t=ge.current)||void 0===t||t.click())},"aria-labelledby":le?Ee:void 0,role:le?"button":void 0},U&&!F&&n.createElement("div",{className:s.panel__icon},U),n.createElement("div",{className:we},n.createElement("div",{className:xe},n.createElement(T,{status:J,statusMessage:L}),H&&n.createElement("div",{className:s["panel-content-a__title-container"]},n.createElement(c,{appearance:"title3",htmlMarkup:R},H),L&&J===N.new&&n.createElement("div",null,n.createElement(C,{color:"blueberry",testId:"badge-status"},L))),_,_e>=k.lg&&n.createElement(A,{date:oe,time:re})),n.createElement("div",{className:Ce},h&&n.createElement("div",{className:Ie},h),(E||z||oe||re||se)&&n.createElement("div",{className:Ae},_e<k.lg&&n.createElement(A,{date:oe,time:re}),(E||z||se)&&n.createElement("div",{className:Be},Te(!le,Ee))))),U&&F&&n.createElement("div",{className:s["panel__icon--right"]},U)),E&&n.createElement("div",{className:Ne,"data-testid":"panel-details"},n.createElement("div",null,E),ee&&Te()))}));export{S as P,N as a,I as b,B as c};
-//# sourceMappingURL=Panel-1ce6fe37.js.map
+import{_ as e,d as t}from"./_rollupPluginBabelHelpers-0f007973.js";import{_ as a}from"./_tslib-b219470a.js";import n,{useState as l,useRef as o,useEffect as r}from"react";import{c as i}from"./index-d1c0552c.js";import s from"./components/Panel/styles.module.scss";import{T as c}from"./Title-01820508.js";import{B as d}from"./Button-78f848e6.js";import{A as u,I as m}from"./constants-dbdea596.js";import{I as p}from"./Icon-d69d65b3.js";import{C as f}from"./ChevronDown-2b3daace.js";import{C as v}from"./ChevronUp-dfafe27b.js";import{A as b}from"./ArrowRight-43c97f7a.js";import{A as y}from"./AlertSignFill-5df5b7c7.js";import{p as E}from"./palette-f206f488.js";import{P as g}from"./Pencil-dd3fe667.js";import{C as _}from"./Calendar-a9aa98de.js";import{W as h}from"./Watch-3d5fc351.js";import{u as j,B as k}from"./useBreakpoint-a74f5af5.js";import{u as w}from"./useUuid-3b1e73f2.js";import{u as x}from"./usePrevious-ae293b10.js";import{B as C}from"./Badge-eebcb720.js";var N,I,B;!function(e){e.normal="normal",e.new="new",e.error="error",e.draft="draft"}(N||(N={})),function(e){e.fill="fill",e.white="white",e.stroke="stroke",e.line="line"}(I||(I={})),function(e){e.layout1="layout1",e.layout2="layout2",e.layout3a="layout3a",e.layout3b="layout3b",e.layout3c="layout3c"}(B||(B={}));var T=function(e){var a=e.status,l=e.statusMessage,o=i(s["status-message"],t({},s["status-message--new"],a===N.new));return a!==N.error&&a!==N.draft||!l?null:n.createElement("div",{className:o,"data-testid":"display-status"},n.createElement(p,Object.assign({},a===N.error?{color:E.cherry500,svgIcon:y}:{color:E.black,svgIcon:g},{size:m.XSmall}))," ",n.createElement("span",null,l))},A=function(e){var t=e.date,a=e.time;return t||a?n.createElement("div",{className:s["datetime-container"],"data-testid":"datetime"},t&&n.createElement("div",{className:s["datetime-container__icon"]},n.createElement(p,{svgIcon:_,size:m.XSmall}),n.createElement("span",null,t)),a&&n.createElement("div",{className:s["datetime-container__icon"]},n.createElement(p,{svgIcon:h,size:m.XSmall}),n.createElement("span",null,a))):null},M=n.forwardRef((function(e,t){var l=e.buttonText,o=e.buttonTextClose,r=e.url,i=e.target,s=e.onClick,c=e.renderAsExpander,u=e.isExpanded,m=e.buttonHtmlMarkup,y=void 0===m?"a":m,E=a(e,["buttonText","buttonTextClose","url","target","onClick","renderAsExpander","isExpanded","buttonHtmlMarkup"]);return c?n.createElement(d,Object.assign({testId:"expand",ref:t,onClick:s},E,{"aria-expanded":u}),u?o:l,n.createElement(p,{svgIcon:u?v:f})):n.createElement(d,Object.assign({testId:"url",ref:t,htmlMarkup:y,onClick:s,href:r,target:i},E),l,n.createElement(p,{svgIcon:b}))})),S=n.forwardRef((function(a,d){var m,p,f,v,b,y,E,g=a.children,_=a.contentA,h=a.contentB,S=a.className,P=a.testId,H=a.title,O=a.titleHtmlMarkup,R=void 0===O?"h2":O,z=a.url,D=a.target,X=void 0===D?"_self":D,U=a.icon,W=a.iconRight,F=void 0!==W&&W,K=a.variant,q=void 0===K?I.fill:K,G=a.status,J=void 0===G?N.normal:G,L=a.statusMessage,Q=a.buttonText,V=void 0===Q?"Se detaljer":Q,Y=a.buttonTextClose,Z=void 0===Y?"Skjul detaljer":Y,$=a.showCloseButtonInExpand,ee=void 0===$||$,te=a.layout,ae=void 0===te?B.layout2:te,ne=a.containerAsButton,le=void 0!==ne&&ne,oe=a.date,re=a.time,ie=a.noTopBorder,se=a.buttonOnClick,ce=a.buttonHtmlMarkup,de=a.expanded,ue=void 0!==de&&de,me=a.onExpand,pe=l(ue),fe=e(pe,2),ve=fe[0],be=fe[1],ye=x(ve),Ee=o(null),ge=w(),_e=j();r((function(){ue!==ve&&be(ue)}),[ue]),r((function(){me&&ve!==!!ye&&me(ve)}),[ve,me]);var he=[B.layout3a.toString(),B.layout3b.toString(),B.layout3c.toString()].includes(ae),je=i(s["panel-wrapper"],S),ke=i(s.panel,(t(m={},s["panel--fill"],q===I.fill),t(m,s["panel--stroke"],q===I.stroke),t(m,s["panel--white"],q===I.white),t(m,s["panel--line"],q===I.line),t(m,s["panel--no-top-border"],q===I.line&&ie),t(m,s["panel--selected"],ve),t(m,s["panel--new"],J===N.new),t(m,s["panel--draft"],J===N.draft),t(m,s["panel--error"],J===N.error),t(m,s["panel--status"],J&&J!==N.normal),t(m,s["panel--with-icon"],U),t(m,s["panel--button"],le),t(m,s["panel--clickable"],g||z||me||se||le),m)),we=i((t(p={},s.panel__container,ae===B.layout2&&h),t(p,s["panel__container--layout3"],he&&h),t(p,s["panel__container--grow"],U),p)),xe=i((t(f={},s["panel-content-a"],ae===B.layout2),t(f,s["panel-content-a--layout3a"],ae===B.layout3a),t(f,s["panel-content-a--layout3b"],ae===B.layout3b),t(f,s["panel-content-a--layout3c"],ae===B.layout3c),f)),Ce=i((t(v={},s["panel__content-right--layout1"],h&&ae===B.layout1),t(v,s["panel__content-right--layout2"],h&&ae===B.layout2),t(v,s["panel__content-right--layout3"],h&&he),t(v,s["panel__content-right--layout3a"],h&&ae===B.layout3a),t(v,s["panel__content-right--layout3b"],h&&ae===B.layout3b),t(v,s["panel__content-right--layout3c"],h&&ae===B.layout3c),v)),Ne=i(s["panel-details"],(t(b={},s["panel-details--open"],ve),t(b,s["panel-details--line"],q===I.line),t(b,s["panel-details--white"],q===I.white),t(b,s["panel-details--with-icon"],U),b)),Ie=i(s["panel-content-b"],(t(y={},s["panel-content-b--layout1"],ae===B.layout1),t(y,s["panel-content-b--layout3"],he),y)),Be=i(s["panel__details-btn"]),Te=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=arguments.length>1?arguments[1]:void 0,a={id:t,tabIndex:e?void 0:-1,variant:"borderless",ellipsis:!0};return n.createElement(M,Object.assign({renderAsExpander:!!g,onClick:se||function(){return be(!ve)},isExpanded:ve,buttonText:V,url:z,target:X,buttonTextClose:Z,ref:t?Ee:void 0,buttonHtmlMarkup:ce},a))},Ae=i(s["panel__btn-container"],(t(E={},s["panel__btn-container--layout3"],he),t(E,s["panel__btn-container--padding-top"],h),E));return n.createElement("div",{ref:d,"data-testid":P,className:je,"data-analyticsid":u.Panel},n.createElement("div",{className:ke,tabIndex:le?0:void 0,onClick:function(){var e;le&&(null===(e=Ee.current)||void 0===e||e.click())},onKeyDown:function(e){var t,a=e.key;!le||"Enter"!==a&&" "!==a||(e.preventDefault(),null===(t=Ee.current)||void 0===t||t.click())},"aria-labelledby":le?ge:void 0,role:le?"button":void 0},U&&!F&&n.createElement("div",{className:s.panel__icon},U),n.createElement("div",{className:we},n.createElement("div",{className:xe},n.createElement(T,{status:J,statusMessage:L}),H&&n.createElement("div",{className:s["panel-content-a__title-container"]},n.createElement(c,{appearance:"title3",htmlMarkup:R},H),L&&J===N.new&&n.createElement("div",null,n.createElement(C,{color:"blueberry",testId:"badge-status"},L))),_,_e>=k.lg&&n.createElement(A,{date:oe,time:re})),n.createElement("div",{className:Ce},h&&n.createElement("div",{className:Ie},h),(g||z||oe||re||se)&&n.createElement("div",{className:Ae},_e<k.lg&&n.createElement(A,{date:oe,time:re}),(g||z||se)&&n.createElement("div",{className:Be},Te(!le,ge))))),U&&F&&n.createElement("div",{className:s["panel__icon--right"]},U)),g&&n.createElement("div",{className:Ne,"data-testid":"panel-details"},n.createElement("div",null,g),ee&&n.createElement("div",{className:Be},Te())))}));export{S as P,N as a,I as b,B as c};
+//# sourceMappingURL=Panel-a05f45f0.js.map

package/Panel-a05f45f0.js.map

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

package/components/ButtonWithModal/index.js

@@ -1,2 +1,2 @@
-import{_ as t}from"../../_rollupPluginBabelHelpers-0f007973.js";import s,{useState as e}from"react";import{B as o}from"../../Button-78f848e6.js";import{M as r}from"../../Modal-eebb821b.js";import"../../_tslib-b219470a.js";import"../../constants-dbdea596.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-d69d65b3.js";import"../../index-d1c0552c.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../Modal/styles.module.scss";import"../../AlertSignStroke-32f09751.js";import"../../AlertSignFill-5df5b7c7.js";import"../../useFocusTrap-4a5fb65d.js";import"../../useIsVisible-27ff4012.js";import"../../Title-01820508.js";import"../Title/styles.module.scss";import"../../Close-08d48540.js";import"../../X-867957f2.js";import"../Close/styles.module.scss";import"../../CheckOutline-86cddefd.js";import"../../index-28ed5ede.js";import"react-dom";var i=s.forwardRef((function(i,m){var d=e(!1),p=t(d,2),l=p[0],a=p[1];return s.createElement("div",{"data-testid":i.testId},s.createElement(o,{onClick:function(){return a(!0)}},i.buttonText),l&&s.createElement(r,Object.assign({},i,{onClose:function(){return a(!1)}})))}));export{i as default};
+import{_ as t}from"../../_rollupPluginBabelHelpers-0f007973.js";import s,{useState as e}from"react";import{B as o}from"../../Button-78f848e6.js";import{M as r}from"../../Modal-5a949869.js";import"../../_tslib-b219470a.js";import"../../constants-dbdea596.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-d69d65b3.js";import"../../index-d1c0552c.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../Modal/styles.module.scss";import"../../AlertSignStroke-32f09751.js";import"../../AlertSignFill-5df5b7c7.js";import"../../useFocusTrap-4a5fb65d.js";import"../../useIsVisible-2ffbdea2.js";import"../../Title-01820508.js";import"../Title/styles.module.scss";import"../../Close-08d48540.js";import"../../X-867957f2.js";import"../Close/styles.module.scss";import"../../CheckOutline-86cddefd.js";import"../../index-28ed5ede.js";import"react-dom";var i=s.forwardRef((function(i,m){var d=e(!1),p=t(d,2),l=p[0],a=p[1];return s.createElement("div",{"data-testid":i.testId},s.createElement(o,{onClick:function(){return a(!0)}},i.buttonText),l&&s.createElement(r,Object.assign({},i,{onClose:function(){return a(!1)}})))}));export{i as default};
 //# sourceMappingURL=index.js.map

package/components/HighlightBox/HighlightBox.d.ts

@@ -19,6 +19,8 @@ interface HighlightBoxProps {
     svgIcon?: SvgIcon;
     /** Changes the underlying element. Default: div */
     htmlMarkup?: HighlightBoxTags;
+    /** Adds custom classes to the element. */
+    className?: string;
     /** Sets the data-testid attribute. */
     testId?: string;
 }

package/components/HighlightBox/HighlightBox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HighlightBox.d.ts","sourceRoot":"","sources":["../../../src/components/HighlightBox/HighlightBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,OAAa,EAAE,OAAO,EAAY,MAAM,UAAU,CAAC;AAGnD,oBAAY,kBAAkB,GAAG,OAAO,CAAC,YAAY,EAAE,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;AAEvH,oBAAY,gBAAgB;IAC1B,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,gBAAgB,GAAG,OAAO,CACpC,MAAM,qBAAqB,EAC3B,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAC1E,CAAC;AAEF,UAAU,iBAAiB;IACzB,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mDAAmD;IACnD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACrC,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAuBD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiF7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"HighlightBox.d.ts","sourceRoot":"","sources":["../../../src/components/HighlightBox/HighlightBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAInD,OAAa,EAAE,OAAO,EAAY,MAAM,UAAU,CAAC;AAGnD,oBAAY,kBAAkB,GAAG,OAAO,CAAC,YAAY,EAAE,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC,CAAC;AAEvH,oBAAY,gBAAgB;IAC1B,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,gBAAgB,GAAG,OAAO,CACpC,MAAM,qBAAqB,EAC3B,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAC1E,CAAC;AAEF,UAAU,iBAAiB;IACzB,yBAAyB;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mDAAmD;IACnD,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,wCAAwC;IACxC,IAAI,CAAC,EAAE,MAAM,OAAO,gBAAgB,CAAC;IACrC,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mDAAmD;IACnD,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAuBD,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkF7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/components/HighlightBox/componentdata.json

@@ -480,6 +480,25 @@
         ]
       }
     },
+    "className": {
+      "defaultValue": null,
+      "description": "Adds custom classes to the element.",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/HighlightBox/HighlightBox.tsx",
+        "name": "HighlightBoxProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/HighlightBox/HighlightBox.tsx",
+          "name": "HighlightBoxProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
     "testId": {
       "defaultValue": null,
       "description": "Sets the data-testid attribute.",

package/components/HighlightBox/index.js

@@ -1,2 +1,2 @@
-import e from"react";import{c as t}from"../../index-d1c0552c.js";import i from"./styles.module.scss";import{A as a,I as l}from"../../constants-dbdea596.js";import{I as r}from"../../Icon-d69d65b3.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import{u as s,B as o}from"../../useBreakpoint-a74f5af5.js";import"../../_tslib-b219470a.js";import"../../useUuid-3b1e73f2.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../uuid-11037462.js";var c;!function(e){e.medium="medium",e.large="large",e.fluid="fluid"}(c||(c={}));var m=function(a){var l=a.className,r=a.size,s=a.children;return e.createElement("div",{className:l},e.createElement("div",{className:i.highlightbox__row},e.createElement("div",{className:t(i.highlightbox__col,r===c.medium&&i["highlightbox__col--offset"])},s)))},n=function(a){var l=a.children;return e.createElement("div",{className:i["highlightbox__content-wrapper"]},e.createElement("div",{className:t(i.highlightbox__row)},l))},h=function(h){var d=h.children,g=h.color,u=void 0===g?"white":g,f=h.size,_=void 0===f?c.medium:f,b=h.testId,p=h.svgIcon,x=h.htmlMarkup,v=void 0===x?"div":x,E=s(),N=t(i.highlightbox,i["highlightbox--".concat(u)],i["highlightbox--".concat(_)],p&&i["highlightbox--has-icon"],{container:"medium"===_||"large"===_}),j=function(){if(p){var t=_===c.large&&E&&E>=o.md?l.Medium:l.Small;return e.createElement(e.Fragment,null,e.createElement("div",{className:i.highlightbox__icon},e.createElement(r,{svgIcon:p,size:t})),e.createElement("div",{className:i.highlightbox__content},d))}return d},w=v;return _===c.medium?e.createElement(m,{className:N,size:_},e.createElement(w,{className:i["highlightbox__content-wrapper"],"data-testid":b,"data-analyticsid":a.HighlightBox},j())):_===c.large&&p?e.createElement(m,{className:N,size:_},e.createElement(n,null,e.createElement(w,{className:t(i.highlightbox__col,i["highlightbox__col--large-with-icon"]),"data-testid":b,"data-analyticsid":a.HighlightBox},j()))):_===c.large?e.createElement(m,{className:N,size:_},e.createElement(n,null,e.createElement(w,{className:t(i.highlightbox__col,i["highlightbox__col--offset"]),"data-testid":b,"data-analyticsid":a.HighlightBox},j()))):_===c.fluid?e.createElement(w,{className:N,"data-testid":b},j()):null};export{c as HighlightBoxSize,h as default};
+import e from"react";import{c as t}from"../../index-d1c0552c.js";import a from"./styles.module.scss";import{A as i,I as l}from"../../constants-dbdea596.js";import{I as r}from"../../Icon-d69d65b3.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import{u as s,B as o}from"../../useBreakpoint-a74f5af5.js";import"../../_tslib-b219470a.js";import"../../useUuid-3b1e73f2.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../uuid-11037462.js";var c;!function(e){e.medium="medium",e.large="large",e.fluid="fluid"}(c||(c={}));var m=function(i){var l=i.className,r=i.size,s=i.children;return e.createElement("div",{className:l,"data-testid":"highlightbox-wrapper"},e.createElement("div",{className:a.highlightbox__row},e.createElement("div",{className:t(a.highlightbox__col,r===c.medium&&a["highlightbox__col--offset"])},s)))},n=function(i){var l=i.children;return e.createElement("div",{className:a["highlightbox__content-wrapper"]},e.createElement("div",{className:t(a.highlightbox__row)},l))},h=function(h){var d=h.children,g=h.color,u=void 0===g?"white":g,f=h.size,_=void 0===f?c.medium:f,p=h.testId,b=h.svgIcon,x=h.htmlMarkup,v=void 0===x?"div":x,E=h.className,N=s(),j=t(a.highlightbox,a["highlightbox--".concat(u)],a["highlightbox--".concat(_)],b&&a["highlightbox--has-icon"],{container:"medium"===_||"large"===_},E),w=function(){if(b){var t=_===c.large&&N&&N>=o.md?l.Medium:l.Small;return e.createElement(e.Fragment,null,e.createElement("div",{className:a.highlightbox__icon},e.createElement(r,{svgIcon:b,size:t})),e.createElement("div",{className:a.highlightbox__content},d))}return d},z=v;return _===c.medium?e.createElement(m,{className:j,size:_},e.createElement(z,{className:a["highlightbox__content-wrapper"],"data-testid":p,"data-analyticsid":i.HighlightBox},w())):_===c.large&&b?e.createElement(m,{className:j,size:_},e.createElement(n,null,e.createElement(z,{className:t(a.highlightbox__col,a["highlightbox__col--large-with-icon"]),"data-testid":p,"data-analyticsid":i.HighlightBox},w()))):_===c.large?e.createElement(m,{className:j,size:_},e.createElement(n,null,e.createElement(z,{className:t(a.highlightbox__col,a["highlightbox__col--offset"]),"data-testid":p,"data-analyticsid":i.HighlightBox},w()))):_===c.fluid?e.createElement(z,{className:j,"data-testid":p},w()):null};export{c as HighlightBoxSize,h as default};
 //# sourceMappingURL=index.js.map

package/components/HorizontalScroll/index.js

@@ -1,2 +1,2 @@
-export{H as HorizontalScroll,H as default}from"../../HorizontalScroll-d65b118a.js";import"react";import"../../index-d1c0552c.js";import"../../useIsVisible-27ff4012.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"./styles.module.scss";
+export{H as HorizontalScroll,H as default}from"../../HorizontalScroll-a4634c75.js";import"react";import"../../index-d1c0552c.js";import"../../useIsVisible-2ffbdea2.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/HorizontalScroll/styles.module.scss

@@ -8,6 +8,8 @@ $gradient: rgba(0, 0, 0, 0.27), rgba(0, 0, 0, 0.27) 18%, transparent;
     display: flex;
     overflow-x: auto;
     overflow-y: hidden;
+    // overflow-settingene har en tendens til å klippe 1px av innholdet
+    padding: 1px;
   }
   &__indicator {
     position: fixed;

package/components/Modal/index.js

@@ -1,2 +1,2 @@
-export{b as ModalSize,a as ModalVariants,M as default}from"../../Modal-eebb821b.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../index-d1c0552c.js";import"../../palette-f206f488.js";import"../../Button-78f848e6.js";import"../../_tslib-b219470a.js";import"../../constants-dbdea596.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../grid-c105cad1.js";import"../../Icon-d69d65b3.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"./styles.module.scss";import"../../AlertSignStroke-32f09751.js";import"../../AlertSignFill-5df5b7c7.js";import"../../useFocusTrap-4a5fb65d.js";import"../../useIsVisible-27ff4012.js";import"../../Title-01820508.js";import"../Title/styles.module.scss";import"../../Close-08d48540.js";import"../../X-867957f2.js";import"../Close/styles.module.scss";import"../../CheckOutline-86cddefd.js";import"../../index-28ed5ede.js";import"react-dom";
+export{b as ModalSize,a as ModalVariants,M as default}from"../../Modal-5a949869.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../index-d1c0552c.js";import"../../palette-f206f488.js";import"../../Button-78f848e6.js";import"../../_tslib-b219470a.js";import"../../constants-dbdea596.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../grid-c105cad1.js";import"../../Icon-d69d65b3.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"./styles.module.scss";import"../../AlertSignStroke-32f09751.js";import"../../AlertSignFill-5df5b7c7.js";import"../../useFocusTrap-4a5fb65d.js";import"../../useIsVisible-2ffbdea2.js";import"../../Title-01820508.js";import"../Title/styles.module.scss";import"../../Close-08d48540.js";import"../../X-867957f2.js";import"../Close/styles.module.scss";import"../../CheckOutline-86cddefd.js";import"../../index-28ed5ede.js";import"react-dom";
 //# sourceMappingURL=index.js.map

package/components/Panel/Panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAe,EAAE,WAAW,EAAE,UAAU,EAAkB,MAAM,WAAW,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAgB5D,oBAAY,WAAW;IACrB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAClC,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACpC,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACvC,iEAAiE;IACjE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAClC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AA2ED,QAAA,MAAM,KAAK,uFA0MT,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAe,EAAE,WAAW,EAAE,UAAU,EAAkB,MAAM,WAAW,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAgB5D,oBAAY,WAAW;IACrB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,KAAK,UAAU;CAChB;AAED,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAED,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8DAA8D;IAC9D,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAClC,uDAAuD;IACvD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,sDAAsD;IACtD,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACpC,0DAA0D;IAC1D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kDAAkD;IAClD,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,8BAA8B;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,4BAA4B;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACpC,wBAAwB;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8BAA8B;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+CAA+C;IAC/C,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC9B,6CAA6C;IAC7C,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACvC,iEAAiE;IACjE,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAClC,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8BAA8B;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,gDAAgD;IAChD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AA2ED,QAAA,MAAM,KAAK,uFAyMT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/components/Panel/index.js

@@ -1,2 +1,2 @@
-export{c as PanelLayout,a as PanelStatus,b as PanelVariant,P as default}from"../../Panel-1ce6fe37.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../_tslib-b219470a.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../Title-01820508.js";import"../Title/styles.module.scss";import"../../constants-dbdea596.js";import"../../Button-78f848e6.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-d69d65b3.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronDown-2b3daace.js";import"../../ChevronUp-dfafe27b.js";import"../../ArrowRight-43c97f7a.js";import"../../AlertSignFill-5df5b7c7.js";import"../../Pencil-dd3fe667.js";import"../../Calendar-a9aa98de.js";import"../../Watch-3d5fc351.js";import"../../usePrevious-ae293b10.js";import"../../Badge-eebcb720.js";import"../Badge/styles.module.scss";
+export{c as PanelLayout,a as PanelStatus,b as PanelVariant,P as default}from"../../Panel-a05f45f0.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../_tslib-b219470a.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../Title-01820508.js";import"../Title/styles.module.scss";import"../../constants-dbdea596.js";import"../../Button-78f848e6.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-d69d65b3.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronDown-2b3daace.js";import"../../ChevronUp-dfafe27b.js";import"../../ArrowRight-43c97f7a.js";import"../../AlertSignFill-5df5b7c7.js";import"../../Pencil-dd3fe667.js";import"../../Calendar-a9aa98de.js";import"../../Watch-3d5fc351.js";import"../../usePrevious-ae293b10.js";import"../../Badge-eebcb720.js";import"../Badge/styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/Panel/styles.module.scss

@@ -25,11 +25,22 @@
   }
 }
 
+@mixin hover-and-focus-effects($background-color, $box-shadow-color) {
+  &:hover {
+    background-color: $background-color;
+  }
+
+  &:focus {
+    box-shadow: inset 0px 0px 0px 3px $box-shadow-color;
+  }
+}
+
 .panel {
   @include panel-padding;
   outline: none;
   position: relative;
   width: 100%;
+  box-sizing: border-box;
 
   &__container {
     @media (min-width: map-get($grid-breakpoints, sm)) {
@@ -112,7 +123,6 @@
     flex-direction: column;
     @media (min-width: map-get($grid-breakpoints, lg)) {
       align-self: end;
-      max-width: 300px;
     }
 
     &--layout3 {
@@ -129,7 +139,8 @@
   }
 
   &__details-btn {
-    &--pull-right {
+
+    @media (min-width: map-get($grid-breakpoints, lg)) {
       align-self: end;
     }
   }
@@ -138,19 +149,13 @@
 
   &--fill {
     background-color: $neutral50;
-
-    &:hover {
-      background-color: $neutral100;
-    }
-
-    &:focus {
-      box-shadow: inset 0px 0px 0px 3px $neutral600;
-    }
   }
 
-  &--selected#{&}--fill {
+  &--fill#{&}--selected {
     background-color: $neutral100;
-    border-bottom: 0;
+  }
+
+  &--fill#{&}--selected#{&}--clickable {
     &:hover {
       background-color: $neutral200;
     }
@@ -158,32 +163,25 @@
 
   &--white {
     background-color: $white;
-    &:hover {
-      background-color: $neutral100;
-    }
-    &:focus {
-      box-shadow: inset 0px 0px 0px 3px $neutral600;
-    }
   }
 
-  &--selected#{&}--white {
+  &--fill#{&}--clickable,
+  &--white#{&}--clickable {
+    @include hover-and-focus-effects($neutral100, $neutral600);
+  }
+
+  &--white#{&}--selected {
     box-shadow: inset 0px 0px 0px 6px $neutral100;
-    &:hover {
-      background-color: $neutral100;
-    }
-    &:focus {
-      box-shadow: inset 0px 0px 0px 3px $neutral600;
-    }
   }
 
   &--stroke {
     border: 6px solid $neutral100;
-    &:hover {
-      background-color: $neutral50;
-    }
+  }
+
+  &--stroke#{&}--clickable {
+    @include hover-and-focus-effects($neutral50, $neutral100);
     &:focus {
       border-color: $neutral600;
-      box-shadow: inset 0px 0px 0px 3px $neutral100;
     }
   }
 
@@ -192,22 +190,23 @@
     border-color: $neutral500;
     border-top: 1px solid;
     border-bottom: 1px solid;
-    &:hover {
-      background-color: $neutral50;
-    }
-    &:focus {
-      border-color: transparent;
-      box-shadow: inset 0px 0px 0px 3px $neutral600;
-    }
   }
 
-  &--selected#{&}--line {
+  &--line#{&}--clickable {
+    @include hover-and-focus-effects($neutral50, $neutral600);
+  }
+
+  &--line#{&}--selected {
     background-color: $neutral50;
     border-bottom: 0;
+  }
+
+  &--line#{&}--selected#{&}--clickable {
     &:hover {
       background-color: $neutral100;
     }
   }
+
   &--no-top-border#{&}--line {
     border-top: none;
   }
@@ -254,7 +253,8 @@
   @include panel-padding;
 
   &--open {
-    display: block;
+    display: flex;
+    flex-direction: column;
   }
   &--line {
     background: $white;

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

@@ -15,10 +15,11 @@ export type Styles = {
   'panel__content-right--layout3a': string;
   'panel__content-right--layout3b': string;
   'panel__content-right--layout3c': string;
-  'panel__details-btn--pull-right': string;
+  'panel__details-btn': string;
   panel__icon: string;
   'panel__icon--right': string;
   'panel--button': string;
+  'panel--clickable': string;
   'panel--draft': string;
   'panel--error': string;
   'panel--fill': string;

package/components/PanelList/index.js

@@ -1,2 +1,2 @@
-import s from"react";import e from"./styles.module.scss";import{A as t}from"../../constants-dbdea596.js";import{b as r,P as o}from"../../Panel-1ce6fe37.js";import{c as i}from"../../index-d1c0552c.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../_tslib-b219470a.js";import"../Panel/styles.module.scss";import"../../Title-01820508.js";import"../Title/styles.module.scss";import"../../Button-78f848e6.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-d69d65b3.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronDown-2b3daace.js";import"../../ChevronUp-dfafe27b.js";import"../../ArrowRight-43c97f7a.js";import"../../AlertSignFill-5df5b7c7.js";import"../../Pencil-dd3fe667.js";import"../../Calendar-a9aa98de.js";import"../../Watch-3d5fc351.js";import"../../usePrevious-ae293b10.js";import"../../Badge-eebcb720.js";import"../Badge/styles.module.scss";var a=s.forwardRef((function(a,l){var m=a.testId,p=a.children,d=a.variant,n=void 0===d?r.fill:d;return s.createElement("div",{ref:l,"data-testid":m,className:e["panel-list"],"data-analyticsid":t.PanelList},s.Children.map(p,(function(t,a){return p=t,s.isValidElement(p)&&p.type===o?(l=t,m=0===a,s.cloneElement(l,{variant:n,noTopBorder:n===r.line&&!m,className:i(l.props.className,n!==r.line&&e["panel-list__panel"])})):t;var l,m,p})))}));export{a as default};
+import s from"react";import e from"./styles.module.scss";import{A as t}from"../../constants-dbdea596.js";import{b as r,P as o}from"../../Panel-a05f45f0.js";import{c as i}from"../../index-d1c0552c.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../_tslib-b219470a.js";import"../Panel/styles.module.scss";import"../../Title-01820508.js";import"../Title/styles.module.scss";import"../../Button-78f848e6.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-d69d65b3.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronDown-2b3daace.js";import"../../ChevronUp-dfafe27b.js";import"../../ArrowRight-43c97f7a.js";import"../../AlertSignFill-5df5b7c7.js";import"../../Pencil-dd3fe667.js";import"../../Calendar-a9aa98de.js";import"../../Watch-3d5fc351.js";import"../../usePrevious-ae293b10.js";import"../../Badge-eebcb720.js";import"../Badge/styles.module.scss";var a=s.forwardRef((function(a,l){var m=a.testId,p=a.children,d=a.variant,n=void 0===d?r.fill:d;return s.createElement("div",{ref:l,"data-testid":m,className:e["panel-list"],"data-analyticsid":t.PanelList},s.Children.map(p,(function(t,a){return p=t,s.isValidElement(p)&&p.type===o?(l=t,m=0===a,s.cloneElement(l,{variant:n,noTopBorder:n===r.line&&!m,className:i(l.props.className,n!==r.line&&e["panel-list__panel"])})):t;var l,m,p})))}));export{a as default};
 //# sourceMappingURL=index.js.map

package/components/Table/index.js

@@ -1,2 +1,2 @@
-import{d as e}from"../../_rollupPluginBabelHelpers-0f007973.js";import o from"react";import{c as r}from"../../index-d1c0552c.js";import s from"./styles.module.scss";import{A as l}from"../../constants-dbdea596.js";import{H as t}from"../../HorizontalScroll-d65b118a.js";export{T as TableBody}from"../../TableBody-eac2c23b.js";export{T as TableCell,a as TextAlign}from"../../TableCell-cc644eb5.js";export{T as TableExpandedRow}from"../../TableExpandedRow-44b09912.js";export{T as TableExpanderCell}from"../../TableExpanderCell-015d3db2.js";export{H as HeaderCategory,T as TableHead}from"../../TableHead-5ed58948.js";export{S as SortDirection,T as TableHeadCell}from"../../TableHeadCell-84651910.js";export{T as TableRow}from"../../TableRow-692099ee.js";import"../../useIsVisible-27ff4012.js";import"../HorizontalScroll/styles.module.scss";import"../../Button-78f848e6.js";import"../../_tslib-b219470a.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-d69d65b3.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronUp-dfafe27b.js";import"../../ChevronDown-2b3daace.js";import"../../ArrowUp-e7787d9c.js";import"../../ArrowDown-88b2c27a.js";var i;!function(e){e.horizontalscroll="horizontalscroll",e.block="block"}(i||(i={}));var d=function(a){var d=a.id,m=a.testId,p=a.className,c=a.children,b=a.smallViewportVariant,n=void 0===b?i.horizontalscroll:b,j=r(s.table,e({},s["table--collapse2col"],n===i.block),p);return o.createElement(t,null,o.createElement("table",{className:j,id:d,"data-testid":m,"data-analyticsid":l.Table},c))};export{i as SmallViewportVariant,d as Table,d as default};
+import{d as e}from"../../_rollupPluginBabelHelpers-0f007973.js";import o from"react";import{c as r}from"../../index-d1c0552c.js";import s from"./styles.module.scss";import{A as l}from"../../constants-dbdea596.js";import{H as t}from"../../HorizontalScroll-a4634c75.js";export{T as TableBody}from"../../TableBody-eac2c23b.js";export{T as TableCell,a as TextAlign}from"../../TableCell-cc644eb5.js";export{T as TableExpandedRow}from"../../TableExpandedRow-44b09912.js";export{T as TableExpanderCell}from"../../TableExpanderCell-015d3db2.js";export{H as HeaderCategory,T as TableHead}from"../../TableHead-5ed58948.js";export{S as SortDirection,T as TableHeadCell}from"../../TableHeadCell-84651910.js";export{T as TableRow}from"../../TableRow-692099ee.js";import"../../useIsVisible-2ffbdea2.js";import"../HorizontalScroll/styles.module.scss";import"../../Button-78f848e6.js";import"../../_tslib-b219470a.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-d69d65b3.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronUp-dfafe27b.js";import"../../ChevronDown-2b3daace.js";import"../../ArrowUp-e7787d9c.js";import"../../ArrowDown-88b2c27a.js";var i;!function(e){e.horizontalscroll="horizontalscroll",e.block="block"}(i||(i={}));var d=function(a){var d=a.id,m=a.testId,p=a.className,c=a.children,b=a.smallViewportVariant,n=void 0===b?i.horizontalscroll:b,j=r(s.table,e({},s["table--collapse2col"],n===i.block),p);return o.createElement(t,null,o.createElement("table",{className:j,id:d,"data-testid":m,"data-analyticsid":l.Table},c))};export{i as SmallViewportVariant,d as Table,d as default};
 //# sourceMappingURL=index.js.map

package/hooks/useIsVisible.d.ts

@@ -4,7 +4,8 @@
  * @param ref Element som skal observeres
  * @param threshold Hvor synlig må elementet være? Default = 1 (helt synlig)
  * @param options Objekt med options for IntersectionObserver, f.eks. threshold for å bestemme når callbacken skal fyres
+ * @param initial Om elementet default skal antas å være synlig eller ikke. Default: ikke synlig
  * @returns true hvis objektet er synlig lik threshold eller mer, false hvis ikke
  */
-export declare const useIsVisible: (ref: React.RefObject<HTMLElement>, threshold?: number, options?: IntersectionObserverInit | undefined) => boolean;
+export declare const useIsVisible: (ref: React.RefObject<HTMLElement>, threshold?: number, options?: IntersectionObserverInit | undefined, initial?: boolean) => boolean;
 //# sourceMappingURL=useIsVisible.d.ts.map

package/hooks/useIsVisible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIsVisible.d.ts","sourceRoot":"","sources":["../../src/hooks/useIsVisible.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,eAAO,MAAM,YAAY,QAAS,MAAM,SAAS,CAAC,WAAW,CAAC,yEAAsD,OAUnH,CAAC"}
+{"version":3,"file":"useIsVisible.d.ts","sourceRoot":"","sources":["../../src/hooks/useIsVisible.ts"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,QAClB,MAAM,SAAS,CAAC,WAAW,CAAC,4FAIhC,OAUF,CAAC"}

package/index.js

@@ -1,2 +1,2 @@
-export{t as theme}from"./index-d1c9177a.js";export{B as Breakpoint,u as useBreakpoint}from"./useBreakpoint-a74f5af5.js";export{u as useFocusToggle,a as useFocusTrap}from"./useFocusTrap-4a5fb65d.js";export{u as useHover}from"./useHover-18479690.js";export{u as useIntersectionObserver,a as useIsVisible}from"./useIsVisible-27ff4012.js";import{d as e}from"./useSticky-432642c9.js";export{u as useLayoutEvent,a as useSticky}from"./useSticky-432642c9.js";export{u as usePrevious}from"./usePrevious-ae293b10.js";import{_ as s,a as r}from"./_rollupPluginBabelHelpers-0f007973.js";import{useState as o,useEffect as n}from"react";export{b as useKeyboardEvent,c as useOutsideEvent,u as useResizeObserver,a as useToggle}from"./useOutsideEvent-fb86686d.js";export{u as useUuid}from"./useUuid-3b1e73f2.js";export{u as uuid}from"./uuid-11037462.js";export{A as AnalyticsId,F as FormMode,a as FormVariant,I as IconSize,K as KeyboardEventKey,Z as ZIndex}from"./constants-dbdea596.js";import"./palette-f206f488.js";import"./grid-c105cad1.js";var i=function(t){var u=o(),a=s(u,2),i=a[0],f=a[1];return n((function(){if("undefined"!=typeof ResizeObserver){var o=new ResizeObserver((function(e){f(e[0].target.getBoundingClientRect())}));return(null==t?void 0:t.current)&&o.observe(null==t?void 0:t.current),o.disconnect}if("object"===("undefined"==typeof window?"undefined":r(window))){var u=["layoutchange","resize","orientationchange"],n=e((function(){(null==t?void 0:t.current)&&f(t.current.getBoundingClientRect())}),10),a=s(n,2),i=a[0],d=a[1];return u.forEach((function(e){return window.addEventListener(e,i)})),i(),function(){d(),u.forEach((function(e){return window.removeEventListener(e,i)}))}}}),[t]),i};export{i as useSize};
+export{t as theme}from"./index-d1c9177a.js";export{B as Breakpoint,u as useBreakpoint}from"./useBreakpoint-a74f5af5.js";export{u as useFocusToggle,a as useFocusTrap}from"./useFocusTrap-4a5fb65d.js";export{u as useHover}from"./useHover-18479690.js";export{u as useIntersectionObserver,a as useIsVisible}from"./useIsVisible-2ffbdea2.js";import{d as e}from"./useSticky-432642c9.js";export{u as useLayoutEvent,a as useSticky}from"./useSticky-432642c9.js";export{u as usePrevious}from"./usePrevious-ae293b10.js";import{_ as s,a as r}from"./_rollupPluginBabelHelpers-0f007973.js";import{useState as o,useEffect as n}from"react";export{b as useKeyboardEvent,c as useOutsideEvent,u as useResizeObserver,a as useToggle}from"./useOutsideEvent-fb86686d.js";export{u as useUuid}from"./useUuid-3b1e73f2.js";export{u as uuid}from"./uuid-11037462.js";export{A as AnalyticsId,F as FormMode,a as FormVariant,I as IconSize,K as KeyboardEventKey,Z as ZIndex}from"./constants-dbdea596.js";import"./palette-f206f488.js";import"./grid-c105cad1.js";var i=function(t){var u=o(),a=s(u,2),i=a[0],f=a[1];return n((function(){if("undefined"!=typeof ResizeObserver){var o=new ResizeObserver((function(e){f(e[0].target.getBoundingClientRect())}));return(null==t?void 0:t.current)&&o.observe(null==t?void 0:t.current),o.disconnect}if("object"===("undefined"==typeof window?"undefined":r(window))){var u=["layoutchange","resize","orientationchange"],n=e((function(){(null==t?void 0:t.current)&&f(t.current.getBoundingClientRect())}),10),a=s(n,2),i=a[0],d=a[1];return u.forEach((function(e){return window.addEventListener(e,i)})),i(),function(){d(),u.forEach((function(e){return window.removeEventListener(e,i)}))}}}),[t]),i};export{i as useSize};
 //# sourceMappingURL=index.js.map

package/package.json

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

package/{useIsVisible-27ff4012.js → useIsVisible-2ffbdea2.js}

@@ -1,2 +1,2 @@
-import{_ as r}from"./_rollupPluginBabelHelpers-0f007973.js";import{useEffect as n,useState as e}from"react";var t=function(r,e,t){n((function(){var n=new IntersectionObserver(e,t);return(null==r?void 0:r.current)&&n.observe(r.current),function(){(null==r?void 0:r.current)&&n.unobserve(r.current)}}),[r,t])},o=function(n){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,i=arguments.length>2?arguments[2]:void 0,u=e(!1),c=r(u,2),s=c[0],l=c[1],a=function(r){l(r[0].intersectionRatio>=o)};return t(n,a,Object.assign({threshold:o},i)),s};export{o as a,t as u};
-//# sourceMappingURL=useIsVisible-27ff4012.js.map
+import{_ as r}from"./_rollupPluginBabelHelpers-0f007973.js";import{useEffect as n,useState as e}from"react";var t=function(r,e,t){n((function(){var n=new IntersectionObserver(e,t);return(null==r?void 0:r.current)&&n.observe(r.current),function(){(null==r?void 0:r.current)&&n.unobserve(r.current)}}),[r,t])},o=function(n){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1,i=arguments.length>2?arguments[2]:void 0,u=arguments.length>3&&void 0!==arguments[3]&&arguments[3],c=e(u),l=r(c,2),s=l[0],a=l[1],v=function(r){a(r[0].intersectionRatio>=o)};return t(n,v,Object.assign({threshold:o},i)),s};export{o as a,t as u};
+//# sourceMappingURL=useIsVisible-2ffbdea2.js.map

package/useIsVisible-2ffbdea2.js.map

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

package/HorizontalScroll-d65b118a.js

@@ -1,2 +0,0 @@
-import r,{useRef as o}from"react";import{c as l}from"./index-d1c0552c.js";import{a as e}from"./useIsVisible-27ff4012.js";import i from"./components/HorizontalScroll/styles.module.scss";var t=function(t){var a=t.children,n=o(null),c=o(null),s=o(null),m=e(c,1,{root:null==n?void 0:n.current,rootMargin:"3px"}),d=e(s,1,{root:null==n?void 0:n.current,rootMargin:"3px"});return r.createElement("div",{className:i.horizontalscroll},r.createElement("div",{className:i.horizontalscroll__viewport,ref:n},r.createElement("div",{className:l(i.horizontalscroll__indicator,i["horizontalscroll__indicator--left"],!m&&i["horizontalscroll__indicator--visible"])}),r.createElement("div",{className:l(i.horizontalscroll__indicator,i["horizontalscroll__indicator--right"],!d&&i["horizontalscroll__indicator--visible"])}),r.createElement("div",{ref:c}),a,r.createElement("div",{ref:s})))};export{t as H};
-//# sourceMappingURL=HorizontalScroll-d65b118a.js.map

package/HorizontalScroll-d65b118a.js.map

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

package/Modal-eebb821b.js.map

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

package/Panel-1ce6fe37.js.map

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

package/useIsVisible-27ff4012.js.map

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