@helsenorge/designsystem-react 1.0.0-beta90 → 1.0.0-beta95

package/components/Loader/styles.module.scss

@@ -41,7 +41,18 @@
     text-align: center;
   }
 
-  &--overlay {
+  &--inline {
+    align-self: center;
+    padding-left: .5rem;
+  }
+
+  &--overlay{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  }
+
+  &--overlay-screen {
     z-index: 9999;
     background: $transparentGrey;
     position: fixed;
@@ -49,9 +60,13 @@
     left: 0;
     right: 0;
     bottom: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  }
+  &--overlay-parent {
+    position: absolute;
+    top: 0;
+    background: $transparentGrey;
+    height: 100%;
+    width: 100%;
   }
 }
 

package/components/Logo/index.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Logo/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,eAAe,IAAI,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Logo/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,cAAc,QAAQ,CAAC;AACvB,eAAe,IAAI,CAAC"}

package/components/Modal/Modal.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { ZIndex } from '../../constants';
 export declare enum ModalVariants {
     normal = "normal",
     warning = "warning",
@@ -43,10 +44,14 @@ export interface ModalProps {
     afterTitleChildren?: React.ReactNode;
     /** Adds custom classes to the element. */
     className?: string;
+    /** Customize the z-index of the modal */
+    zIndex?: number;
     /** Function is called when user clicks primary button */
     onSuccess?: () => void;
     /** Function is called when user clicks secondary button */
     onClose?: () => void;
+    /** When enabled the component will be rendered in the bottom of document.body */
+    printable?: boolean;
 }
 declare const Modal: {
     (props: ModalProps): JSX.Element;
@@ -56,6 +61,7 @@ declare const Modal: {
         large: boolean;
         className: string;
         size: ModalSize;
+        zIndex: ZIndex;
     };
 };
 export default Modal;

package/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAkBzC,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+GAA+G;IAC/G,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC9B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAsCD,QAAA,MAAM,KAAK;;;;;;;;;CA4IV,CAAC;AAIF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAiBzC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+GAA+G;IAC/G,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC9B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAuCD,QAAA,MAAM,KAAK;;;;;;;;;;CAwJV,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/components/Modal/componentdata.json

@@ -345,6 +345,27 @@
         "name": "string"
       }
     },
+    "zIndex": {
+      "defaultValue": {
+        "value": "ZIndex.Modal"
+      },
+      "description": "Customize the z-index of the modal",
+      "name": "zIndex",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "number"
+      }
+    },
     "onSuccess": {
       "defaultValue": null,
       "description": "Function is called when user clicks primary button",
@@ -382,6 +403,25 @@
       "type": {
         "name": "(() => void)"
       }
+    },
+    "printable": {
+      "defaultValue": null,
+      "description": "When enabled the component will be rendered in the bottom of document.body",
+      "name": "printable",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
     }
   }
 }

package/components/Modal/index.d.ts

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

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

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

package/components/Modal/index.js

@@ -1,2 +1,2 @@
-import{M as s}from"../../Modal-145869ba.js";export{M as default}from"../../Modal-145869ba.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-48132cc3.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../constants-d919236e.js";import"../../Loader-6ff0d481.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";import"./styles.module.scss";import"../../AlertSignFill-e607ff43.js";import"../../Title-72851d51.js";import"../Title/styles.module.scss";import"../../Close-591125bb.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";
+import{M as s}from"../../Modal-b7d10081.js";export{b as ModalSize,a as ModalVariants,M as default}from"../../Modal-b7d10081.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-8af0be6e.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../Icon-04613a89.js";import"../../constants-42547490.js";import"../../Loader-b3fd59f4.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";import"./styles.module.scss";import"../../AlertSignFill-e607ff43.js";import"../../Title-90910763.js";import"../Title/styles.module.scss";import"../../Close-9f68bcd0.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";import"react-dom";
 //# sourceMappingURL=index.js.map

package/components/Modal/styles.module.scss

@@ -4,7 +4,6 @@
 @import '../../scss/_font-settings.scss';
 
 .modal-overlay {
-  z-index: 1300000;
   background: rgba(51, 51, 51, 0.75);
   display: block;
   position: fixed;
@@ -14,7 +13,7 @@
   bottom: 0;
 
   @media print {
-    display: none;
+    position: absolute;
   }
 }
 
