@helsenorge/designsystem-react 1.3.2 → 1.4.0

package/Panel-79591ae3.js

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

package/Panel-79591ae3.js.map

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

package/accessibility-71f045ab.js

@@ -0,0 +1,2 @@
+var a=function(a){var l=a.label,r=a.id;return r?{"aria-labelledby":r}:l?{"aria-label":l}:void 0};export{a as g};
+//# sourceMappingURL=accessibility-71f045ab.js.map

package/accessibility-71f045ab.js.map

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

package/components/NotificationPanel/NotificationPanel.d.ts

@@ -1,12 +1,6 @@
-import React, { AriaAttributes } from 'react';
+import React from 'react';
 export declare type NotificationPanelVariants = 'info' | 'warn' | 'alert' | 'crisis';
 export declare type NotificationPanelSizes = 'small' | 'medium' | 'large';
-interface AriaLabelAttributesConfig {
-    label?: string;
-    id?: string;
-}
-declare type AriaLabelAttributes = Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'>;
-export declare const getAriaLabelAttributes: (config: AriaLabelAttributesConfig) => AriaLabelAttributes | undefined;
 interface NotificationPanelProps {
     /** Adds custom classes to the element. */
     className?: string;

package/components/NotificationPanel/NotificationPanel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationPanel/NotificationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAa9C,oBAAY,yBAAyB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC7E,oBAAY,sBAAsB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAUlE,UAAU,yBAAyB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,aAAK,mBAAmB,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,iBAAiB,CAAC,CAAC;AAElF,eAAO,MAAM,sBAAsB,WAAY,yBAAyB,KAAG,mBAAmB,GAAG,SAahG,CAAC;AAEF,UAAU,sBAAsB;IAC9B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,sFAAsF;IACtF,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,8FAA8F;IAC9F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAiBD,QAAA,MAAM,iBAAiB,+FAqDrB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"NotificationPanel.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationPanel/NotificationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,oBAAY,yBAAyB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC7E,oBAAY,sBAAsB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAUlE,UAAU,sBAAsB;IAC9B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,mEAAmE;IACnE,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,0DAA0D;IAC1D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,IAAI,CAAC,EAAE,sBAAsB,CAAC;IAC9B,sFAAsF;IACtF,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAClE,8FAA8F;IAC9F,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,6EAA6E;IAC7E,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAiBD,QAAA,MAAM,iBAAiB,+FAqDrB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/components/NotificationPanel/componentdata.json

@@ -1,17 +1,221 @@
 {
   "props": {
+    "className": {
+      "defaultValue": null,
+      "description": "Adds custom classes to the element.",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+        "name": "NotificationPanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+          "name": "NotificationPanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "children": {
+      "defaultValue": null,
+      "description": "Adds inner child elements.",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+        "name": "NotificationPanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+          "name": "NotificationPanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "variant": {
+      "defaultValue": null,
+      "description": "Changes the visual representation of the notification panel.",
+      "name": "variant",
+      "parent": {
+        "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+        "name": "NotificationPanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+          "name": "NotificationPanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "NotificationPanelVariants | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"info\""
+          },
+          {
+            "value": "\"warn\""
+          },
+          {
+            "value": "\"alert\""
+          },
+          {
+            "value": "\"crisis\""
+          }
+        ]
+      }
+    },
+    "shadow": {
+      "defaultValue": null,
+      "description": "Adds a shadow effect around the notification panel.",
+      "name": "shadow",
+      "parent": {
+        "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+        "name": "NotificationPanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+          "name": "NotificationPanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "size": {
+      "defaultValue": null,
+      "description": "Sets a fixed size for the content container.",
+      "name": "size",
+      "parent": {
+        "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+        "name": "NotificationPanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+          "name": "NotificationPanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "NotificationPanelSizes | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"small\""
+          },
+          {
+            "value": "\"medium\""
+          },
+          {
+            "value": "\"large\""
+          }
+        ]
+      }
+    },
+    "onClick": {
+      "defaultValue": null,
+      "description": "Used in combination with dismissiable property to close the notification panel.",
+      "name": "onClick",
+      "parent": {
+        "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+        "name": "NotificationPanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+          "name": "NotificationPanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "((e?: MouseEvent<HTMLElement, MouseEvent>) => void) | undefined"
+      }
+    },
+    "dismissable": {
+      "defaultValue": null,
+      "description": "Toggles the close button in the top right corner. Will only show if there are children.",
+      "name": "dismissable",
+      "parent": {
+        "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+        "name": "NotificationPanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+          "name": "NotificationPanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "fluid": {
+      "defaultValue": null,
+      "description": "Enables a fluid outer container that spans the entire width of parent.",
+      "name": "fluid",
+      "parent": {
+        "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+        "name": "NotificationPanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+          "name": "NotificationPanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
     "label": {
       "defaultValue": null,
-      "description": "",
+      "description": "Sets a label for the notification panel.",
       "name": "label",
       "parent": {
         "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
-        "name": "AriaLabelAttributesConfig"
+        "name": "NotificationPanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+          "name": "NotificationPanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "ariaLabelCloseBtn": {
+      "defaultValue": null,
+      "description": "Close button aria-label",
+      "name": "ariaLabelCloseBtn",
+      "parent": {
+        "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+        "name": "NotificationPanelProps"
       },
       "declarations": [
         {
           "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
-          "name": "AriaLabelAttributesConfig"
+          "name": "NotificationPanelProps"
         }
       ],
       "required": false,
@@ -19,18 +223,18 @@
         "name": "string"
       }
     },
-    "id": {
+    "testId": {
       "defaultValue": null,
-      "description": "",
-      "name": "id",
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
       "parent": {
         "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
-        "name": "AriaLabelAttributesConfig"
+        "name": "NotificationPanelProps"
       },
       "declarations": [
         {
           "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
-          "name": "AriaLabelAttributesConfig"
+          "name": "NotificationPanelProps"
         }
       ],
       "required": false,

package/components/NotificationPanel/index.js

@@ -1,2 +1,2 @@
-import{d as e}from"../../_rollupPluginBabelHelpers-0f007973.js";import a from"react";import{c as o}from"../../index-d1c0552c.js";import i from"./styles.module.scss";import{C as t}from"../../Close-08d48540.js";import{A as r}from"../../constants-dbdea596.js";import{u as n}from"../../useUuid-3b1e73f2.js";import{p as l}from"../../palette-f206f488.js";import{I as s}from"../../Icon-d69d65b3.js";import{I as c}from"../../InfoSignStroke-f10d62aa.js";import{A as m}from"../../AlertSignStroke-32f09751.js";import{A as d}from"../../AlertSignFill-5df5b7c7.js";import"../../X-867957f2.js";import"../Close/styles.module.scss";import"../../useBreakpoint-a74f5af5.js";import"../../grid-c105cad1.js";import"../../uuid-11037462.js";import"../../_tslib-b219470a.js";var f={info:a.createElement(s,{svgIcon:c,color:l.kiwi900,hoverColor:l.kiwi900}),warn:a.createElement(s,{svgIcon:m,color:"black",hoverColor:"black"}),alert:a.createElement(s,{svgIcon:d,color:l.cherry500,hoverColor:l.cherry500}),alertLabel:a.createElement(s,{svgIcon:m,color:l.cherry500,hoverColor:l.cherry500}),crisis:a.createElement(s,{svgIcon:d,color:l.banana200,hoverColor:l.banana200})},p=function(e){var a=e.label,o=e.id;return o?{"aria-labelledby":o}:a?{"aria-label":a}:void 0},b=function(t){var r=t.fluid,n=t.variant,l=t.shadow,s=t.children;if(r){var c=o(i["fluid-wrapper"],i["fluid-wrapper--".concat(n)],e({},i["fluid-wrapper--shadow"],l));return a.createElement("div",{className:c},s)}return s},u=a.forwardRef((function(l,s){var c,m,d=l.children,u=l.variant,v=void 0===u?"info":u,h=l.shadow,j=void 0!==h&&h,_=l.dismissable,E=void 0!==_&&_,g=l.onClick,w=l.label,C=l.fluid,I=void 0!==C&&C,y=l.size,k=l.className,N=l.testId,S=n(),A=!!w&&!d,L=o(i["notification-panel"],y&&i["notification-panel--".concat(y)],i["notification-panel--".concat(v)],(e(c={},i["notification-panel--shadow"],!I&&j),e(c,i["notification-panel--has-children"],!!d),e(c,i["notification-panel--label-only"],A),e(c,i["notification-panel--dismissable"],!A&&E),c),k),B=p({label:w,id:S});return a.createElement(b,null,a.createElement("section",Object.assign({ref:s,"data-testid":N,"data-analyticsid":r.NotificationPanel,className:L},B),a.createElement("span",{className:i["notification-panel__icon"]},f["alert"===v&&w&&!d?"alertLabel":v]),!A&&E&&a.createElement("span",{className:i["notification-panel__close"]},a.createElement(t,{ariaLabel:l.ariaLabelCloseBtn,onClick:g})),(m=o(i["notification-panel__content"],i["notification-panel__content--".concat(v)]),a.createElement("div",{className:m,id:w?void 0:S},w&&a.createElement("h1",{className:i["notification-panel__label"],dangerouslySetInnerHTML:{__html:w},id:S}),d))))}));export{u as default,p as getAriaLabelAttributes};
+import{d as e}from"../../_rollupPluginBabelHelpers-0f007973.js";import a from"react";import{c as o}from"../../index-d1c0552c.js";import i from"./styles.module.scss";import{C as t}from"../../Close-08d48540.js";import{A as r}from"../../constants-dbdea596.js";import{u as n}from"../../useUuid-3b1e73f2.js";import{p as l}from"../../palette-f206f488.js";import{g as s}from"../../accessibility-71f045ab.js";import{I as c}from"../../Icon-d69d65b3.js";import{I as m}from"../../InfoSignStroke-f10d62aa.js";import{A as f}from"../../AlertSignStroke-32f09751.js";import{A as d}from"../../AlertSignFill-5df5b7c7.js";import"../../X-867957f2.js";import"../Close/styles.module.scss";import"../../useBreakpoint-a74f5af5.js";import"../../grid-c105cad1.js";import"../../uuid-11037462.js";import"../../_tslib-b219470a.js";var p={info:a.createElement(c,{svgIcon:m,color:l.kiwi900,hoverColor:l.kiwi900}),warn:a.createElement(c,{svgIcon:f,color:"black",hoverColor:"black"}),alert:a.createElement(c,{svgIcon:d,color:l.cherry500,hoverColor:l.cherry500}),alertLabel:a.createElement(c,{svgIcon:f,color:l.cherry500,hoverColor:l.cherry500}),crisis:a.createElement(c,{svgIcon:d,color:l.banana200,hoverColor:l.banana200})},b=function(t){var r=t.fluid,n=t.variant,l=t.shadow,s=t.children;if(r){var c=o(i["fluid-wrapper"],i["fluid-wrapper--".concat(n)],e({},i["fluid-wrapper--shadow"],l));return a.createElement("div",{className:c},s)}return s},u=a.forwardRef((function(l,c){var m,f,d=l.children,u=l.variant,v=void 0===u?"info":u,h=l.shadow,j=void 0!==h&&h,_=l.dismissable,g=void 0!==_&&_,E=l.onClick,w=l.label,C=l.fluid,I=void 0!==C&&C,y=l.size,k=l.className,N=l.testId,S=n(),A=!!w&&!d,L=o(i["notification-panel"],y&&i["notification-panel--".concat(y)],i["notification-panel--".concat(v)],(e(m={},i["notification-panel--shadow"],!I&&j),e(m,i["notification-panel--has-children"],!!d),e(m,i["notification-panel--label-only"],A),e(m,i["notification-panel--dismissable"],!A&&g),m),k),B=s({label:w,id:S});return a.createElement(b,null,a.createElement("section",Object.assign({ref:c,"data-testid":N,"data-analyticsid":r.NotificationPanel,className:L},B),a.createElement("span",{className:i["notification-panel__icon"]},p["alert"===v&&w&&!d?"alertLabel":v]),!A&&g&&a.createElement("span",{className:i["notification-panel__close"]},a.createElement(t,{ariaLabel:l.ariaLabelCloseBtn,onClick:E})),(f=o(i["notification-panel__content"],i["notification-panel__content--".concat(v)]),a.createElement("div",{className:f,id:w?void 0:S},w&&a.createElement("h1",{className:i["notification-panel__label"],dangerouslySetInnerHTML:{__html:w},id:S}),d))))}));export{u as default};
 //# sourceMappingURL=index.js.map

package/components/Panel/Panel.d.ts

@@ -57,11 +57,16 @@ export interface PanelProps {
     buttonHtmlMarkup?: ButtonTags;
     /** Callback when panel button is clicked  */
     buttonOnClick?: ButtonProps['onClick'];
-    /** Show close button in bottom of Panel Expand, default: true */
+    /** Panel button is aria-labelledby the text in the button itself + the element set in buttonAriaLabelledById. Default: auto-generated id for title (if title is set). */
+    buttonAriaLabelledById?: string;
+    /** Panel button aria label */
+    buttonAriaLabel?: string;
+    /** Show close button in bottom of Panel Expand */
+    /** @deprecated Has no effect anymore due to accessbility reasons. No close button is shown in expanded content. Will be removed in 2.0.0 */
     showCloseButtonInExpand?: boolean;
     /** Layout (see description) */
     layout?: keyof typeof PanelLayout;
-    /** Use the panel's container as a button */
+    /** Clicking anywhere on the container will trigger a click on the panel's button */
     containerAsButton?: boolean;
     /** Displays time with icon */
     time?: string;

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;IACzC,sGAAsG;IACtG,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AA2ED,QAAA,MAAM,KAAK,uFAmNT,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Panel.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/Panel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAc,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAe,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAe,MAAM,iBAAiB,CAAC;AAiB5D,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,yKAAyK;IACzK,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,8BAA8B;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,4IAA4I;IAC5I,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IAClC,oFAAoF;IACpF,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;IACzC,sGAAsG;IACtG,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC;AAiDD,QAAA,MAAM,KAAK,uFAkMT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/components/Panel/componentdata.json

@@ -413,9 +413,47 @@
         "name": "((e?: MouseEvent<HTMLElement, MouseEvent> | FormEvent<{}> | KeyboardEvent<HTMLUListElement> | null) => void) | undefined"
       }
     },
+    "buttonAriaLabelledById": {
+      "defaultValue": null,
+      "description": "Panel button is aria-labelledby the text in the button itself + the element set in buttonAriaLabelledById. Default: auto-generated id for title (if title is set).",
+      "name": "buttonAriaLabelledById",
+      "parent": {
+        "fileName": "src/components/Panel/Panel.tsx",
+        "name": "PanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Panel/Panel.tsx",
+          "name": "PanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "buttonAriaLabel": {
+      "defaultValue": null,
+      "description": "Panel button aria label",
+      "name": "buttonAriaLabel",
+      "parent": {
+        "fileName": "src/components/Panel/Panel.tsx",
+        "name": "PanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Panel/Panel.tsx",
+          "name": "PanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
     "showCloseButtonInExpand": {
       "defaultValue": null,
-      "description": "Show close button in bottom of Panel Expand, default: true",
+      "description": "@deprecated Has no effect anymore due to accessbility reasons. No close button is shown in expanded content. Will be removed in 2.0.0",
       "name": "showCloseButtonInExpand",
       "parent": {
         "fileName": "src/components/Panel/Panel.tsx",
@@ -474,7 +512,7 @@
     },
     "containerAsButton": {
       "defaultValue": null,
-      "description": "Use the panel's container as a button",
+      "description": "Clicking anywhere on the container will trigger a click on the panel's button",
       "name": "containerAsButton",
       "parent": {
         "fileName": "src/components/Panel/Panel.tsx",

package/components/Panel/index.js

@@ -1,2 +1,2 @@
-export{c as PanelLayout,a as PanelStatus,b as PanelVariant,P as default}from"../../Panel-bca5223d.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-b55b2d27.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-896f633b.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-79591ae3.js";import"../../_rollupPluginBabelHelpers-0f007973.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-b55b2d27.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-896f633b.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"../../accessibility-71f045ab.js";import"../../Badge-eebcb720.js";import"../Badge/styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/Panel/styles.module.scss

@@ -148,6 +148,18 @@
     }
   }
 
+  &__expand {
+    position: unset;
+    &:after {
+      bottom: 0;
+      content: '';
+      left: 0;
+      position: absolute;
+      right: 0;
+      top: 0;
+    }
+  }
+
   // Panel variants
 
   &--fill {

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

@@ -17,6 +17,7 @@ export type Styles = {
   'panel__content-right--layout3b': string;
   'panel__content-right--layout3c': string;
   'panel__details-btn': string;
+  panel__expand: string;
   panel__icon: string;
   'panel__icon--right': string;
   'panel--button': 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-bca5223d.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-b55b2d27.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-896f633b.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 i}from"../../Panel-79591ae3.js";import{c as o}from"../../index-d1c0552c.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../Panel/styles.module.scss";import"../../Title-01820508.js";import"../Title/styles.module.scss";import"../../Button-b55b2d27.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-896f633b.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"../../accessibility-71f045ab.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===i?(l=t,m=0===a,s.cloneElement(l,{variant:n,noTopBorder:n===r.line&&!m,className:o(l.props.className,n!==r.line&&e["panel-list__panel"])})):t;var l,m,p})))}));export{a as default};
 //# sourceMappingURL=index.js.map

package/package.json

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

package/utils/accessibility.d.ts

@@ -0,0 +1,9 @@
+import { AriaAttributes } from 'react';
+interface AriaLabelAttributesConfig {
+    label?: string;
+    id?: string;
+}
+export declare type AriaLabelAttributes = Pick<AriaAttributes, 'aria-label' | 'aria-labelledby'>;
+export declare const getAriaLabelAttributes: (config: AriaLabelAttributesConfig) => AriaLabelAttributes | undefined;
+export {};
+//# sourceMappingURL=accessibility.d.ts.map

package/utils/accessibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"accessibility.d.ts","sourceRoot":"","sources":["../../src/utils/accessibility.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,UAAU,yBAAyB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,oBAAY,mBAAmB,GAAG,IAAI,CAAC,cAAc,EAAE,YAAY,GAAG,iBAAiB,CAAC,CAAC;AAEzF,eAAO,MAAM,sBAAsB,WAAY,yBAAyB,KAAG,mBAAmB,GAAG,SAahG,CAAC"}

package/Panel-bca5223d.js

@@ -1,2 +0,0 @@
-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-b55b2d27.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=a.children,E=a.contentA,_=a.contentB,h=a.className,S=a.testId,P=a.title,H=a.titleHtmlMarkup,O=void 0===H?"h2":H,R=a.url,z=a.target,D=void 0===z?"_self":z,W=a.icon,X=a.iconRight,U=void 0!==X&&X,F=a.variant,K=void 0===F?I.fill:F,q=a.status,G=void 0===q?N.normal:q,J=a.statusMessage,L=a.buttonText,Q=void 0===L?"Se detaljer":L,V=a.buttonTextClose,Y=void 0===V?"Skjul detaljer":V,Z=a.showCloseButtonInExpand,$=void 0===Z||Z,ee=a.layout,te=void 0===ee?B.layout2:ee,ae=a.containerAsButton,ne=void 0!==ae&&ae,le=a.date,oe=a.time,re=a.noTopBorder,ie=a.buttonOnClick,se=a.buttonHtmlMarkup,ce=a.expanded,de=void 0!==ce&&ce,ue=a.onExpand,me=a.renderChildrenWhenClosed,pe=void 0!==me&&me,fe=l(de),ve=e(fe,2),be=ve[0],ye=ve[1],ge=x(be),Ee=o(null),_e=w(),he=j();r((function(){de!==be&&ye(de)}),[de]),r((function(){ue&&be!==!!ge&&ue(be)}),[be,ue]);var je=[B.layout3a.toString(),B.layout3b.toString(),B.layout3c.toString()].includes(te),ke=i(s["panel-wrapper"],h),we=i(s.panel,(t(m={},s["panel--fill"],K===I.fill),t(m,s["panel--stroke"],K===I.stroke),t(m,s["panel--white"],K===I.white),t(m,s["panel--line"],K===I.line),t(m,s["panel--no-top-border"],K===I.line&&re),t(m,s["panel--selected"],be),t(m,s["panel--new"],G===N.new),t(m,s["panel--draft"],G===N.draft),t(m,s["panel--error"],G===N.error),t(m,s["panel--status"],G&&G!==N.normal),t(m,s["panel--with-icon"],W),t(m,s["panel--button"],ne),t(m,s["panel--clickable"],g||R||ue||ie||ne),m)),xe=i((t(p={},s.panel__container,te===B.layout2&&_),t(p,s["panel__container--layout3"],je&&_),t(p,s["panel__container--grow"],W),p)),Ce=i((t(f={},s["panel-content-a"],te===B.layout2),t(f,s["panel-content-a--layout3a"],te===B.layout3a),t(f,s["panel-content-a--layout3b"],te===B.layout3b),t(f,s["panel-content-a--layout3c"],te===B.layout3c),f)),Ne=i((t(v={},s["panel__content-right--layout1"],_&&te===B.layout1),t(v,s["panel__content-right--layout2"],_&&te===B.layout2),t(v,s["panel__content-right--layout3"],_&&je),t(v,s["panel__content-right--layout3a"],_&&te===B.layout3a),t(v,s["panel__content-right--layout3b"],_&&te===B.layout3b),t(v,s["panel__content-right--layout3c"],_&&te===B.layout3c),v)),Ie=i(s["panel-content-b"],(t(b={},s["panel-content-b--layout1"],te===B.layout1),t(b,s["panel-content-b--layout3"],je),b)),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:ie||function(){return ye(!be)},isExpanded:be,buttonText:Q,url:R,target:D,buttonTextClose:Y,ref:t?Ee:void 0,buttonHtmlMarkup:se},a))},Ae=i(s["panel__btn-container"],(t(y={},s["panel__btn-container--layout3"],je),t(y,s["panel__btn-container--padding-top"],_),y));return n.createElement("div",{ref:d,"data-testid":S,className:ke,"data-analyticsid":u.Panel},n.createElement("div",{className:we,tabIndex:ne?0:void 0,onClick:function(){var e;ne&&(null===(e=Ee.current)||void 0===e||e.click())},onKeyDown:function(e){var t,a=e.key;!ne||"Enter"!==a&&" "!==a||(e.preventDefault(),null===(t=Ee.current)||void 0===t||t.click())},"aria-labelledby":ne?_e:void 0,role:ne?"button":void 0},W&&!U&&n.createElement("div",{className:s.panel__icon},W),n.createElement("div",{className:xe},n.createElement("div",{className:Ce},n.createElement(T,{status:G,statusMessage:J}),P&&n.createElement("div",{className:s["panel-content-a__title-container"]},n.createElement(c,{appearance:"title3",htmlMarkup:O},P),J&&G===N.new&&n.createElement(C,{color:"blueberry",testId:"badge-status",className:s.panel__badge},J)),E,he>=k.lg&&n.createElement(A,{date:le,time:oe})),n.createElement("div",{className:Ne},_&&n.createElement("div",{className:Ie},_),(g||R||le||oe||ie)&&n.createElement("div",{className:Ae},he<k.lg&&n.createElement(A,{date:le,time:oe}),(g||R||ie)&&n.createElement("div",{className:Be},Te(!ne,_e))))),W&&U&&n.createElement("div",{className:s["panel__icon--right"]},W)),function(){var e;if(!g)return null;if(!pe&&!be)return null;var a=i(s["panel-details"],(t(e={},s["panel-details--open"],be),t(e,s["panel-details--line"],K===I.line),t(e,s["panel-details--white"],K===I.white),t(e,s["panel-details--with-icon"],W),e));return n.createElement("div",{className:a,"data-testid":"panel-details"},n.createElement("div",null,g),$&&n.createElement("div",{className:Be},Te()))}())}));export{S as P,N as a,I as b,B as c};
-//# sourceMappingURL=Panel-bca5223d.js.map

package/Panel-bca5223d.js.map

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