@helsenorge/designsystem-react 1.0.0-beta113 → 1.0.0-beta116

package/components/Modal/index.js

@@ -1,2 +1,2 @@
-import{M as s}from"../../Modal-95d3d875.js";export{b as ModalSize,a as ModalVariants,M as default}from"../../Modal-95d3d875.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-218a5289.js";import"../../_tslib-51c8a283.js";import"../../constants-be4018c7.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../grid-c105cad1.js";import"../../Loader-8a2970bd.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"./styles.module.scss";import"../Icons/AlertSignStroke.js";import"../Icons/AlertSignFill.js";import"../../useIsVisible-fad4d769.js";import"../../Title-8fc7396e.js";import"../Title/styles.module.scss";import"../../Close-c1ccb332.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../useBreakpoint-004c6cb2.js";import"../Icons/CheckOutline.js";import"../Portal/index.js";import"react-dom";
+import{M as s}from"../../Modal-830c6eaa.js";export{b as ModalSize,a as ModalVariants,M as default}from"../../Modal-830c6eaa.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-e3420a9c.js";import"../../_tslib-51c8a283.js";import"../../constants-6ea124a5.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../grid-c105cad1.js";import"../../Loader-36f298cb.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"./styles.module.scss";import"../Icons/AlertSignStroke.js";import"../Icons/AlertSignFill.js";import"../../useIsVisible-fad4d769.js";import"../../Title-013bf3d5.js";import"../Title/styles.module.scss";import"../../Close-a4dd37d1.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../useBreakpoint-6eb418f7.js";import"../Icons/CheckOutline.js";import"../Portal/index.js";import"react-dom";
 //# sourceMappingURL=index.js.map

package/components/NotificationPanel/index.js

@@ -1,2 +1,2 @@
-import{d as e}from"../../_rollupPluginBabelHelpers-4f206abf.js";import o from"react";import{c as a}from"../../index-9b84fabc.js";import{p as r}from"../../palette-f206f488.js";import{Icon as t}from"../Icons/Icon.js";import{A as i}from"../../constants-be4018c7.js";import n from"../Icons/InfoSignStroke.js";import l from"../Icons/AlertSignStroke.js";import c from"../Icons/AlertSignFill.js";import s from"./styles.module.scss";import{C as m}from"../../Close-c1ccb332.js";import"../../_tslib-51c8a283.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../useBreakpoint-004c6cb2.js";import"../../grid-c105cad1.js";var p={info:{color:"kiwi",depth:50},warn:{color:"banana",depth:50},alert:{color:"cherry",depth:100},crisis:{color:"black",depth:0}},f={info:o.createElement(t,{svgIcon:n,color:r.kiwi900,hoverColor:r.kiwi900}),warn:o.createElement(t,{svgIcon:l,color:"black",hoverColor:"black"}),alert:o.createElement(t,{svgIcon:c,color:r.cherry500,hoverColor:r.cherry500}),alertLabel:o.createElement(t,{svgIcon:l,color:r.cherry500,hoverColor:r.cherry500}),crisis:o.createElement(t,{svgIcon:c,color:r.banana200,hoverColor:r.banana200})},d=o.forwardRef((function(r,t){var n,l,c=r.children,p=r.variant,d=void 0===p?"info":p,b=r.shadow,h=void 0!==b&&b,v=r.dismissable,u=void 0!==v&&v,_=r.onClick,I=r.label,j=r.fluid,g=void 0!==j&&j,w=r.size,C=r.className,E=r.testId;var k,y=!!I&&!c;return k=o.createElement("div",{ref:t,"data-testid":E,"data-analyticsid":i.NotificationPanel,className:a(s["notification-panel"],w&&s["notification-panel--"+w],s["notification-panel--"+d],(n={},e(n,s["notification-panel--shadow"],!g&&h),e(n,s["notification-panel--has-children"],!y),e(n,s["notification-panel--label-only"],y),e(n,s["notification-panel--dismissable"],!y&&u),n),C)},o.createElement("span",{className:s["notification-panel__icon"]},f["alert"===d&&I&&!c?"alertLabel":d]),o.createElement("section",{"aria-label":function(){if(c){var e="";return o.Children.map(c,(function(o){"string"==typeof o&&(e+=o)})),e}return""}(),className:a(s["notification-panel__content"],(l={},e(l,s["notification-panel__content--crisis"],"crisis"===d),e(l,s["notification-panel__content--alert"],"alert"===d),l))},I&&o.createElement("h1",{className:s["notification-panel__label"],dangerouslySetInnerHTML:{__html:I}}),c),!y&&u&&o.createElement("span",{className:s["notification-panel__close"]},o.createElement(m,{ariaLabel:r.ariaLabelCloseBtn,onClick:_}))),g?o.createElement("div",{className:a(s["fluid-wrapper"],s["fluid-wrapper--"+d],e({},s["fluid-wrapper--shadow"],h))},k):k}));export default d;export{p as variantToColorMap};
+import{d as e}from"../../_rollupPluginBabelHelpers-4f206abf.js";import o from"react";import{c as a}from"../../index-9b84fabc.js";import{p as r}from"../../palette-f206f488.js";import{Icon as t}from"../Icons/Icon.js";import{A as i}from"../../constants-6ea124a5.js";import n from"../Icons/InfoSignStroke.js";import l from"../Icons/AlertSignStroke.js";import c from"../Icons/AlertSignFill.js";import s from"./styles.module.scss";import{C as m}from"../../Close-a4dd37d1.js";import"../../_tslib-51c8a283.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../useBreakpoint-6eb418f7.js";import"../../grid-c105cad1.js";var p={info:{color:"kiwi",depth:50},warn:{color:"banana",depth:50},alert:{color:"cherry",depth:100},crisis:{color:"black",depth:0}},f={info:o.createElement(t,{svgIcon:n,color:r.kiwi900,hoverColor:r.kiwi900}),warn:o.createElement(t,{svgIcon:l,color:"black",hoverColor:"black"}),alert:o.createElement(t,{svgIcon:c,color:r.cherry500,hoverColor:r.cherry500}),alertLabel:o.createElement(t,{svgIcon:l,color:r.cherry500,hoverColor:r.cherry500}),crisis:o.createElement(t,{svgIcon:c,color:r.banana200,hoverColor:r.banana200})},d=o.forwardRef((function(r,t){var n,l,c=r.children,p=r.variant,d=void 0===p?"info":p,h=r.shadow,b=void 0!==h&&h,v=r.dismissable,u=void 0!==v&&v,_=r.onClick,I=r.label,j=r.fluid,g=void 0!==j&&j,w=r.size,C=r.className,E=r.testId;var k,y=!!I&&!c;return k=o.createElement("div",{ref:t,"data-testid":E,"data-analyticsid":i.NotificationPanel,className:a(s["notification-panel"],w&&s["notification-panel--"+w],s["notification-panel--"+d],(n={},e(n,s["notification-panel--shadow"],!g&&b),e(n,s["notification-panel--has-children"],!y),e(n,s["notification-panel--label-only"],y),e(n,s["notification-panel--dismissable"],!y&&u),n),C)},o.createElement("span",{className:s["notification-panel__icon"]},f["alert"===d&&I&&!c?"alertLabel":d]),o.createElement("section",{"aria-label":function(){if(c){var e="";return o.Children.map(c,(function(o){"string"==typeof o&&(e+=o)})),e}return""}(),className:a(s["notification-panel__content"],(l={},e(l,s["notification-panel__content--crisis"],"crisis"===d),e(l,s["notification-panel__content--alert"],"alert"===d),l))},I&&o.createElement("h1",{className:s["notification-panel__label"],dangerouslySetInnerHTML:{__html:I}}),c),!y&&u&&o.createElement("span",{className:s["notification-panel__close"]},o.createElement(m,{ariaLabel:r.ariaLabelCloseBtn,onClick:_}))),g?o.createElement("div",{className:a(s["fluid-wrapper"],s["fluid-wrapper--"+d],e({},s["fluid-wrapper--shadow"],b))},k):k}));export default d;export{p as variantToColorMap};
 //# sourceMappingURL=index.js.map