@@ -23,6 +22,13 @@
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
+
+  @media print {
+    position: initial;
+    left: 0;
+    top: 0;
+    transform: none;
+  }
 }
 
 .modal {
@@ -123,6 +129,10 @@
   }
 
   &__closeWrapper {
+    @media print {
+      display: none;
+    }
+
     position: relative;
     width: 100%;
 
@@ -137,6 +147,11 @@
     max-height: calc(100vh - 10rem);
     overflow: auto;
 
+    @media print {
+      overflow: hidden;
+      max-height: none;
+    }
+
     &--image {
       max-height: 100vh;
     }
@@ -219,4 +234,8 @@
       transform: scale(1);
     }
   }
+
+  @media print {
+    width: 100%;
+  }
 }

package/components/NotificationPanel/index.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,cAAc,qBAAqB,CAAC;AACpC,eAAe,iBAAiB,CAAC"}

package/components/NotificationPanel/index.js

@@ -1,2 +1,2 @@
-import{a}from"../../_rollupPluginBabelHelpers-d0752906.js";import e from"react";import{c as t}from"../../index-9b84fabc.js";import{p as n}from"../../palette-f206f488.js";import{I as o}from"../../constants-d919236e.js";import{a as i,A as l}from"../../AlertSignFill-e607ff43.js";import r from"./styles.module.scss";import{C as c}from"../../Close-591125bb.js";import"../../_tslib-51c8a283.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var s={info:e.createElement(o,{svgIcon:function(a){var t=a.isExtraSmall,n=a.isHovered,o=e.createElement("path",{d:"M25.672 30.501a.682.682 0 01-.322-.272.835.835 0 01-.11-.443v-7.917l-.112-.112-3.651.194v.544c.148.015.314.05.495.104.18.055.316.112.406.172a.994.994 0 01.299.316.88.88 0 01.119.459v6.337a.879.879 0 01-.098.443.623.623 0 01-.335.257c-.09.035-.197.06-.32.074a8.883 8.883 0 01-.38.038v.544h4.709v-.544a2.45 2.45 0 01-.7-.194M24 37.604c-7.5 0-13.604-6.103-13.604-13.604 0-7.501 6.104-13.603 13.604-13.603 7.502 0 13.602 6.102 13.602 13.603 0 7.501-6.1 13.604-13.601 13.604m0-28.909C15.56 8.695 8.694 15.562 8.694 24c0 8.438 6.867 15.305 15.305 15.305 8.438 0 15.304-6.867 15.304-15.305 0-8.438-6.866-15.305-15.304-15.305m-.274 10.632a1.559 1.559 0 100-3.118 1.559 1.559 0 000 3.118"}),i=e.createElement("path",{d:"M25.672 30.501a.682.682 0 01-.322-.272.835.835 0 01-.11-.443v-7.917l-.112-.112-3.651.194v.544c.148.015.314.05.495.104.18.055.316.112.406.172a.994.994 0 01.299.316.88.88 0 01.119.459v6.337a.879.879 0 01-.098.443.623.623 0 01-.335.257c-.09.035-.197.06-.32.074a8.883 8.883 0 01-.38.038v.544h4.709v-.544a2.45 2.45 0 01-.7-.194M24 37.604c-7.5 0-13.604-6.103-13.604-13.604 0-7.501 6.104-13.603 13.604-13.603 7.502 0 13.602 6.102 13.602 13.603 0 7.501-6.1 13.604-13.601 13.604m0-28.909C15.56 8.695 8.694 15.562 8.694 24c0 8.438 6.867 15.305 15.305 15.305 8.438 0 15.304-6.867 15.304-15.305 0-8.438-6.866-15.305-15.304-15.305m-.274 8.632a1.559 1.559 0 100-3.118 1.559 1.559 0 000 3.118"}),l=e.createElement("path",{d:"M25.668 30.487a.68.68 0 01-.32-.271.833.833 0 01-.111-.442v-7.9l-.112-.112-3.643.193v.543c.148.015.313.05.495.104.18.055.315.112.405.172a.991.991 0 01.297.315.877.877 0 01.119.458v6.324c0 .182-.032.33-.097.442a.622.622 0 01-.334.256c-.09.035-.197.06-.32.074-.124.015-.25.028-.38.038v.543h4.7v-.543a2.445 2.445 0 01-.699-.194M24 37.575c-7.485 0-13.575-6.09-13.575-13.575 0-7.485 6.09-13.574 13.575-13.574 7.486 0 13.574 6.089 13.574 13.574 0 7.485-6.088 13.575-13.574 13.575m0-28.848C15.58 8.727 8.728 15.58 8.728 24S15.579 39.273 24 39.273c8.42 0 15.272-6.853 15.272-15.273S32.421 8.727 24 8.727m-.274 10.61a1.556 1.556 0 100-3.112 1.556 1.556 0 000 3.112"});return t?n?e.createElement("path",{d:"M25.668 30.487a.68.68 0 01-.32-.271.833.833 0 01-.111-.442v-7.9l-.112-.112-3.643.193v.543c.148.015.313.05.495.104.18.055.315.112.405.172a.991.991 0 01.297.315.877.877 0 01.119.458v6.324c0 .182-.032.33-.097.442a.622.622 0 01-.334.256c-.09.035-.197.06-.32.074-.124.015-.25.028-.38.038v.543h4.7v-.543a2.445 2.445 0 01-.699-.194M24 37.575c-7.485 0-13.575-6.09-13.575-13.575 0-7.485 6.09-13.574 13.575-13.574 7.486 0 13.574 6.089 13.574 13.574 0 7.485-6.088 13.575-13.574 13.575m0-28.848C15.58 8.727 8.728 15.58 8.728 24S15.579 39.273 24 39.273c8.42 0 15.272-6.853 15.272-15.273S32.421 8.727 24 8.727m-.274 8.084a1.556 1.556 0 100-3.112 1.556 1.556 0 000 3.112"}):l:n?i:o},color:n.kiwi900,hoverColor:n.kiwi900}),warn:e.createElement(o,{svgIcon:i,color:"black",hoverColor:"black"}),alert:e.createElement(o,{svgIcon:l,color:n.cherry500,hoverColor:n.cherry500}),alertLabel:e.createElement(o,{svgIcon:i,color:n.cherry500,hoverColor:n.cherry500}),crisis:e.createElement(o,{svgIcon:l,color:n.banana200,hoverColor:n.banana200})},m=e.forwardRef((function(n,o){var i,l,m=n.children,p=n.variant,f=void 0===p?"info":p,v=n.shadow,d=void 0!==v&&v,h=n.dismissable,b=void 0!==h&&h,_=n.onClick,u=n.label,E=n.fluid,C=void 0!==E&&E,w=n.size,g=n.className,j=n.testId;var M;return M=e.createElement("div",{ref:o,"data-testid":j,className:t(r["notification-panel"],r["notification-panel--"+w],r["notification-panel--"+f],(i={},a(i,r["notification-panel--shadow"],!C&&d),a(i,r["notification-panel--haslabel"],!!u&&!m),a(i,r["notification-panel--dismissable"],b),i),g||"")},e.createElement("span",{className:r["notification-panel__icon"]},s["alert"===f&&u&&!m?"alertLabel":f]),e.createElement("section",{"aria-label":function(){if(m){var a="";return e.Children.map(m,(function(e){"string"==typeof e&&(a+=e)})),a}return""}(),className:t(r["notification-panel__content"],(l={},a(l,r["notification-panel__content--crisis"],"crisis"===f),a(l,r["notification-panel__content--haslabel"],!!u&&!m),a(l,r["notification-panel__content--isred"],"alert"===f&&!!u&&!m),l))},u?e.createElement("h1",{className:r["notification-panel__label"],dangerouslySetInnerHTML:{__html:u}}):null,m),b?e.createElement("span",{className:r["notification-panel__action-column"]},e.createElement(c,{ariaLabel:n.ariaLabelCloseBtn,onClick:_})):null),C?e.createElement("div",{className:t(r["notification-panel__fluidwrapper"],r["notification-panel__fluidwrapper--"+f],a({},r["notification-panel__fluidwrapper--shadow"],d))},M):M}));export default m;
+import{a}from"../../_rollupPluginBabelHelpers-d0752906.js";import e from"react";import{c as t}from"../../index-9b84fabc.js";import{p as o}from"../../palette-f206f488.js";import{I as n}from"../../Icon-04613a89.js";import"../../constants-42547490.js";import{a as i,A as r}from"../../AlertSignFill-e607ff43.js";import l from"./styles.module.scss";import{C as c}from"../../Close-9f68bcd0.js";import"../../_tslib-51c8a283.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var s={info:{color:"kiwi",depth:50},warn:{color:"banana",depth:50},alert:{color:"cherry",depth:100},crisis:{color:"black",depth:0}},m={info:e.createElement(n,{svgIcon:function(a){var t=a.isExtraSmall,o=a.isHovered,n=e.createElement("path",{d:"M25.672 30.501a.682.682 0 01-.322-.272.835.835 0 01-.11-.443v-7.917l-.112-.112-3.651.194v.544c.148.015.314.05.495.104.18.055.316.112.406.172a.994.994 0 01.299.316.88.88 0 01.119.459v6.337a.879.879 0 01-.098.443.623.623 0 01-.335.257c-.09.035-.197.06-.32.074a8.883 8.883 0 01-.38.038v.544h4.709v-.544a2.45 2.45 0 01-.7-.194M24 37.604c-7.5 0-13.604-6.103-13.604-13.604 0-7.501 6.104-13.603 13.604-13.603 7.502 0 13.602 6.102 13.602 13.603 0 7.501-6.1 13.604-13.601 13.604m0-28.909C15.56 8.695 8.694 15.562 8.694 24c0 8.438 6.867 15.305 15.305 15.305 8.438 0 15.304-6.867 15.304-15.305 0-8.438-6.866-15.305-15.304-15.305m-.274 10.632a1.559 1.559 0 100-3.118 1.559 1.559 0 000 3.118"}),i=e.createElement("path",{d:"M25.672 30.501a.682.682 0 01-.322-.272.835.835 0 01-.11-.443v-7.917l-.112-.112-3.651.194v.544c.148.015.314.05.495.104.18.055.316.112.406.172a.994.994 0 01.299.316.88.88 0 01.119.459v6.337a.879.879 0 01-.098.443.623.623 0 01-.335.257c-.09.035-.197.06-.32.074a8.883 8.883 0 01-.38.038v.544h4.709v-.544a2.45 2.45 0 01-.7-.194M24 37.604c-7.5 0-13.604-6.103-13.604-13.604 0-7.501 6.104-13.603 13.604-13.603 7.502 0 13.602 6.102 13.602 13.603 0 7.501-6.1 13.604-13.601 13.604m0-28.909C15.56 8.695 8.694 15.562 8.694 24c0 8.438 6.867 15.305 15.305 15.305 8.438 0 15.304-6.867 15.304-15.305 0-8.438-6.866-15.305-15.304-15.305m-.274 8.632a1.559 1.559 0 100-3.118 1.559 1.559 0 000 3.118"}),r=e.createElement("path",{d:"M25.668 30.487a.68.68 0 01-.32-.271.833.833 0 01-.111-.442v-7.9l-.112-.112-3.643.193v.543c.148.015.313.05.495.104.18.055.315.112.405.172a.991.991 0 01.297.315.877.877 0 01.119.458v6.324c0 .182-.032.33-.097.442a.622.622 0 01-.334.256c-.09.035-.197.06-.32.074-.124.015-.25.028-.38.038v.543h4.7v-.543a2.445 2.445 0 01-.699-.194M24 37.575c-7.485 0-13.575-6.09-13.575-13.575 0-7.485 6.09-13.574 13.575-13.574 7.486 0 13.574 6.089 13.574 13.574 0 7.485-6.088 13.575-13.574 13.575m0-28.848C15.58 8.727 8.728 15.58 8.728 24S15.579 39.273 24 39.273c8.42 0 15.272-6.853 15.272-15.273S32.421 8.727 24 8.727m-.274 10.61a1.556 1.556 0 100-3.112 1.556 1.556 0 000 3.112"});return t?o?e.createElement("path",{d:"M25.668 30.487a.68.68 0 01-.32-.271.833.833 0 01-.111-.442v-7.9l-.112-.112-3.643.193v.543c.148.015.313.05.495.104.18.055.315.112.405.172a.991.991 0 01.297.315.877.877 0 01.119.458v6.324c0 .182-.032.33-.097.442a.622.622 0 01-.334.256c-.09.035-.197.06-.32.074-.124.015-.25.028-.38.038v.543h4.7v-.543a2.445 2.445 0 01-.699-.194M24 37.575c-7.485 0-13.575-6.09-13.575-13.575 0-7.485 6.09-13.574 13.575-13.574 7.486 0 13.574 6.089 13.574 13.574 0 7.485-6.088 13.575-13.574 13.575m0-28.848C15.58 8.727 8.728 15.58 8.728 24S15.579 39.273 24 39.273c8.42 0 15.272-6.853 15.272-15.273S32.421 8.727 24 8.727m-.274 8.084a1.556 1.556 0 100-3.112 1.556 1.556 0 000 3.112"}):r:o?i:n},color:o.kiwi900,hoverColor:o.kiwi900}),warn:e.createElement(n,{svgIcon:i,color:"black",hoverColor:"black"}),alert:e.createElement(n,{svgIcon:r,color:o.cherry500,hoverColor:o.cherry500}),alertLabel:e.createElement(n,{svgIcon:i,color:o.cherry500,hoverColor:o.cherry500}),crisis:e.createElement(n,{svgIcon:r,color:o.banana200,hoverColor:o.banana200})},p=e.forwardRef((function(o,n){var i,r,s=o.children,p=o.variant,f=void 0===p?"info":p,v=o.shadow,d=void 0!==v&&v,h=o.dismissable,b=void 0!==h&&h,_=o.onClick,u=o.label,E=o.fluid,C=void 0!==E&&E,w=o.size,j=o.className,g=o.testId;var k;return k=e.createElement("div",{ref:n,"data-testid":g,className:t(l["notification-panel"],l["notification-panel--"+w],l["notification-panel--"+f],(i={},a(i,l["notification-panel--shadow"],!C&&d),a(i,l["notification-panel--haslabel"],!!u&&!s),a(i,l["notification-panel--dismissable"],b),i),j||"")},e.createElement("span",{className:l["notification-panel__icon"]},m["alert"===f&&u&&!s?"alertLabel":f]),e.createElement("section",{"aria-label":function(){if(s){var a="";return e.Children.map(s,(function(e){"string"==typeof e&&(a+=e)})),a}return""}(),className:t(l["notification-panel__content"],(r={},a(r,l["notification-panel__content--crisis"],"crisis"===f),a(r,l["notification-panel__content--haslabel"],!!u&&!s),a(r,l["notification-panel__content--isred"],"alert"===f&&!!u&&!s),r))},u?e.createElement("h1",{className:l["notification-panel__label"],dangerouslySetInnerHTML:{__html:u}}):null,s),b?e.createElement("span",{className:l["notification-panel__action-column"]},e.createElement(c,{ariaLabel:o.ariaLabelCloseBtn,onClick:_})):null),C?e.createElement("div",{className:t(l["notification-panel__fluidwrapper"],l["notification-panel__fluidwrapper--"+f],a({},l["notification-panel__fluidwrapper--shadow"],d))},k):k}));export default p;export{s as variantToColorMap};
 //# sourceMappingURL=index.js.map

