@helsenorge/designsystem-react 1.0.0-beta106 → 1.0.0-beta107

package/components/NotificationPanel/index.js

@@ -1,2 +1,2 @@
-import{b as e}from"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import a from"react";import{c as t}from"../../index-9b84fabc.js";import{p as o}from"../../palette-f206f488.js";import{I as r}from"../../Icon-537c6b21.js";import{A as i}from"../../constants-eb74321e.js";import{a as n,A as l}from"../../AlertSignFill-e607ff43.js";import c from"./styles.module.scss";import{C as s}from"../../Close-060173de.js";import"../../_tslib-51c8a283.js";import"../Close/styles.module.scss";import"../../useBreakpoint-552af2b9.js";import"../../grid-11a70eb7.js";var m={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:function(e){var t=e.isExtraSmall,o=e.isHovered,r=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"}),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 8.632a1.559 1.559 0 100-3.118 1.559 1.559 0 000 3.118"}),n=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"}):n:o?i:r},color:o.kiwi900,hoverColor:o.kiwi900}),warn:a.createElement(r,{svgIcon:n,color:"black",hoverColor:"black"}),alert:a.createElement(r,{svgIcon:l,color:o.cherry500,hoverColor:o.cherry500}),alertLabel:a.createElement(r,{svgIcon:n,color:o.cherry500,hoverColor:o.cherry500}),crisis:a.createElement(r,{svgIcon:l,color:o.banana200,hoverColor:o.banana200})},f=a.forwardRef((function(o,r){var n,l,m=o.children,f=o.variant,v=void 0===f?"info":f,d=o.shadow,h=void 0!==d&&d,b=o.dismissable,u=void 0!==b&&b,E=o.onClick,C=o.label,_=o.fluid,w=void 0!==_&&_,y=o.size,g=o.className,j=o.testId;var k,I=!!C&&!m;return k=a.createElement("div",{ref:r,"data-testid":j,"data-analyticsid":i.NotificationPanel,className:t(c["notification-panel"],y&&c["notification-panel--"+y],c["notification-panel--"+v],(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&&u),n),g)},a.createElement("span",{className:c["notification-panel__icon"]},p["alert"===v&&C&&!m?"alertLabel":v]),a.createElement("section",{"aria-label":function(){if(m){var e="";return a.Children.map(m,(function(a){"string"==typeof a&&(e+=a)})),e}return""}(),className:t(c["notification-panel__content"],(l={},e(l,c["notification-panel__content--crisis"],"crisis"===v),e(l,c["notification-panel__content--alert"],"alert"===v),l))},C&&a.createElement("h1",{className:c["notification-panel__label"],dangerouslySetInnerHTML:{__html:C}}),m),!I&&u&&a.createElement("span",{className:c["notification-panel__close"]},a.createElement(s,{ariaLabel:o.ariaLabelCloseBtn,onClick:E}))),w?a.createElement("div",{className:t(c["fluid-wrapper"],c["fluid-wrapper--"+v],e({},c["fluid-wrapper--shadow"],h))},k):k}));export default f;export{m as variantToColorMap};
+import{b as e}from"../../_rollupPluginBabelHelpers-b8ef6dd9.js";import o from"react";import{c as a}from"../../index-9b84fabc.js";import{p as r}from"../../palette-f206f488.js";import{Icon as t}from"../Icons/Icon.js";import{A as i}from"../../constants-eb74321e.js";import n from"../Icons/InfoSignStroke.js";import l from"../Icons/AlertSignStroke.js";import s from"../Icons/AlertSignFill.js";import c from"./styles.module.scss";import{C as m}from"../../Close-d81081c8.js";import"../../_tslib-51c8a283.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../useBreakpoint-552af2b9.js";import"../../grid-11a70eb7.js";var p={info:{color:"kiwi",depth:50},warn:{color:"banana",depth:50},alert:{color:"cherry",depth:100},crisis:{color:"black",depth:0}},f={info:o.createElement(t,{svgIcon:n,color:r.kiwi900,hoverColor:r.kiwi900}),warn:o.createElement(t,{svgIcon:l,color:"black",hoverColor:"black"}),alert:o.createElement(t,{svgIcon:s,color:r.cherry500,hoverColor:r.cherry500}),alertLabel:o.createElement(t,{svgIcon:l,color:r.cherry500,hoverColor:r.cherry500}),crisis:o.createElement(t,{svgIcon:s,color:r.banana200,hoverColor:r.banana200})},d=o.forwardRef((function(r,t){var n,l,s=r.children,p=r.variant,d=void 0===p?"info":p,b=r.shadow,h=void 0!==b&&b,v=r.dismissable,u=void 0!==v&&v,_=r.onClick,I=r.label,j=r.fluid,g=void 0!==j&&j,w=r.size,C=r.className,E=r.testId;var k,y=!!I&&!s;return k=o.createElement("div",{ref:t,"data-testid":E,"data-analyticsid":i.NotificationPanel,className:a(c["notification-panel"],w&&c["notification-panel--"+w],c["notification-panel--"+d],(n={},e(n,c["notification-panel--shadow"],!g&&h),e(n,c["notification-panel--has-children"],!y),e(n,c["notification-panel--label-only"],y),e(n,c["notification-panel--dismissable"],!y&&u),n),C)},o.createElement("span",{className:c["notification-panel__icon"]},f["alert"===d&&I&&!s?"alertLabel":d]),o.createElement("section",{"aria-label":function(){if(s){var e="";return o.Children.map(s,(function(o){"string"==typeof o&&(e+=o)})),e}return""}(),className:a(c["notification-panel__content"],(l={},e(l,c["notification-panel__content--crisis"],"crisis"===d),e(l,c["notification-panel__content--alert"],"alert"===d),l))},I&&o.createElement("h1",{className:c["notification-panel__label"],dangerouslySetInnerHTML:{__html:I}}),s),!y&&u&&o.createElement("span",{className:c["notification-panel__close"]},o.createElement(m,{ariaLabel:r.ariaLabelCloseBtn,onClick:_}))),g?o.createElement("div",{className:a(c["fluid-wrapper"],c["fluid-wrapper--"+d],e({},c["fluid-wrapper--shadow"],h))},k):k}));export default d;export{p as variantToColorMap};
 //# sourceMappingURL=index.js.map