package/components/Panel/Panel.d.ts

@@ -19,7 +19,7 @@ export declare enum PanelLayout {
     layout3b = "layout3b",
     layout3c = "layout3c"
 }
-interface PanelProps {
+export interface PanelProps {
     children?: React.ReactNode;
     /** Title of the panel */
     title?: string;
@@ -59,6 +59,8 @@ interface PanelProps {
     time?: string;
     /** Displays date with icon */
     date?: string;
+    /** Removes top border when variant is "line" */
+    noTopBorder?: boolean;
 }
 declare const Panel: React.ForwardRefExoticComponent<PanelProps & React.RefAttributes<HTMLHeadingElement>>;
 export default Panel;

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,KAA2B,MAAM,OAAO,CAAC;AAMhD,OAAO,EAAE,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAe5D,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,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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,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;CACf;AAED,QAAA,MAAM,KAAK,uFAmOT,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAMhD,OAAO,EAAE,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAe5D,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,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,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;CACvB;AA8ED,QAAA,MAAM,KAAK,uFAmLT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/components/Panel/componentdata.json

@@ -435,6 +435,25 @@
       "type": {
         "name": "string"
       }
+    },
+    "noTopBorder": {
+      "defaultValue": null,
+      "description": "Removes top border when variant is \"line\"",
+      "name": "noTopBorder",
+      "parent": {
+        "fileName": "src/components/Panel/Panel.tsx",
+        "name": "PanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Panel/Panel.tsx",
+          "name": "PanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
     }
   }
 }

package/components/Panel/index.js

@@ -1,2 +1,2 @@
-import{_ as e,d as t}from"../../_rollupPluginBabelHelpers-4f206abf.js";import a,{useState as n,useRef as l}from"react";import{c as o}from"../../index-9b84fabc.js";import r from"./styles.module.scss";import{T as s}from"../../Title-8fc7396e.js";import{B as i}from"../../Button-218a5289.js";import{A as c,I as m}from"../../constants-be4018c7.js";import{Icon as d}from"../Icons/Icon.js";import u from"../Icons/ChevronDown.js";import p from"../Icons/ChevronUp.js";import v from"../Icons/ArrowRight.js";import f from"../Icons/AlertSignFill.js";import{p as y}from"../../palette-f206f488.js";import _ from"../Icons/Pencil.js";import b from"../Icons/Calendar.js";import g from"../Icons/Watch.js";import{u as E,B as j}from"../../useBreakpoint-004c6cb2.js";import{B as h}from"../../Badge-81cefbed.js";import{u as I}from"../../uuid-fe7442b7.js";import"../Title/styles.module.scss";import"../../_tslib-51c8a283.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../grid-c105cad1.js";import"../../Loader-8a2970bd.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Badge/styles.module.scss";var w,N,k;!function(e){e.normal="normal",e.new="new",e.error="error",e.draft="draft"}(w||(w={})),function(e){e.fill="fill",e.white="white",e.stroke="stroke",e.line="line"}(N||(N={})),function(e){e.layout1="layout1",e.layout2="layout2",e.layout3a="layout3a",e.layout3b="layout3b",e.layout3c="layout3c"}(k||(k={}));var B=a.forwardRef((function(B,x){var S,C,A,T,z,D,O,P=B.children,R=B.contentA,X=B.contentB,H=B.className,L=B.testId,M=B.title,W=B.url,F=B.target,K=void 0===F?"_self":F,U=B.icon,q=B.iconRight,G=void 0!==q&&q,J=B.variant,Q=void 0===J?N.fill:J,V=B.status,Y=void 0===V?w.normal:V,Z=B.statusMessage,$=B.buttonText,ee=void 0===$?"Se detaljer":$,te=B.buttonTextClose,ae=void 0===te?"Skjul detaljer":te,ne=B.showCloseButtonInExpand,le=void 0===ne||ne,oe=B.layout,re=void 0===oe?k.layout2:oe,se=B.containerAsButton,ie=void 0!==se&&se,ce=B.date,me=B.time,de=n(!1),ue=e(de,2),pe=ue[0],ve=ue[1],fe=l(null),ye=I(),_e=E(),be=Q===N.line,ge=Q===N.white,Ee=[k.layout3a.toString(),k.layout3b.toString(),k.layout3c.toString()].includes(re),je=o(r["panel-wrapper"],H),he=o(r.panel,(t(S={},r["panel--fill"],Q===N.fill),t(S,r["panel--stroke"],Q===N.stroke),t(S,r["panel--white"],ge),t(S,r["panel--line"],be),t(S,r["panel--selected"],pe),t(S,r["panel--new"],Y===w.new),t(S,r["panel--draft"],Y===w.draft),t(S,r["panel--error"],Y===w.error),t(S,r["panel--status"],Y&&Y!==w.normal),t(S,r["panel--with-icon"],U),t(S,r["panel--button"],ie),S)),Ie=o((t(C={},r.panel__container,re===k.layout2&&X),t(C,r["panel__container--layout3ish"],Ee&&X),t(C,r["panel__container--grow"],U),C)),we=o((t(A={},r["panel-content-a"],re===k.layout2),t(A,r["panel-content-a--layout3a"],re===k.layout3a),t(A,r["panel-content-a--layout3b"],re===k.layout3b),t(A,r["panel-content-a--layout3c"],re===k.layout3c),A)),Ne=o((t(T={},r["panel__content-right--layout1"],X&&re===k.layout1),t(T,r["panel__content-right--layout2"],X&&re===k.layout2),t(T,r["panel__content-right--layout3ish"],X&&Ee),t(T,r["panel__content-right--layout3a"],X&&re===k.layout3a),t(T,r["panel__content-right--layout3b"],X&&re===k.layout3b),t(T,r["panel__content-right--layout3c"],X&&re===k.layout3c),T)),ke=o(r["panel-details"],(t(z={},r["panel-details--open"],pe),t(z,r["panel-details--line"],be),t(z,r["panel-details--white"],ge),z)),Be=o(r["panel-content-b"],t({},r["panel-content-b--layout1"],re===k.layout1)),xe=o(r["panel__details-btn"],t({},r["panel__details-btn--pull-right"],X)),Se=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0],t=arguments.length>1?arguments[1]:void 0,n={id:t,tabIndex:e?void 0:-1,variant:"borderless",ref:t?fe:void 0,ellipsis:!0};return P?a.createElement(i,Object.assign({testId:"expand",onClick:function(){return ve(!pe)}},n),pe?ae:ee,a.createElement(d,{svgIcon:pe?p:u})):a.createElement(i,Object.assign({testId:"url",htmlMarkup:"a",href:W,target:K},n),ee,a.createElement(d,{svgIcon:v}))},Ce=o(r["panel__btn-container"],(t(D={},r["panel__btn-container--layout3ish"],Ee),t(D,r["panel__btn-container--padding-top"],X),D)),Ae=function(){return ce||me?a.createElement("div",{className:r["datetime-container"],"data-testid":"datetime"},ce&&a.createElement("div",{className:r["datetime-container__icon"]},a.createElement(d,{svgIcon:b,size:m.XSmall}),a.createElement("span",null,ce)),me&&a.createElement("div",{className:r["datetime-container__icon"]},a.createElement(d,{svgIcon:g,size:m.XSmall}),a.createElement("span",null,me))):null};return a.createElement("div",{ref:x,"data-testid":L,className:je,"data-analyticsid":c.Panel},a.createElement("div",{className:he,tabIndex:ie?0:void 0,onClick:function(){var e;ie&&(null===(e=fe.current)||void 0===e||e.click())},onKeyDown:function(e){var t,a=e.key;!ie||"Enter"!==a&&" "!==a||(e.preventDefault(),null===(t=fe.current)||void 0===t||t.click())},"aria-labelledby":ie?ye:void 0,role:ie?"button":void 0},U&&!G&&a.createElement("div",{className:r.panel__icon},U),a.createElement("div",{className:Ie},a.createElement("div",{className:we},(O=o(r["status-message"],t({},r["status-message--new"],Y===w.new)),Y!==w.error&&Y!==w.draft||!Z?null:a.createElement("div",{className:O,"data-testid":"display-status"},a.createElement(d,Object.assign({},Y===w.error?{color:y.cherry500,svgIcon:f}:{color:y.black,svgIcon:_},{size:m.XSmall}))," ",a.createElement("span",null,Z))),M&&a.createElement("div",{className:r["panel-content-a__title-container"]},a.createElement(s,{appearance:"title3"},M),Z&&Y===w.new&&a.createElement("div",null,a.createElement(h,{color:"blueberry",testId:"badge-status"},Z))),R,void 0!==_e&&_e>=j.lg&&Ae()),a.createElement("div",{className:Ne},X&&a.createElement("div",{className:Be},X),(P||W||ce||me)&&a.createElement("div",{className:Ce},void 0!==_e&&_e<j.lg&&Ae(),(P||W)&&a.createElement("div",{className:xe},Se(!ie,ye))))),U&&G&&a.createElement("div",{className:r["panel__icon--right"]},U)),P&&a.createElement("div",{className:ke,"data-testid":"panel-details"},a.createElement("div",null,P),le&&Se()))}));export default B;export{k as PanelLayout,w as PanelStatus,N as PanelVariant};
+import{P as s}from"../../Panel-fa7d1fa3.js";export{c as PanelLayout,a as PanelStatus,b as PanelVariant,P as default}from"../../Panel-fa7d1fa3.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../Title-013bf3d5.js";import"../Title/styles.module.scss";import"../../constants-6ea124a5.js";import"../../Button-e3420a9c.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-36f298cb.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"../Icons/ChevronDown.js";import"../Icons/ChevronUp.js";import"../Icons/ArrowRight.js";import"../Icons/AlertSignFill.js";import"../Icons/Pencil.js";import"../Icons/Calendar.js";import"../Icons/Watch.js";import"../../useBreakpoint-6eb418f7.js";import"../../Badge-d5aca34c.js";import"../Badge/styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/Panel/styles.module.scss

