@helsenorge/designsystem-react 1.0.1 → 1.2.1

package/components/NotificationPanel/componentdata.json

@@ -1,221 +1,17 @@
 {
   "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": "Sets a label for the notification panel.",
+      "description": "",
       "name": "label",
       "parent": {
         "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
-        "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"
+        "name": "AriaLabelAttributesConfig"
       },
       "declarations": [
         {
           "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
-          "name": "NotificationPanelProps"
+          "name": "AriaLabelAttributesConfig"
         }
       ],
       "required": false,
@@ -223,18 +19,18 @@
         "name": "string"
       }
     },
-    "testId": {
+    "id": {
       "defaultValue": null,
-      "description": "Sets the data-testid attribute.",
-      "name": "testId",
+      "description": "",
+      "name": "id",
       "parent": {
         "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
-        "name": "NotificationPanelProps"
+        "name": "AriaLabelAttributesConfig"
       },
       "declarations": [
         {
           "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
-          "name": "NotificationPanelProps"
+          "name": "AriaLabelAttributesConfig"
         }
       ],
       "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{p as i}from"../../palette-f206f488.js";import{I as r}from"../../Icon-d69d65b3.js";import{A as t}from"../../constants-dbdea596.js";import{I as n}from"../../InfoSignStroke-f10d62aa.js";import{A as l}from"../../AlertSignStroke-32f09751.js";import{A as s}from"../../AlertSignFill-5df5b7c7.js";import c from"./styles.module.scss";import{C as m}from"../../Close-08d48540.js";import"../../_tslib-b219470a.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../X-867957f2.js";import"../Close/styles.module.scss";import"../../useBreakpoint-a74f5af5.js";import"../../grid-c105cad1.js";var f={info:{color:"kiwi",depth:50},warn:{color:"banana",depth:50},alert:{color:"cherry",depth:100},crisis:{color:"black",depth:0}},p={info:a.createElement(r,{svgIcon:n,color:i.kiwi900,hoverColor:i.kiwi900}),warn:a.createElement(r,{svgIcon:l,color:"black",hoverColor:"black"}),alert:a.createElement(r,{svgIcon:s,color:i.cherry500,hoverColor:i.cherry500}),alertLabel:a.createElement(r,{svgIcon:l,color:i.cherry500,hoverColor:i.cherry500}),crisis:a.createElement(r,{svgIcon:s,color:i.banana200,hoverColor:i.banana200})},d=a.forwardRef((function(i,r){var n,l,s=i.children,f=i.variant,d=void 0===f?"info":f,b=i.shadow,h=void 0!==b&&b,u=i.dismissable,v=void 0!==u&&u,_=i.onClick,j=i.label,g=i.fluid,w=void 0!==g&&g,C=i.size,E=i.className,k=i.testId;var y,I=!!j&&!s;return y=a.createElement("div",{ref:r,"data-testid":k,"data-analyticsid":t.NotificationPanel,className:o(c["notification-panel"],C&&c["notification-panel--"+C],c["notification-panel--"+d],(n={},e(n,c["notification-panel--shadow"],!w&&h),e(n,c["notification-panel--has-children"],!I),e(n,c["notification-panel--label-only"],I),e(n,c["notification-panel--dismissable"],!I&&v),n),E)},a.createElement("span",{className:c["notification-panel__icon"]},p["alert"===d&&j&&!s?"alertLabel":d]),!I&&v&&a.createElement("span",{className:c["notification-panel__close"]},a.createElement(m,{ariaLabel:i.ariaLabelCloseBtn,onClick:_})),a.createElement("section",{"aria-label":function(){if(s){var e="";return a.Children.map(s,(function(a){"string"==typeof a&&(e+=a)})),e}return""}(),className:o(c["notification-panel__content"],(l={},e(l,c["notification-panel__content--crisis"],"crisis"===d),e(l,c["notification-panel__content--alert"],"alert"===d),l))},j&&a.createElement("h1",{className:c["notification-panel__label"],dangerouslySetInnerHTML:{__html:j}}),s)),w?a.createElement("div",{className:o(c["fluid-wrapper"],c["fluid-wrapper--"+d],e({},c["fluid-wrapper--shadow"],h))},y):y}));export{d as default,f as variantToColorMap};
+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};
 //# sourceMappingURL=index.js.map

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

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

package/components/Panel/index.js

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

package/components/Panel/styles.module.scss

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

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

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

package/components/PanelList/index.js

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

package/components/Table/TableExpandedRow.js

@@ -1,2 +1,2 @@
-export{T as TableExpandedRow,T as default}from"../../TableExpandedRow-44b09912.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../Button-78f848e6.js";import"../../_tslib-b219470a.js";import"../../constants-dbdea596.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-d69d65b3.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronUp-dfafe27b.js";
+export{T as TableExpandedRow,T as default}from"../../TableExpandedRow-9c134fef.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../Button-0917df8e.js";import"../../_tslib-b219470a.js";import"../../constants-dbdea596.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-d69d65b3.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronUp-dfafe27b.js";
 //# sourceMappingURL=TableExpandedRow.js.map

package/components/Table/TableExpanderCell.js

@@ -1,2 +1,2 @@
-export{T as TableExpanderCell,T as default}from"../../TableExpanderCell-015d3db2.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../Icon-d69d65b3.js";import"../../_tslib-b219470a.js";import"../../constants-dbdea596.js";import"../../useUuid-3b1e73f2.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../uuid-11037462.js";import"../../Button-78f848e6.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronDown-2b3daace.js";import"../../ChevronUp-dfafe27b.js";
+export{T as TableExpanderCell,T as default}from"../../TableExpanderCell-c1819f4b.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../Icon-d69d65b3.js";import"../../_tslib-b219470a.js";import"../../constants-dbdea596.js";import"../../useUuid-3b1e73f2.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"../../uuid-11037462.js";import"../../Button-0917df8e.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronDown-2b3daace.js";import"../../ChevronUp-dfafe27b.js";
 //# sourceMappingURL=TableExpanderCell.js.map

package/components/Table/TableRow.js

@@ -1,2 +1,2 @@
-export{T as TableRow,T as default}from"../../TableRow-692099ee.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../Button-78f848e6.js";import"../../_tslib-b219470a.js";import"../../constants-dbdea596.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-d69d65b3.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronUp-dfafe27b.js";import"../../ChevronDown-2b3daace.js";
+export{T as TableRow,T as default}from"../../TableRow-f413aebe.js";import"../../_rollupPluginBabelHelpers-0f007973.js";import"react";import"../../index-d1c0552c.js";import"./styles.module.scss";import"../../Button-0917df8e.js";import"../../_tslib-b219470a.js";import"../../constants-dbdea596.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Icon-d69d65b3.js";import"../../useUuid-3b1e73f2.js";import"../../uuid-11037462.js";import"../../Loader-06293a27.js";import"../Loader/styles.module.scss";import"../../useHover-18479690.js";import"../../useBreakpoint-a74f5af5.js";import"../Button/styles.module.scss";import"../../ChevronUp-dfafe27b.js";import"../../ChevronDown-2b3daace.js";
 //# sourceMappingURL=TableRow.js.map

package/components/Table/index.js

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

package/hooks/useIsVisible.d.ts

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

package/hooks/useIsVisible.d.ts.map

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

package/index.js

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

package/package.json

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

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

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

package/useIsVisible-2ffbdea2.js.map

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

package/Button-78f848e6.js

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

package/Button-78f848e6.js.map

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

package/HorizontalScroll-d65b118a.js

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

package/HorizontalScroll-d65b118a.js.map

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

package/Modal-eebb821b.js.map

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

package/Panel-1ce6fe37.js.map

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

package/TableExpandedRow-44b09912.js.map

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

package/TableExpanderCell-015d3db2.js.map

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

package/TableRow-692099ee.js.map

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

package/useIsVisible-27ff4012.js.map

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