package/components/NotificationPanel/styles.module.scss

@@ -1,153 +1,153 @@
-@import '../../scss/_spacers.scss';
-@import '../../scss/_breakpoints.scss';
-@import '../../scss/_font-settings.scss';
-@import '../../scss/_palette.scss';
-@import '../AnchorLink/styles.module.scss';
-
-.notification-panel {
-  $panel: &;
-  display: flex;
-  width: inherit;
-
-  &--has-children {
-    padding: getSpacer(2xs) getSpacer(s) getSpacer(m) getSpacer(2xs);
-    #{$panel}__icon {
-      margin-top: getSpacer(2xs);
-      margin-right: getSpacer(2xs);
-    }
-    #{$panel}__content {
-      margin-top: getSpacer(s);
-    }
-    @media (min-width: map-get($grid-breakpoints, md)) {
-      padding-left: getSpacer(s);
-      padding-right: getSpacer(m);
-      #{$panel}__icon {
-        margin-right: getSpacer(m);
-      }
-    }
-  }
-  &--label-only {
-    align-items: center;
-    padding: getSpacer(m) getSpacer(s) getSpacer(m) getSpacer(2xs);
-    #{$panel}__icon {
-      display: flex;
-      margin-right: getSpacer(2xs);
-    }
-    @media (min-width: map-get($grid-breakpoints, md)) {
-      padding: getSpacer(l) getSpacer(m) getSpacer(l) getSpacer(s);
-      #{$panel}__icon {
-        margin-right: getSpacer(s);
-      }
-    }
-  }
-  &--dismissable {
-    padding: getSpacer(2xs) getSpacer(2xs) getSpacer(m) getSpacer(2xs);
-  }
-  &--dismissable#{&}--has-children {
-    padding-left: getSpacer(s);
-  }
-  &--small {
-    max-width: map-get($grid-breakpoints, sm);
-  }
-  &--medium {
-    max-width: map-get($grid-breakpoints, md);
-  }
-  &--large {
-    max-width: map-get($grid-breakpoints, lg);
-  }
-  &--info {
-    background-color: $kiwi50;
-  }
-  &--warn {
-    background-color: $banana50;
-  }
-  &--alert {
-    background-color: $cherry100;
-  }
-  &--alert#{&}--label-only {
-    color: $cherry500;
-  }
-  &--crisis {
-    background-color: $black;
-  }
-  &--shadow {
-    box-shadow: 0 0.3rem getSpacer(2xs) -0.1rem rgba(0, 0, 0, 0.15);
-  }
-
-  &__close {
-    margin-left: auto;
-    padding-left: getSpacer(2xs);
-  }
-
-  &__content {
-    max-width: 772px;
-    p {
-      margin: 0;
-    }
-
-    a {
-      @include anchorlink;
-      @include anchorlink-icon;
-    }
-
-    &--crisis {
-      color: $banana200;
-      a {
-        color: $white;
-        &:hover {
-          background-color: rgba(255, 255, 255, 0.2);
-          color: $white;
-        }
-        &:focus {
-          background-color: $white;
-          color: $black;
-          border-color: $white;
-        }
-        &[target='_blank'] {
-          &:after {
-            content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='38px' height='38px' viewBox='0 0 48 48' fill='%23bdbab9'><polygon points='33.305,14.659,33.305,29.205,32.005,29.205,32.005,16.948,15.804,33.149,14.885,32.229,31.155,15.959,18.761,15.96,18.761,14.659' /></svg>");
-          }
-
-          &:focus {
-            &:after {
-              content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='38px' height='38px' viewBox='0 0 48 48'><polygon points='33.305,14.659,33.305,29.205,32.005,29.205,32.005,16.948,15.804,33.149,14.885,32.229,31.155,15.959,18.761,15.96,18.761,14.659' /></svg>");
-            }
-          }
-        }
-      }
-    }
-  }
-
-  &__label {
-    font-size: $font-size-sm;
-    line-height: $lineheight-size-xs;
-    font-weight: 600;
-    margin: 0;
-    @media (min-width: map-get($grid-breakpoints, md)) {
-      font-size: $font-size-md;
-      line-height: $lineheight-size-md;
-    }
-  }
-}
-
-.fluid-wrapper {
-  display: flex;
-  justify-content: center;
-  width: 100%;
-
-  &--info {
-    background-color: $kiwi50;
-  }
-  &--warn {
-    background-color: $banana50;
-  }
-  &--alert {
-    background-color: $cherry100;
-  }
-  &--crisis {
-    background-color: $black;
-  }
-  &--shadow {
-    box-shadow: 0 0.3rem getSpacer(2xs) -0.1rem rgba(0, 0, 0, 0.15);
-  }
-}
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_font-settings.scss';
+@import '../../scss/_palette.scss';
+@import '../AnchorLink/styles.module.scss';
+
+.notification-panel {
+  $panel: &;
+  display: flex;
+  width: inherit;
+
+  &--has-children {
+    padding: getSpacer(2xs) getSpacer(s) getSpacer(m) getSpacer(2xs);
+    #{$panel}__icon {
+      margin-top: getSpacer(2xs);
+      margin-right: getSpacer(2xs);
+    }
+    #{$panel}__content {
+      margin-top: getSpacer(s);
+    }
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      padding-left: getSpacer(s);
+      padding-right: getSpacer(m);
+      #{$panel}__icon {
+        margin-right: getSpacer(m);
+      }
+    }
+  }
+  &--label-only {
+    align-items: center;
+    padding: getSpacer(m) getSpacer(s) getSpacer(m) getSpacer(2xs);
+    #{$panel}__icon {
+      display: flex;
+      margin-right: getSpacer(2xs);
+    }
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      padding: getSpacer(l) getSpacer(m) getSpacer(l) getSpacer(s);
+      #{$panel}__icon {
+        margin-right: getSpacer(s);
+      }
+    }
+  }
+  &--dismissable {
+    padding: getSpacer(2xs) getSpacer(2xs) getSpacer(m) getSpacer(2xs);
+  }
+  &--dismissable#{&}--has-children {
+    padding-left: getSpacer(s);
+  }
+  &--small {
+    max-width: map-get($grid-breakpoints, sm);
+  }
+  &--medium {
+    max-width: map-get($grid-breakpoints, md);
+  }
+  &--large {
+    max-width: map-get($grid-breakpoints, lg);
+  }
+  &--info {
+    background-color: $kiwi50;
+  }
+  &--warn {
+    background-color: $banana50;
+  }
+  &--alert {
+    background-color: $cherry100;
+  }
+  &--alert#{&}--label-only {
+    color: $cherry500;
+  }
+  &--crisis {
+    background-color: $black;
+  }
+  &--shadow {
+    box-shadow: 0 0.3rem getSpacer(2xs) -0.1rem rgba(0, 0, 0, 0.15);
+  }
+
+  &__close {
+    margin-left: auto;
+    padding-left: getSpacer(2xs);
+  }
+
+  &__content {
+    max-width: 772px;
+    p {
+      margin: 0;
+    }
+
+    a {
+      @include anchorlink;
+      @include anchorlink-icon;
+    }
+
+    &--crisis {
+      color: $banana200;
+      a {
+        color: $white;
+        &:hover {
+          background-color: rgba(255, 255, 255, 0.2);
+          color: $white;
+        }
+        &:focus {
+          background-color: $white;
+          color: $black;
+          border-color: $white;
+        }
+        &[target='_blank'] {
+          &:after {
+            content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='38px' height='38px' viewBox='0 0 48 48' fill='%23bdbab9'><polygon points='33.305,14.659,33.305,29.205,32.005,29.205,32.005,16.948,15.804,33.149,14.885,32.229,31.155,15.959,18.761,15.96,18.761,14.659' /></svg>");
+          }
+
+          &:focus {
+            &:after {
+              content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='38px' height='38px' viewBox='0 0 48 48'><polygon points='33.305,14.659,33.305,29.205,32.005,29.205,32.005,16.948,15.804,33.149,14.885,32.229,31.155,15.959,18.761,15.96,18.761,14.659' /></svg>");
+            }
+          }
+        }
+      }
+    }
+  }
+
+  &__label {
+    font-size: $font-size-sm;
+    line-height: $lineheight-size-xs;
+    font-weight: 600;
+    margin: 0;
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      font-size: $font-size-md;
+      line-height: $lineheight-size-md;
+    }
+  }
+}
+
+.fluid-wrapper {
+  display: flex;
+  justify-content: center;
+  width: 100%;
+
+  &--info {
+    background-color: $kiwi50;
+  }
+  &--warn {
+    background-color: $banana50;
+  }
+  &--alert {
+    background-color: $cherry100;
+  }
+  &--crisis {
+    background-color: $black;
+  }
+  &--shadow {
+    box-shadow: 0 0.3rem getSpacer(2xs) -0.1rem rgba(0, 0, 0, 0.15);
+  }
+}

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