@@ -16,6 +16,16 @@
   }
 }
 
+@mixin panel-padding-icon {
+  padding: getSpacer(m) getSpacer(s) getSpacer(l) getSpacer(s);
+  @media (min-width: map-get($grid-breakpoints, md)) {
+    padding: getSpacer(m) getSpacer(m) getSpacer(l) getSpacer(m);
+  }
+  @media (min-width: map-get($grid-breakpoints, lg)) {
+    padding: getSpacer(l) getSpacer(m) getSpacer(l) getSpacer(m);
+  }
+}
+
 .panel {
   @include panel-padding;
   outline: none;
@@ -29,14 +39,14 @@
       flex: 1;
     }
 
-    &--layout3ish{
+    &--layout3 {
       @media (min-width: map-get($grid-breakpoints, lg)) {
         display: flex;
         flex-direction: row;
       }
     }
 
-    &--grow{
+    &--grow {
       flex: 1;
     }
   }
@@ -44,6 +54,7 @@
   &--with-icon {
     display: flex;
     flex-direction: row;
+    @include panel-padding-icon;
   }
 
   &__icon {
@@ -76,7 +87,7 @@
       }
     }
 
-    &--layout3ish {
+    &--layout3 {
       display: flex;
       flex-direction: column;
       padding-left: 0;
@@ -105,7 +116,7 @@
       max-width: 300px;
     }
 
-    &--layout3ish {
+    &--layout3 {
       display: flex;
       align-self: initial;
       flex-direction: column;
@@ -198,6 +209,9 @@
       background-color: $neutral100;
     }
   }
+  &--no-top-border#{&}--line {
+    border-top: none;
+  }
 
   &--button {
     cursor: pointer;
@@ -243,7 +257,6 @@
   &--open {
     display: block;
   }
-
   &--line {
     background: $white;
     border-bottom: 1px solid $neutral500;
@@ -251,13 +264,16 @@
   &--white {
     background: $white;
   }
+  &--with-icon {
+    @include panel-padding-icon;
+  }
 }
 
 .status-message {
   font-size: $font-size-sm;
   color: $cherry500;
   display: flex;
-
+  margin-bottom: getSpacer(2xs);
   span {
     padding-left: 5px;
     align-self: center;
@@ -315,6 +331,11 @@
       padding-right: getSpacer(m);
     }
   }
+  &--layout3 {
+    @media (min-width: map-get($grid-breakpoints, lg)) {
+      padding-right: getSpacer(m);
+    }
+  }
 }
 
 .datetime-container {

package/components/PanelList/PanelList.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PanelVariant } from '../Panel';
+interface PanelListProps {
+    /** Panels to render inside the PanelList */
+    children?: React.ReactNode;
+    /** Changes the visual representation of the panel. Default: fill */
+    variant?: keyof typeof PanelVariant;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+declare const PanelList: React.ForwardRefExoticComponent<PanelListProps & React.RefAttributes<HTMLDivElement>>;
+export default PanelList;
+//# sourceMappingURL=PanelList.d.ts.map

package/components/PanelList/PanelList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelList.d.ts","sourceRoot":"","sources":["../../../src/components/PanelList/PanelList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAc,EAAc,YAAY,EAAE,MAAM,UAAU,CAAC;AAG3D,UAAU,cAAc;IACtB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,oEAAoE;IACpE,OAAO,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;IACpC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAKD,QAAA,MAAM,SAAS,uFAeb,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/components/PanelList/componentdata.json

@@ -0,0 +1,79 @@
+{
+  "props": {
+    "children": {
+      "defaultValue": null,
+      "description": "Panels to render inside the PanelList",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/PanelList/PanelList.tsx",
+        "name": "PanelListProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/PanelList/PanelList.tsx",
+          "name": "PanelListProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "variant": {
+      "defaultValue": null,
+      "description": "Changes the visual representation of the panel. Default: fill",
+      "name": "variant",
+      "parent": {
+        "fileName": "src/components/PanelList/PanelList.tsx",
+        "name": "PanelListProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/PanelList/PanelList.tsx",
+          "name": "PanelListProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"fill\" | \"white\" | \"stroke\" | \"line\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"fill\""
+          },
+          {
+            "value": "\"white\""
+          },
+          {
+            "value": "\"stroke\""
+          },
+          {
+            "value": "\"line\""
+          }
+        ]
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/PanelList/PanelList.tsx",
+        "name": "PanelListProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/PanelList/PanelList.tsx",
+          "name": "PanelListProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/PanelList/index.d.ts

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

package/components/PanelList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PanelList/index.tsx"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,eAAe,SAAS,CAAC"}

package/components/PanelList/index.js

@@ -0,0 +1,2 @@
+import s from"react";import o from"./styles.module.scss";import{A as t}from"../../constants-6ea124a5.js";import{b as e,P as r}from"../../Panel-fa7d1fa3.js";import{c as i}from"../../index-9b84fabc.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../_tslib-51c8a283.js";import"../Panel/styles.module.scss";import"../../Title-013bf3d5.js";import"../Title/styles.module.scss";import"../../Button-e3420a9c.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-36f298cb.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"../Icons/ChevronDown.js";import"../Icons/ChevronUp.js";import"../Icons/ArrowRight.js";import"../Icons/AlertSignFill.js";import"../Icons/Pencil.js";import"../Icons/Calendar.js";import"../Icons/Watch.js";import"../../useBreakpoint-6eb418f7.js";import"../../Badge-d5aca34c.js";import"../Badge/styles.module.scss";var a=s.forwardRef((function(a,l){var m=a.testId,n=a.children,p=a.variant,c=void 0===p?e.fill:p;return s.createElement("div",{ref:l,"data-testid":m,className:o["panel-list"],"data-analyticsid":t.PanelList},s.Children.map(n,(function(t,a){return n=t,s.isValidElement(n)&&n.type===r?(l=t,m=0===a,s.cloneElement(l,{variant:c,noTopBorder:c===e.line&&!m,className:i(l.props.className,c!==e.line&&o["panel-list__panel"])})):t;var l,m,n})))}));export default a;
+//# sourceMappingURL=index.js.map

package/components/PanelList/index.js.map

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

package/components/PanelList/styles.module.scss

@@ -0,0 +1,15 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_palette.scss';
+@import '../../scss/_grid.scss';
+@import '../../scss/_font-settings.scss';
+
+.panel-list {
+  &__panel:not(:last-child) {
+    margin-bottom: getSpacer(2xs);
+
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      margin-bottom: getSpacer(s);
+    }
+  }
+}

package/components/Portal/index.js

@@ -1,2 +1,2 @@
-import t from"react";import{createPortal as e}from"react-dom";import{A as r}from"../../constants-be4018c7.js";export default function(n){var a=n.children,o=n.parent,i=n.className,c=n.testId,d=t.useMemo((function(){return document.createElement("div")}),[]);return d.setAttribute("data-analyticsid",r.Portal),c&&d.setAttribute("data-testid",c),t.useEffect((function(){var t=o&&o.appendChild?o:document.body,e=["portal-container"];return i&&i.split(" ").forEach((function(t){return e.push(t)})),e.forEach((function(t){return d.classList.add(t)})),t.appendChild(d),function(){t.removeChild(d)}}),[d,o,i]),e(a,d)}
+import t from"react";import{createPortal as e}from"react-dom";import{A as r}from"../../constants-6ea124a5.js";export default function(n){var a=n.children,o=n.parent,i=n.className,c=n.testId,d=t.useMemo((function(){return document.createElement("div")}),[]);return d.setAttribute("data-analyticsid",r.Portal),c&&d.setAttribute("data-testid",c),t.useEffect((function(){var t=o&&o.appendChild?o:document.body,e=["portal-container"];return i&&i.split(" ").forEach((function(t){return e.push(t)})),e.forEach((function(t){return d.classList.add(t)})),t.appendChild(d),function(){t.removeChild(d)}}),[d,o,i]),e(a,d)}
 //# sourceMappingURL=index.js.map

package/components/RadioButton/index.js

@@ -1,2 +1,2 @@
-import{R as o}from"../../RadioButton-0233a8fb.js";export{R as RadioButton,R as default}from"../../RadioButton-0233a8fb.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"./styles.module.scss";import"../../constants-be4018c7.js";
+import{R as o}from"../../RadioButton-6d28412a.js";export{R as RadioButton,R as default}from"../../RadioButton-6d28412a.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"./styles.module.scss";import"../../constants-6ea124a5.js";
 //# sourceMappingURL=index.js.map

package/components/Slider/index.js

@@ -1,2 +1,2 @@
-import{_ as e}from"../../_rollupPluginBabelHelpers-4f206abf.js";import t,{useState as n,useRef as r,useEffect as a}from"react";import{c as o}from"../../index-9b84fabc.js";import{T as i}from"../../Title-8fc7396e.js";import c from"./styles.module.scss";import{A as u}from"../../constants-be4018c7.js";import"../Title/styles.module.scss";var s=function(e){return e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),!1},l=function(e){return m(e)?e.touches[0].pageX:e.pageX},d=function(e){var t=e?e.getBoundingClientRect():void 0;return t?t.right-t.left:0},m=function(e){return("touchcancel"===e.type||"touchend"===e.type||"touchenter"===e.type||"touchleave"===e.type||"touchmove"===e.type||"touchstart"===e.type)&&!(0===e.touches.length)},f=function(e,t,n){var r=e-e%t,a=Math.floor(n/t)*t;e>a&&(e>a+(n-a)/2&&(r=n));return Math.round(r)},v=t.forwardRef((function(m,v){var p=m.title,h=m.labelLeft,_=m.labelRight,g=m.disabled,E=void 0!==g&&g,y=m.step,b=void 0===y?1:y,w=m.onChange,k=m.testId,L=n(50),x=e(L,2),N=x[0],A=x[1],D=n(!1),M=e(D,2),R=M[0],j=M[1],T=n(0),B=e(T,2),C=B[0],P=B[1],I=n(0),S=e(I,2),X=S[0],H=S[1],K=n(0),U=e(K,2),q=U[0],z=U[1],F=n(0),G=e(F,2),J=G[0],O=G[1],Q=v||r(null),V=r(null),W=function(e){ne(e)},Y=function(e){te(e)},Z=function(e){ne(e)},$=function(e){te(e)};a((function(){var e=d(Q.current),t=d(V.current);z(function(e,t,n,r,a){return(t-n)/(a-r)*e}(N,e,t,0,100)),P(e),H(t)}),[]),a((function(){R&&(function(e,t){document.addEventListener("mousemove",e,!1),document.addEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.addEventListener("touchmove",e,!1),document.addEventListener("touchend",t,!1)}(Z,$))}),[R]),a((function(){!E&&w&&w(N)}),[N]);var ee=function(e){var t;if(!E){var n=d(Q.current),r=d(V.current),a=l(e);!function(e,t,n,r){var a=t?t.getBoundingClientRect():void 0,o=a?a.left:0;r(o?e-(o+n/2):0)}(a,V.current,r,re),j(!0),O(a),P(n),H(r),null===(t=V.current)||void 0===t||t.focus(),s(e)}},te=function(e){E||(j(!1),function(e,t){document.removeEventListener("mousemove",e,!1),document.removeEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.removeEventListener("touchmove",e,!1),document.removeEventListener("touchend",t,!1)}(Z,$),s(e))},ne=function(e){if(!E&&R){var t=l(e);re(t-J),s(e)}},re=function(e){if(0!==e){var t=function(e,t,n,r){var a=r+e;return a<0&&(a=0),a>t-n&&(a=t-n),a}(e,C,X,q);z(t),O(t+e),A(function(e,t,n,r,a,o){var i=(t-n)/(o-a),c=Math.round(e/i);return f(c,r,o)}(t,C,X,b,0,100))}};return t.createElement("div",{className:c.slider,"data-testid":k,"data-analyticsid":u.Slider},p&&t.createElement(i,{htmlMarkup:"h3",margin:1.5,appearance:"title3"},p),t.createElement("div",{ref:Q,className:o(c["slider__track-wrapper"],E?c["slider__track-wrapper--disabled"]:""),onMouseDown:ee,onTouchStart:ee,"data-testid":"tracker"},t.createElement("div",{className:o(c.slider__track,E?c["slider__track--disabled"]:"")}),t.createElement("div",{ref:V,className:o(c.slider__trigger,E?c["slider__trigger--disabled"]:""),style:{left:"".concat(q,"px")},onKeyDown:function(e){if(!E){var t=(C-X)/100;"ArrowRight"!==e.key&&"ArrowDown"!==e.key||re(b*t),"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||re(-b*t)}},role:"slider","aria-valuenow":N,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"".concat(p?p+" ":"").concat(h?h+" ":"").concat(_?_+" ":""),tabIndex:E?-1:0},t.createElement("div",{className:o(c["slider__trigger-inner"],E?c["slider__trigger-inner--disabled"]:"")}))),(h||_)&&t.createElement("span",{className:c.slider__options},t.createElement("p",{className:c.slider__text,"aria-hidden":!0},h),t.createElement("p",{className:c.slider__text,"aria-hidden":!0},_)))}));export default v;export{v as Slider};
+import{_ as e}from"../../_rollupPluginBabelHelpers-4f206abf.js";import t,{useState as n,useRef as r,useEffect as a}from"react";import{c as o}from"../../index-9b84fabc.js";import{T as i}from"../../Title-013bf3d5.js";import c from"./styles.module.scss";import{A as u}from"../../constants-6ea124a5.js";import"../Title/styles.module.scss";var s=function(e){return e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),!1},l=function(e){return m(e)?e.touches[0].pageX:e.pageX},d=function(e){var t=e?e.getBoundingClientRect():void 0;return t?t.right-t.left:0},m=function(e){return("touchcancel"===e.type||"touchend"===e.type||"touchenter"===e.type||"touchleave"===e.type||"touchmove"===e.type||"touchstart"===e.type)&&!(0===e.touches.length)},f=function(e,t,n){var r=e-e%t,a=Math.floor(n/t)*t;e>a&&(e>a+(n-a)/2&&(r=n));return Math.round(r)},v=t.forwardRef((function(m,v){var p=m.title,h=m.labelLeft,_=m.labelRight,g=m.disabled,E=void 0!==g&&g,y=m.step,b=void 0===y?1:y,w=m.onChange,k=m.testId,L=n(50),x=e(L,2),N=x[0],A=x[1],D=n(!1),M=e(D,2),R=M[0],j=M[1],T=n(0),B=e(T,2),C=B[0],P=B[1],I=n(0),S=e(I,2),X=S[0],H=S[1],K=n(0),U=e(K,2),q=U[0],z=U[1],F=n(0),G=e(F,2),J=G[0],O=G[1],Q=v||r(null),V=r(null),W=function(e){ne(e)},Y=function(e){te(e)},Z=function(e){ne(e)},$=function(e){te(e)};a((function(){var e=d(Q.current),t=d(V.current);z(function(e,t,n,r,a){return(t-n)/(a-r)*e}(N,e,t,0,100)),P(e),H(t)}),[]),a((function(){R&&(function(e,t){document.addEventListener("mousemove",e,!1),document.addEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.addEventListener("touchmove",e,!1),document.addEventListener("touchend",t,!1)}(Z,$))}),[R]),a((function(){!E&&w&&w(N)}),[N]);var ee=function(e){var t;if(!E){var n=d(Q.current),r=d(V.current),a=l(e);!function(e,t,n,r){var a=t?t.getBoundingClientRect():void 0,o=a?a.left:0;r(o?e-(o+n/2):0)}(a,V.current,r,re),j(!0),O(a),P(n),H(r),null===(t=V.current)||void 0===t||t.focus(),s(e)}},te=function(e){E||(j(!1),function(e,t){document.removeEventListener("mousemove",e,!1),document.removeEventListener("mouseup",t,!1)}(W,Y),function(e,t){document.removeEventListener("touchmove",e,!1),document.removeEventListener("touchend",t,!1)}(Z,$),s(e))},ne=function(e){if(!E&&R){var t=l(e);re(t-J),s(e)}},re=function(e){if(0!==e){var t=function(e,t,n,r){var a=r+e;return a<0&&(a=0),a>t-n&&(a=t-n),a}(e,C,X,q);z(t),O(t+e),A(function(e,t,n,r,a,o){var i=(t-n)/(o-a),c=Math.round(e/i);return f(c,r,o)}(t,C,X,b,0,100))}};return t.createElement("div",{className:c.slider,"data-testid":k,"data-analyticsid":u.Slider},p&&t.createElement(i,{htmlMarkup:"h3",margin:1.5,appearance:"title3"},p),t.createElement("div",{ref:Q,className:o(c["slider__track-wrapper"],E?c["slider__track-wrapper--disabled"]:""),onMouseDown:ee,onTouchStart:ee,"data-testid":"tracker"},t.createElement("div",{className:o(c.slider__track,E?c["slider__track--disabled"]:"")}),t.createElement("div",{ref:V,className:o(c.slider__trigger,E?c["slider__trigger--disabled"]:""),style:{left:"".concat(q,"px")},onKeyDown:function(e){if(!E){var t=(C-X)/100;"ArrowRight"!==e.key&&"ArrowDown"!==e.key||re(b*t),"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||re(-b*t)}},role:"slider","aria-valuenow":N,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"".concat(p?p+" ":"").concat(h?h+" ":"").concat(_?_+" ":""),tabIndex:E?-1:0},t.createElement("div",{className:o(c["slider__trigger-inner"],E?c["slider__trigger-inner--disabled"]:"")}))),(h||_)&&t.createElement("span",{className:c.slider__options},t.createElement("p",{className:c.slider__text,"aria-hidden":!0},h),t.createElement("p",{className:c.slider__text,"aria-hidden":!0},_)))}));export default v;export{v as Slider};
 //# sourceMappingURL=index.js.map

package/components/Spacer/index.js

@@ -1,2 +1,2 @@
-import{d as s}from"../../_rollupPluginBabelHelpers-4f206abf.js";import a from"react";import{c as e}from"../../index-9b84fabc.js";import r from"./styles.module.scss";import{A as c}from"../../constants-be4018c7.js";var l=a.forwardRef((function(l,p){var t,x=l.size,o=void 0===x?"s":x,m=l.className,f=l.testId,i=e(r.spacer,(s(t={},r["spacer--4xs"],"4xs"===o),s(t,r["spacer--3xs"],"3xs"===o),s(t,r["spacer--2xs"],"2xs"===o),s(t,r["spacer--xs"],"xs"===o),s(t,r["spacer--s"],"s"===o),s(t,r["spacer--m"],"m"===o),s(t,r["spacer--l"],"l"===o),s(t,r["spacer--xl"],"xl"===o),s(t,r["spacer--2xl"],"2xl"===o),s(t,r["spacer--3xl"],"3xl"===o),s(t,r["spacer--4xl"],"4xl"===o),s(t,r["spacer--5xl"],"5xl"===o),s(t,r["spacer--6xl"],"6xl"===o),t),m);return a.createElement("span",{className:i,ref:p,"data-testid":f,"data-analyticsid":c.Spacer})}));export default l;
+import{d as s}from"../../_rollupPluginBabelHelpers-4f206abf.js";import a from"react";import{c as e}from"../../index-9b84fabc.js";import r from"./styles.module.scss";import{A as l}from"../../constants-6ea124a5.js";var c=a.forwardRef((function(c,p){var t,x=c.size,o=void 0===x?"s":x,m=c.className,f=c.testId,i=e(r.spacer,(s(t={},r["spacer--4xs"],"4xs"===o),s(t,r["spacer--3xs"],"3xs"===o),s(t,r["spacer--2xs"],"2xs"===o),s(t,r["spacer--xs"],"xs"===o),s(t,r["spacer--s"],"s"===o),s(t,r["spacer--m"],"m"===o),s(t,r["spacer--l"],"l"===o),s(t,r["spacer--xl"],"xl"===o),s(t,r["spacer--2xl"],"2xl"===o),s(t,r["spacer--3xl"],"3xl"===o),s(t,r["spacer--4xl"],"4xl"===o),s(t,r["spacer--5xl"],"5xl"===o),s(t,r["spacer--6xl"],"6xl"===o),t),m);return a.createElement("span",{className:i,ref:p,"data-testid":f,"data-analyticsid":l.Spacer})}));export default c;
 //# sourceMappingURL=index.js.map

package/components/Textarea/index.js

@@ -1,2 +1,2 @@
-import{T as e}from"../../Textarea-4597fece.js";export{T as default}from"../../Textarea-4597fece.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-be4018c7.js";import"../../uuid-fe7442b7.js";
+import{T as s}from"../../Textarea-bf32d3bd.js";export{T as default}from"../../Textarea-bf32d3bd.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-6ea124a5.js";import"../../uuid-fe7442b7.js";
 //# sourceMappingURL=index.js.map

package/components/Tile/index.js

@@ -1,2 +1,2 @@
-import{_ as e,d as t}from"../../_rollupPluginBabelHelpers-4f206abf.js";import{_ as i}from"../../_tslib-51c8a283.js";import r,{useState as l}from"react";import{c as a}from"../../index-9b84fabc.js";import{A as o,I as n}from"../../constants-be4018c7.js";import s from"./styles.module.scss";var c=r.forwardRef((function(e,i){var l,o=e.children,n=e.className,c=e.htmlMarkup,m=void 0===c?"span":c,d=e.highlighted,f=e.compact,p=a(s.tile__title,(t(l={},s["tile__title--highlighted"],d),t(l,s["tile__title--compact"],f),l),n),u=m;return r.createElement(u,{className:p,ref:i},o)})),m=r.forwardRef((function(c,m){var d,f=c.icon,p=c.title,u=c.className,h=void 0===u?"":u,g=c.description,_=c.fixed,v=void 0!==_&&_,b=c.highlighted,E=void 0!==b&&b,N=c.testId,x=i(c,["icon","title","className","description","fixed","highlighted","testId"]),j=l(!1),w=e(j,2),M=w[0],k=w[1],I=!g,y=a(s.tile,(t(d={},s["tile--fixed"],v),t(d,s["tile--compact"],I),t(d,s["tile--highlighted"],E),d),h),B=a(s["title-wrapper"],t({},s["title-wrapper--compact"],I));return r.createElement("a",Object.assign({ref:m,className:y,onMouseEnter:function(){return k(!0)},onMouseLeave:function(){return k(!1)},onFocus:function(){return k(!0)},onBlur:function(){return k(!1)},"data-testid":N,"data-analyticsid":o.Tile,rel:"_blank"===c.target?"noopener noreferrer":c.rel},x),r.createElement("div",{className:B},r.cloneElement(f,{size:n.Medium,isHovered:M,color:E?"white":"black"}),r.cloneElement(p,{highlighted:E,compact:I})),g?r.createElement("p",{className:s.tile__description},g):null)}));m.Title=c;export default m;export{m as Tile};
+import{_ as e,d as t}from"../../_rollupPluginBabelHelpers-4f206abf.js";import{_ as i}from"../../_tslib-51c8a283.js";import r,{useState as a}from"react";import{c as l}from"../../index-9b84fabc.js";import{A as o,I as n}from"../../constants-6ea124a5.js";import s from"./styles.module.scss";var c=r.forwardRef((function(e,i){var a,o=e.children,n=e.className,c=e.htmlMarkup,m=void 0===c?"span":c,d=e.highlighted,f=e.compact,p=l(s.tile__title,(t(a={},s["tile__title--highlighted"],d),t(a,s["tile__title--compact"],f),a),n),u=m;return r.createElement(u,{className:p,ref:i},o)})),m=r.forwardRef((function(c,m){var d,f=c.icon,p=c.title,u=c.className,h=void 0===u?"":u,g=c.description,_=c.fixed,v=void 0!==_&&_,b=c.highlighted,E=void 0!==b&&b,N=c.testId,x=i(c,["icon","title","className","description","fixed","highlighted","testId"]),j=a(!1),w=e(j,2),M=w[0],k=w[1],I=!g,y=l(s.tile,(t(d={},s["tile--fixed"],v),t(d,s["tile--compact"],I),t(d,s["tile--highlighted"],E),d),h),B=l(s["title-wrapper"],t({},s["title-wrapper--compact"],I));return r.createElement("a",Object.assign({ref:m,className:y,onMouseEnter:function(){return k(!0)},onMouseLeave:function(){return k(!1)},onFocus:function(){return k(!0)},onBlur:function(){return k(!1)},"data-testid":N,"data-analyticsid":o.Tile,rel:"_blank"===c.target?"noopener noreferrer":c.rel},x),r.createElement("div",{className:B},r.cloneElement(f,{size:n.Medium,isHovered:M,color:E?"white":"black"}),r.cloneElement(p,{highlighted:E,compact:I})),g?r.createElement("p",{className:s.tile__description},g):null)}));m.Title=c;export default m;export{m as Tile};
 //# sourceMappingURL=index.js.map

package/components/Title/index.js

@@ -1,2 +1,2 @@
-import{T as s}from"../../Title-8fc7396e.js";export{T as default,i as instanceOfTitleMargin}from"../../Title-8fc7396e.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-be4018c7.js";
+import{T as s}from"../../Title-013bf3d5.js";export{T as default,i as instanceOfTitleMargin}from"../../Title-013bf3d5.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-6ea124a5.js";
 //# sourceMappingURL=index.js.map

package/components/Validation/index.js

@@ -1,2 +1,2 @@
-import{V as s}from"../../Validation-247496a2.js";export{V as Validation,V as default}from"../../Validation-247496a2.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-e67d4a50.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-657cb5e7.js";import"../../uuid-fe7442b7.js";import"../Icons/Check.js";import"../Icons/Icon.js";import"../../_tslib-51c8a283.js";import"../../constants-be4018c7.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-0233a8fb.js";import"../RadioButton/styles.module.scss";import"../../Input-fe2b4c5a.js";import"../../useBreakpoint-004c6cb2.js";import"../Input/styles.module.scss";import"../../Title-8fc7396e.js";import"../Title/styles.module.scss";import"./styles.module.scss";
+import{V as s}from"../../Validation-723a227a.js";export{V as Validation,V as default}from"../../Validation-723a227a.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-f6f08b2e.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-36ad53de.js";import"../../uuid-fe7442b7.js";import"../Icons/Check.js";import"../Icons/Icon.js";import"../../_tslib-51c8a283.js";import"../../constants-6ea124a5.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-6d28412a.js";import"../RadioButton/styles.module.scss";import"../../Input-b8528747.js";import"../../useBreakpoint-6eb418f7.js";import"../Input/styles.module.scss";import"../../Title-013bf3d5.js";import"../Title/styles.module.scss";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/{constants-be4018c7.js → constants-6ea124a5.js}

@@ -1,2 +1,2 @@
-var a,n,o,e,i;!function(a){a[a.XXSmall=24]="XXSmall",a[a.XSmall=38]="XSmall",a[a.Small=48]="Small",a[a.Medium=64]="Medium",a[a.Large=80]="Large",a[a.XLarge=130]="XLarge"}(a||(a={})),function(a){a[a.Modal=13e5]="Modal",a[a.ExpanderTrigger=1e4]="ExpanderTrigger"}(n||(n={})),function(a){a.onwhite="onwhite",a.ongrey="ongrey",a.onblueberry="onblueberry",a.ondark="ondark",a.oninvalid="oninvalid"}(o||(o={})),function(a){a.normal="normal",a.bigform="bigform"}(e||(e={})),function(a){a.AnchorLink="anchor-link",a.Avatar="avatar",a.Badge="badge",a.Button="button",a.Checkbox="checkbox",a.Close="close",a.Expander="expander",a.ExpanderList="expander-list",a.ExpanderListExpander="expander-list-expander",a.FormGroup="form-group",a.HighlightBox="highlight-box",a.Icon="icon",a.Input="input",a.Link="link",a.LinkList="link-list",a.List="list",a.Loader="loader",a.Logo="logo",a.Modal="modal",a.NotificationPanel="notification-panel",a.Panel="panel",a.Portal="portal",a.RadioButton="radio-button",a.Slider="slider",a.Spacer="spacer",a.Textarea="textarea",a.Tile="tile",a.Title="title",a.Validation="validation"}(i||(i={}));export{i as A,o as F,a as I,n as Z,e as a};
-//# sourceMappingURL=constants-be4018c7.js.map
+var a,n,e,o,i;!function(a){a[a.XXSmall=24]="XXSmall",a[a.XSmall=38]="XSmall",a[a.Small=48]="Small",a[a.Medium=64]="Medium",a[a.Large=80]="Large",a[a.XLarge=130]="XLarge"}(a||(a={})),function(a){a[a.Modal=13e5]="Modal",a[a.ExpanderTrigger=1e4]="ExpanderTrigger"}(n||(n={})),function(a){a.onwhite="onwhite",a.ongrey="ongrey",a.onblueberry="onblueberry",a.ondark="ondark",a.oninvalid="oninvalid"}(e||(e={})),function(a){a.normal="normal",a.bigform="bigform"}(o||(o={})),function(a){a.AnchorLink="anchor-link",a.Avatar="avatar",a.Badge="badge",a.Button="button",a.Checkbox="checkbox",a.Close="close",a.Expander="expander",a.ExpanderList="expander-list",a.ExpanderListExpander="expander-list-expander",a.FormGroup="form-group",a.HighlightBox="highlight-box",a.Icon="icon",a.Input="input",a.Link="link",a.LinkList="link-list",a.List="list",a.Loader="loader",a.Logo="logo",a.Modal="modal",a.NotificationPanel="notification-panel",a.Panel="panel",a.PanelList="panel-list",a.Portal="portal",a.RadioButton="radio-button",a.Slider="slider",a.Spacer="spacer",a.Textarea="textarea",a.Tile="tile",a.Title="title",a.Validation="validation"}(i||(i={}));export{i as A,e as F,a as I,n as Z,o as a};
+//# sourceMappingURL=constants-6ea124a5.js.map

package/constants-6ea124a5.js.map

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

package/constants.d.ts

@@ -84,6 +84,7 @@ export declare enum AnalyticsId {
     Modal = "modal",
     NotificationPanel = "notification-panel",
     Panel = "panel",
+    PanelList = "panel-list",
     Portal = "portal",
     RadioButton = "radio-button",
     Slider = "slider",

package/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,OAAO,KAAK;IACZ,MAAM,KAAK;IACX,KAAK,KAAK;IACV,MAAM,KAAK;IACX,KAAK,KAAK;IACV,MAAM,MAAM;CACb;AAED,oBAAY,MAAM;IAChB,KAAK,UAAU;IACf,eAAe,QAAQ;CACxB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;IACnC,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,oBAAY,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnE,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EACX,EAAE,GACF,aAAa,GACb,aAAa,GACb,4BAA4B,GAC5B,QAAQ,GACR,0BAA0B,GAC1B,eAAe,GACf,iCAAiC,GACjC,YAAY,CAAC;CAClB;AAED,oBAAY,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AAEjF,oBAAY,QAAQ;IAClB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,MAAM,WAAW;IACjB,SAAS,cAAc;CACxB;AAED,oBAAY,WAAW;IACrB,MAAM,WAAW;IACjB,OAAO,YAAY;CACpB;AAED,oBAAY,WAAW;IACrB,UAAU,gBAAgB;IAC1B,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,YAAY,kBAAkB;IAC9B,oBAAoB,2BAA2B;IAC/C,SAAS,eAAe;IACxB,YAAY,kBAAkB;IAC9B,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,QAAQ,cAAc;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,iBAAiB,uBAAuB;IACxC,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,WAAW,iBAAiB;IAC5B,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,UAAU,eAAe;CAC1B"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"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"}

package/hoc/withBreakpoint/index.js

@@ -1,2 +1,2 @@
-import r from"react";import{u as e}from"../../useBreakpoint-004c6cb2.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../grid-c105cad1.js";function t(t){return r.forwardRef((function(o,a){var i=e();return r.createElement(t,Object.assign({ref:a},o,{breakpoint:i}))}))}export default t;export{t as withBreakpoint};
+import r from"react";import{u as e}from"../../useBreakpoint-6eb418f7.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"../../grid-c105cad1.js";function t(t){return r.forwardRef((function(o,a){var f=e();return r.createElement(t,Object.assign({ref:a},o,{breakpoint:f}))}))}export default t;export{t as withBreakpoint};
 //# sourceMappingURL=index.js.map

package/hooks/useBreakpoint.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAGA,oBAAY,UAAU;IACpB,GAAqB;IACrB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,kBA6CzB,CAAC"}
+{"version":3,"file":"useBreakpoint.d.ts","sourceRoot":"","sources":["../../src/hooks/useBreakpoint.ts"],"names":[],"mappings":"AAGA,oBAAY,UAAU;IACpB,GAAqB;IACrB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;IACnB,EAAmB;CACpB;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,kBA2DzB,CAAC"}

package/hooks/useSize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useSize.ts"],"names":[],"mappings":";AAEA;;;;;GAKG;AACH,eAAO,MAAM,OAAO,mFAanB,CAAC"}
+{"version":3,"file":"useSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useSize.ts"],"names":[],"mappings":";AAGA;;;;;GAKG;AACH,eAAO,MAAM,OAAO,mFAUnB,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-004c6cb2.js";export{u as useFocusToggle,a as useFocusTrap,b as useIntersectionObserver,c as useIsVisible}from"./useIsVisible-fad4d769.js";export{u as useHover}from"./useHover-026f72c1.js";export{u as useLayoutEvent,a as useWindowSize}from"./useWindowSize-5cc481da.js";export{u as usePrevious}from"./usePrevious-ae293b10.js";export{u as useSticky}from"./useSticky-807e5dde.js";import{_ as e}from"./_rollupPluginBabelHelpers-4f206abf.js";import{useState as s,useEffect as r}from"react";export{A as AnalyticsId,F as FormMode,a as FormVariant,I as IconSize,Z as ZIndex}from"./constants-be4018c7.js";import"./palette-f206f488.js";import"./grid-c105cad1.js";var o=function(o){var t=s(),a=e(t,2),u=a[0],i=a[1];return r((function(){var e=new ResizeObserver((function(e){i(e[0].target.getBoundingClientRect())}));return(null==o?void 0:o.current)&&e.observe(null==o?void 0:o.current),e.disconnect}),[o]),u};export{o as useSize};
+export{t as theme}from"./index-d1c9177a.js";export{B as Breakpoint,u as useBreakpoint}from"./useBreakpoint-6eb418f7.js";export{u as useFocusToggle,a as useFocusTrap,b as useIntersectionObserver,c as useIsVisible}from"./useIsVisible-fad4d769.js";export{u as useHover}from"./useHover-026f72c1.js";import{u as e}from"./useWindowSize-5cc481da.js";export{u as useLayoutEvent,a as useWindowSize}from"./useWindowSize-5cc481da.js";export{u as usePrevious}from"./usePrevious-ae293b10.js";export{u as useSticky}from"./useSticky-807e5dde.js";import{_ as s}from"./_rollupPluginBabelHelpers-4f206abf.js";import{useState as r}from"react";export{A as AnalyticsId,F as FormMode,a as FormVariant,I as IconSize,Z as ZIndex}from"./constants-6ea124a5.js";import"./palette-f206f488.js";import"./grid-c105cad1.js";var o=function(o){var a=r(),t=s(a,2),u=t[0],i=t[1];return e((function(){(null==o?void 0:o.current)&&i(o.current.getBoundingClientRect())})),u};export{o as useSize};
 //# sourceMappingURL=index.js.map

package/package.json

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

package/useBreakpoint-6eb418f7.js

@@ -0,0 +1,2 @@
+import{_ as e}from"./_rollupPluginBabelHelpers-4f206abf.js";import{useState as r,useEffect as a}from"react";import{b as n,s as i}from"./grid-c105cad1.js";var s;!function(e){e[e.xxs=n.xxs]="xxs",e[e.xs=n.xs]="xs",e[e.sm=n.sm]="sm",e[e.md=n.md]="md",e[e.lg=n.lg]="lg",e[e.xl=n.xl]="xl"}(s||(s={}));var t=function(){var n=r(s.xxs),t=e(n,2),m=t[0],d=t[1];return a((function(){var r,a,n=function(e){switch(e.media){case i.xl:return void d(e.matches?s.xl:s.lg);case i.lg:return void d(e.matches?s.lg:s.md);case i.md:return void d(e.matches?s.md:s.sm);case i.sm:return void d(e.matches?s.sm:s.xs);case i.xs:return void d(e.matches?s.xs:s.xxs);default:return void d(s.xxs)}},t=Object.entries(i).reverse().map((function(r){var a=e(r,2),n=a[0],i=a[1];return{breakpoint:s[n],mediaQuery:window.matchMedia(i)}}));t.forEach((function(e){e.mediaQuery.addEventListener?e.mediaQuery.addEventListener("change",n):e.mediaQuery.addListener&&e.mediaQuery.addListener(n)}));var o=null!==(a=null===(r=t.find((function(e){return e.mediaQuery.matches})))||void 0===r?void 0:r.breakpoint)&&void 0!==a?a:m;return d(o),function(){t.forEach((function(e){e.mediaQuery.removeEventListener?e.mediaQuery.removeEventListener("change",n):e.mediaQuery.removeListener&&e.mediaQuery.removeListener(n)}))}}),[]),m};export{s as B,t as u};
+//# sourceMappingURL=useBreakpoint-6eb418f7.js.map

package/useBreakpoint-6eb418f7.js.map

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

package/Badge-81cefbed.js

@@ -1,2 +0,0 @@
-import{d as a}from"./_rollupPluginBabelHelpers-4f206abf.js";import e from"react";import{c as r}from"./index-9b84fabc.js";import t from"./components/Badge/styles.module.scss";import{A as d}from"./constants-be4018c7.js";var s=e.forwardRef((function(s,b){var o,l=s.children,i=s.className,n=void 0===i?"":i,c=s.color,m=void 0===c?"black":c,g=s.testId,f=l.toString().length>2,p=r(t.badge,(a(o={},t["badge--oversized"],f),a(o,t["badge--black"],"black"===m),a(o,t["badge--white"],"white"===m),a(o,t["badge--blueberry"],"blueberry"===m),a(o,t["badge--banana"],"banana"===m),a(o,t["badge--cherry"],"cherry"===m),a(o,t["badge--kiwi"],"kiwi"===m),a(o,t["badge--neutral"],"neutral"===m),a(o,t["badge--plum"],"plum"===m),o),n);return e.createElement("span",{className:p,ref:b,"data-testid":g,"data-analyticsid":d.Badge},l)}));export{s as B};
-//# sourceMappingURL=Badge-81cefbed.js.map

package/Badge-81cefbed.js.map

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

package/Button-218a5289.js.map

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

package/Checkbox-657cb5e7.js.map

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

package/Close-c1ccb332.js

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

package/Close-c1ccb332.js.map

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

package/FormGroup-e67d4a50.js.map

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

package/Input-fe2b4c5a.js.map

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

package/Loader-8a2970bd.js.map

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

package/Modal-95d3d875.js.map

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

package/RadioButton-0233a8fb.js.map

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

package/Textarea-4597fece.js.map

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

package/Title-8fc7396e.js

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

package/Title-8fc7396e.js.map

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

package/Validation-247496a2.js.map

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

package/constants-be4018c7.js.map

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

package/useBreakpoint-004c6cb2.js

@@ -1,2 +0,0 @@
-import{_ as e}from"./_rollupPluginBabelHelpers-4f206abf.js";import{useState as r,useEffect as n}from"react";import{b as s,s as t}from"./grid-c105cad1.js";var a;!function(e){e[e.xxs=s.xxs]="xxs",e[e.xs=s.xs]="xs",e[e.sm=s.sm]="sm",e[e.md=s.md]="md",e[e.lg=s.lg]="lg",e[e.xl=s.xl]="xl"}(a||(a={}));var i=function(){var s=r(a.xxs),i=e(s,2),m=i[0],o=i[1];return n((function(){var r,n,s=function(e){switch(e.media){case t.xl:return void o(e.matches?a.xl:a.lg);case t.lg:return void o(e.matches?a.lg:a.md);case t.md:return void o(e.matches?a.md:a.sm);case t.sm:return void o(e.matches?a.sm:a.xs);case t.xs:return void o(e.matches?a.xs:a.xxs);default:return void o(a.xxs)}},i=Object.entries(t).reverse().map((function(r){var n=e(r,2),s=n[0],t=n[1];return{breakpoint:a[s],mediaQuery:window.matchMedia(t)}}));i.forEach((function(e){return e.mediaQuery.addEventListener("change",s)}));var u=null!==(n=null===(r=i.find((function(e){return e.mediaQuery.matches})))||void 0===r?void 0:r.breakpoint)&&void 0!==n?n:m;return o(u),function(){i.forEach((function(e){return e.mediaQuery.removeEventListener("change",s)}))}}),[]),m};export{a as B,i as u};
-//# sourceMappingURL=useBreakpoint-004c6cb2.js.map

package/useBreakpoint-004c6cb2.js.map

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