@helsenorge/designsystem-react 1.0.0-beta87 → 1.0.0-beta91

package/components/Modal/index.js

@@ -1,2 +1,2 @@
-import{M as s}from"../../Modal-ac3a4757.js";export{M as default}from"../../Modal-ac3a4757.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-55952154.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-a6cbd165.js";import"../../X-8d8ff918.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";
+import{M as s}from"../../Modal-e7d8aac4.js";export{M as default}from"../../Modal-e7d8aac4.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-2be46c88.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../Icon-9b4a8a2d.js";import"../../constants-a4b0b501.js";import"../../Loader-3589bdb1.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-80751ae6.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";
 //# 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;
@@ -31,13 +30,21 @@
   background-color: $white;
   animation: open 200ms 1;
 
-  &__title--error {
-    color: $cherry600;
+  &__title {
+    &--error {
+      color: $cherry600;
+    }
+    &--success {
+      color: $kiwi900;
+    }
   }
 
   &__iconWrapper {
     padding-right: 0.75rem;
   }
+  &__afterTitleChildren {
+    padding-left: 0.75rem;
+  }
 
   p {
     font-size: 1.125rem;
@@ -52,6 +59,9 @@
   &--warning {
     background-color: $banana50;
   }
+  &--success {
+    background-color: $kiwi50;
+  }
 
   &--large {
     width: calc(100vw - 0.75rem);
@@ -150,6 +160,7 @@
 
     &__title {
       display: flex;
+      align-items: center;
       div {
         display: flex;
         justify-content: center;

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

@@ -1,6 +1,7 @@
 export type Styles = {
   align: string;
   modal: string;
+  modal__afterTitleChildren: string;
   'modal__call-to-action': string;
   'modal__call-to-action--large': string;
   'modal__call-to-action--medium': string;
@@ -21,11 +22,13 @@ export type Styles = {
   'modal__shadow--show': string;
   'modal__shadow--top': string;
   'modal__title--error': string;
+  'modal__title--success': string;
   'modal--error': string;
   'modal--image': string;
   'modal--large': string;
   'modal--medium': string;
   'modal--normal': string;
+  'modal--success': string;
   'modal--warning': string;
   'modal-overlay': string;
   open: 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,MAAM,OAAO,CAAC;AAe1B,oBAAY,yBAAyB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC7E,oBAAY,sBAAsB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE,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,wDAAwD;IACxD,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;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;CAK7B,CAAC;AAUF,QAAA,MAAM,iBAAiB,+FAyFrB,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;AAa1B,oBAAY,yBAAyB,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAC7E,oBAAY,sBAAsB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAElE,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,wDAAwD;IACxD,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;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;CAK7B,CAAC;AAUF,QAAA,MAAM,iBAAiB,+FA4ErB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/components/NotificationPanel/index.js

@@ -1,2 +1,2 @@
-import{a as e}from"../../_rollupPluginBabelHelpers-d0752906.js";import a from"react";import{c as t}from"../../index-9b84fabc.js";import{p as o}from"../../palette-f206f488.js";import{I as i,a as n}from"../../constants-d919236e.js";import{u as r}from"../../useHover-037be19d.js";import{a as l,A as c}from"../../AlertSignFill-e607ff43.js";import{X as s}from"../../X-8d8ff918.js";import m from"./styles.module.scss";import"../../_tslib-51c8a283.js";var f={info:a.createElement(i,{svgIcon:function(e){var t=e.isExtraSmall,o=e.isHovered,i=a.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"}),n=a.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=a.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?a.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?n:i},color:o.kiwi900,hoverColor:o.kiwi900}),warn:a.createElement(i,{svgIcon:l,color:"black",hoverColor:"black"}),alert:a.createElement(i,{svgIcon:c,color:o.cherry500,hoverColor:o.cherry500}),alertLabel:a.createElement(i,{svgIcon:l,color:o.cherry500,hoverColor:o.cherry500}),crisis:a.createElement(i,{svgIcon:c,color:o.banana200,hoverColor:o.banana200})},v=a.forwardRef((function(l,c){var v,p,d,h=l.children,u=l.variant,_=void 0===u?"info":u,b=l.shadow,E=void 0!==b&&b,C=l.dismissable,w=void 0!==C&&C,g=l.onClick,y=l.label,I=l.fluid,M=void 0!==I&&I,j=l.size,k=l.className,N=l.testId,S=r(void 0,w),H=S.hoverRef,L=S.isHovered,x=t(m["notification-panel__close-button"],"crisis"===_?m["notification-panel__close-button--crisis"]:"");var z;return z=a.createElement("div",{ref:c,"data-testid":N,className:t(m["notification-panel"],m["notification-panel--"+j],m["notification-panel--"+_],(v={},e(v,m["notification-panel--shadow"],!M&&E),e(v,m["notification-panel--haslabel"],!!y&&!h),e(v,m["notification-panel--dismissable"],w),v),k||"")},a.createElement("span",{className:m["notification-panel__icon"]},f["alert"===_&&y&&!h?"alertLabel":_]),a.createElement("section",{"aria-label":function(){if(h){var e="";return a.Children.map(h,(function(a){"string"==typeof a&&(e+=a)})),e}return""}(),className:t(m["notification-panel__content"],(p={},e(p,m["notification-panel__content--crisis"],"crisis"===_),e(p,m["notification-panel__content--haslabel"],!!y&&!h),e(p,m["notification-panel__content--isred"],"alert"===_&&!!y&&!h),p))},y?a.createElement("h1",{className:m["notification-panel__label"],dangerouslySetInnerHTML:{__html:y}}):null,h),w?a.createElement("span",{className:m["notification-panel__action-column"]},a.createElement("button",{className:x,onClick:g,ref:H,"aria-label":null!==(d=l.ariaLabelCloseBtn)&&void 0!==d?d:"Lukk"},a.createElement(i,{svgIcon:s,isHovered:L,size:n.XSmall,color:"crisis"===_?o.white:o.blueberry500,hoverColor:"crisis"===_?o.white:o.blueberry700}))):null),M?a.createElement("div",{className:t(m["notification-panel__fluidwrapper"],m["notification-panel__fluidwrapper--"+_],e({},m["notification-panel__fluidwrapper--shadow"],E))},z):z}));export default v;
+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"../../Icon-9b4a8a2d.js";import"../../constants-a4b0b501.js";import{a as i,A as l}from"../../AlertSignFill-e607ff43.js";import r from"./styles.module.scss";import{C as c}from"../../Close-80751ae6.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,j=n.size,w=n.className,g=n.testId;var I;return I=e.createElement("div",{ref:o,"data-testid":g,className:t(r["notification-panel"],r["notification-panel--"+j],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),w||"")},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))},I):I}));export default m;
 //# sourceMappingURL=index.js.map

package/components/NotificationPanel/styles.module.scss

@@ -135,55 +135,4 @@
   &__action-column {
     grid-area: 'action';
   }
-
-  &__close-button {
-    display: flex;
-    position: relative;
-    background: transparent;
-    border: 2px solid $blueberry600;
-    padding: 0;
-    justify-content: center;
-    outline: none;
-    cursor: pointer;
-    &:before {
-      content: ' ';
-      position: absolute;
-      top: -getSpacer(2xs);
-      left: -getSpacer(2xs);
-      right: -getSpacer(2xs);
-      bottom: -getSpacer(2xs);
-      border: 2px solid transparent;
-    }
-    &:after {
-      content: ' ';
-      position: absolute;
-      top: -0.375rem;
-      left: -0.375rem;
-      right: -0.375rem;
-      bottom: -0.375rem;
-      border: 2px solid transparent;
-    }
-    &:hover,
-    &:active,
-    &:focus {
-      background-color: rgba(8, 102, 124, 0.05);
-      border-color: transparent;
-      &:after {
-        border-color: $blueberry700;
-      }
-    }
-
-    &--crisis {
-      border-color: $white;
-
-      &:hover,
-      &:active,
-      &:focus {
-        border-color: transparent;
-        &:after {
-          border-color: $white;
-        }
-      }
-    }
-  }
 }

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

@@ -3,8 +3,6 @@ export type Styles = {
   anchorlink__icon: string;
   'notification-panel': string;
   'notification-panel__action-column': string;
-  'notification-panel__close-button': string;
-  'notification-panel__close-button--crisis': string;
   'notification-panel__content': string;
   'notification-panel__content--crisis': string;
   'notification-panel__content--haslabel': string;

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"}

package/components/RadioButton/componentdata.json

@@ -0,0 +1,265 @@
+{
+  "props": {
+    "className": {
+      "defaultValue": null,
+      "description": "Adds custom classes to the element.",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/RadioButton/RadioButton.tsx",
+        "name": "RadioButtonProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/RadioButton/RadioButton.tsx",
+          "name": "RadioButtonProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "defaultChecked": {
+      "defaultValue": null,
+      "description": "Sets radioButton as checked by default",
+      "name": "defaultChecked",
+      "parent": {
+        "fileName": "src/components/RadioButton/RadioButton.tsx",
+        "name": "RadioButtonProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/RadioButton/RadioButton.tsx",
+          "name": "RadioButtonProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "disabled": {
+      "defaultValue": null,
+      "description": "Disables the radioButton",
+      "name": "disabled",
+      "parent": {
+        "fileName": "src/components/RadioButton/RadioButton.tsx",
+        "name": "RadioButtonProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/RadioButton/RadioButton.tsx",
+          "name": "RadioButtonProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "label": {
+      "defaultValue": null,
+      "description": "The label text next to the radioButton",
+      "name": "label",
+      "parent": {
+        "fileName": "src/components/RadioButton/RadioButton.tsx",
+        "name": "RadioButtonProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/RadioButton/RadioButton.tsx",
+          "name": "RadioButtonProps"
+        }
+      ],
+      "required": true,
+      "type": {
+        "name": "string"
+      }
+    },
+    "inputid": {
+      "defaultValue": null,
+      "description": "input id of the radioButton",
+      "name": "inputid",
+      "parent": {
+        "fileName": "src/components/RadioButton/RadioButton.tsx",
+        "name": "RadioButtonProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/RadioButton/RadioButton.tsx",
+          "name": "RadioButtonProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "mode": {
+      "defaultValue": null,
+      "description": "Changes the visuals of the radioButton",
+      "name": "mode",
+      "parent": {
+        "fileName": "src/components/RadioButton/RadioButton.tsx",
+        "name": "RadioButtonProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/RadioButton/RadioButton.tsx",
+          "name": "RadioButtonProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"OnWhite\" | \"OnGrey\" | \"OnBlueberry\" | \"OnDark\" | \"OnError\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"OnWhite\""
+          },
+          {
+            "value": "\"OnGrey\""
+          },
+          {
+            "value": "\"OnBlueberry\""
+          },
+          {
+            "value": "\"OnDark\""
+          },
+          {
+            "value": "\"OnError\""
+          }
+        ]
+      }
+    },
+    "name": {
+      "defaultValue": null,
+      "description": "Unique identifyer for the input tag",
+      "name": "name",
+      "parent": {
+        "fileName": "src/components/RadioButton/RadioButton.tsx",
+        "name": "RadioButtonProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/RadioButton/RadioButton.tsx",
+          "name": "RadioButtonProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "value": {
+      "defaultValue": null,
+      "description": "Return value for the radioButton",
+      "name": "value",
+      "parent": {
+        "fileName": "src/components/RadioButton/RadioButton.tsx",
+        "name": "RadioButtonProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/RadioButton/RadioButton.tsx",
+          "name": "RadioButtonProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "variant": {
+      "defaultValue": null,
+      "description": "Changes the visuals of the radioButton",
+      "name": "variant",
+      "parent": {
+        "fileName": "src/components/RadioButton/RadioButton.tsx",
+        "name": "RadioButtonProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/RadioButton/RadioButton.tsx",
+          "name": "RadioButtonProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"Normal\" | \"BigForm\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"Normal\""
+          },
+          {
+            "value": "\"BigForm\""
+          }
+        ]
+      }
+    },
+    "error": {
+      "defaultValue": null,
+      "description": "Activates Error style for the radioButton - This is can be true while errorText is empty, when in a FormGroup",
+      "name": "error",
+      "parent": {
+        "fileName": "src/components/RadioButton/RadioButton.tsx",
+        "name": "RadioButtonProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/RadioButton/RadioButton.tsx",
+          "name": "RadioButtonProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "errorText": {
+      "defaultValue": null,
+      "description": "Error text to show above the component",
+      "name": "errorText",
+      "parent": {
+        "fileName": "src/components/RadioButton/RadioButton.tsx",
+        "name": "RadioButtonProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/RadioButton/RadioButton.tsx",
+          "name": "RadioButtonProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/RadioButton/RadioButton.tsx",
+        "name": "RadioButtonProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/RadioButton/RadioButton.tsx",
+          "name": "RadioButtonProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/RadioButton/index.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,eAAe,WAAW,CAAC"}

package/components/RadioButton/index.js

@@ -0,0 +1,2 @@
+import{R as o}from"../../RadioButton-84ca988e.js";export{R as default}from"../../RadioButton-84ca988e.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"./styles.module.scss";import"../../constants-a4b0b501.js";
+//# sourceMappingURL=index.js.map

package/components/RadioButton/index.js.map

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