@@ -1,33 +1,33 @@
-export type Styles = {
-  anchorlink: string;
-  anchorlink__icon: string;
-  'fluid-wrapper': string;
-  'fluid-wrapper--alert': string;
-  'fluid-wrapper--crisis': string;
-  'fluid-wrapper--info': string;
-  'fluid-wrapper--shadow': string;
-  'fluid-wrapper--warn': string;
-  'notification-panel': string;
-  'notification-panel__close': string;
-  'notification-panel__content': string;
-  'notification-panel__content--crisis': string;
-  'notification-panel__icon': string;
-  'notification-panel__label': string;
-  'notification-panel--alert': string;
-  'notification-panel--crisis': string;
-  'notification-panel--dismissable': string;
-  'notification-panel--has-children': string;
-  'notification-panel--info': string;
-  'notification-panel--label-only': string;
-  'notification-panel--large': string;
-  'notification-panel--medium': string;
-  'notification-panel--shadow': string;
-  'notification-panel--small': string;
-  'notification-panel--warn': string;
-};
-
-export type ClassNames = keyof Styles;
-
-declare const styles: Styles;
-
-export default styles;
+export type Styles = {
+  anchorlink: string;
+  anchorlink__icon: string;
+  'fluid-wrapper': string;
+  'fluid-wrapper--alert': string;
+  'fluid-wrapper--crisis': string;
+  'fluid-wrapper--info': string;
+  'fluid-wrapper--shadow': string;
+  'fluid-wrapper--warn': string;
+  'notification-panel': string;
+  'notification-panel__close': string;
+  'notification-panel__content': string;
+  'notification-panel__content--crisis': string;
+  'notification-panel__icon': string;
+  'notification-panel__label': string;
+  'notification-panel--alert': string;
+  'notification-panel--crisis': string;
+  'notification-panel--dismissable': string;
+  'notification-panel--has-children': string;
+  'notification-panel--info': string;
+  'notification-panel--label-only': string;
+  'notification-panel--large': string;
+  'notification-panel--medium': string;
+  'notification-panel--shadow': string;
+  'notification-panel--small': string;
+  'notification-panel--warn': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/Portal/index.d.ts

@@ -1,13 +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;
+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/RadioButton/RadioButton.d.ts

@@ -1,31 +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;
+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/index.d.ts

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