package/components/Portal/componentdata.json

@@ -0,0 +1,80 @@
+{
+  "props": {
+    "className": {
+      "defaultValue": null,
+      "description": "Add custom class to portal, default class is portal-container",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/Portal/index.tsx",
+        "name": "PortalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Portal/index.tsx",
+          "name": "PortalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "children": {
+      "defaultValue": null,
+      "description": "Content to be displayed in Portal",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/Portal/index.tsx",
+        "name": "PortalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Portal/index.tsx",
+          "name": "PortalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "parent": {
+      "defaultValue": null,
+      "description": "Default is document.body",
+      "name": "parent",
+      "parent": {
+        "fileName": "src/components/Portal/index.tsx",
+        "name": "PortalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Portal/index.tsx",
+          "name": "PortalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "HTMLElement"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Portal/index.tsx",
+        "name": "PortalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Portal/index.tsx",
+          "name": "PortalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/Portal/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface PortalProps {
+    /** Add custom class to portal, default class is portal-container */
+    className?: string;
+    /** Content to be displayed in Portal */
+    children?: React.ReactNode;
+    /** Default is document.body */
+    parent?: HTMLElement;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+export default function Portal({ children, parent, className, testId }: PortalProps): React.ReactPortal;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+BAA+B;IAC/B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,WAAW,GAAG,KAAK,CAAC,WAAW,CAyBtG"}

package/components/Portal/index.js

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

package/components/Portal/index.js.map

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

package/components/RadioButton/RadioButton.d.ts

@@ -0,0 +1,31 @@
+import React from 'react';
+import { FormMode, FormVariant } from '../../constants';
+export interface RadioButtonProps {
+    /** Adds custom classes to the element. */
+    className?: string;
+    /** Sets radioButton as checked by default */
+    defaultChecked?: boolean;
+    /** Disables the radioButton */
+    disabled?: boolean;
+    /** The label text next to the radioButton */
+    label: string;
+    /** input id of the radioButton */
+    inputid?: string;
+    /** Changes the visuals of the radioButton */
+    mode?: keyof typeof FormMode;
+    /** Unique identifyer for the input tag */
+    name?: string;
+    /** Return value for the radioButton */
+    value?: string;
+    /** Changes the visuals of the radioButton */
+    variant?: keyof typeof FormVariant;
+    /** Activates Error style for the radioButton - This is can be true while errorText is empty, when in a FormGroup */
+    error?: boolean;
+    /** Error text to show above the component */
+    errorText?: string;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
+export default RadioButton;
+//# sourceMappingURL=RadioButton.d.ts.map

package/components/RadioButton/RadioButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAC/B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,oHAAoH;IACpH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,2FA+DtB,CAAC;AAEH,eAAe,WAAW,CAAC"}