@helsenorge/designsystem-react 1.0.0-beta81 → 1.0.0-beta83

package/components/FormGroup/componentdata.json

@@ -0,0 +1,183 @@
+{
+  "props": {
+    "title": {
+      "defaultValue": null,
+      "description": "title for the the fieldset",
+      "name": "title",
+      "parent": {
+        "fileName": "src/components/FormGroup/FormGroup.tsx",
+        "name": "FormGroupProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/FormGroup/FormGroup.tsx",
+          "name": "FormGroupProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "legend": {
+      "defaultValue": null,
+      "description": "text placed in the legend tag of the fieldset",
+      "name": "legend",
+      "parent": {
+        "fileName": "src/components/FormGroup/FormGroup.tsx",
+        "name": "FormGroupProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/FormGroup/FormGroup.tsx",
+          "name": "FormGroupProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "children": {
+      "defaultValue": null,
+      "description": "Items in the ExpanderList",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/FormGroup/FormGroup.tsx",
+        "name": "FormGroupProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/FormGroup/FormGroup.tsx",
+          "name": "FormGroupProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "className": {
+      "defaultValue": null,
+      "description": "Adds custom classes to the element.",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/FormGroup/FormGroup.tsx",
+        "name": "FormGroupProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/FormGroup/FormGroup.tsx",
+          "name": "FormGroupProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "mode": {
+      "defaultValue": null,
+      "description": "Changes the visuals of the formgroup",
+      "name": "mode",
+      "parent": {
+        "fileName": "src/components/FormGroup/FormGroup.tsx",
+        "name": "FormGroupProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/FormGroup/FormGroup.tsx",
+          "name": "FormGroupProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"on-white\" | \"on-blueberry\" | \"on-dark\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"on-white\""
+          },
+          {
+            "value": "\"on-blueberry\""
+          },
+          {
+            "value": "\"on-dark\""
+          }
+        ]
+      }
+    },
+    "variant": {
+      "defaultValue": null,
+      "description": "Changes the visuals of the formgroup",
+      "name": "variant",
+      "parent": {
+        "fileName": "src/components/FormGroup/FormGroup.tsx",
+        "name": "FormGroupProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/FormGroup/FormGroup.tsx",
+          "name": "FormGroupProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"normal\" | \"bigform\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"normal\""
+          },
+          {
+            "value": "\"bigform\""
+          }
+        ]
+      }
+    },
+    "error": {
+      "defaultValue": null,
+      "description": "Error message",
+      "name": "error",
+      "parent": {
+        "fileName": "src/components/FormGroup/FormGroup.tsx",
+        "name": "FormGroupProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/FormGroup/FormGroup.tsx",
+          "name": "FormGroupProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/FormGroup/FormGroup.tsx",
+        "name": "FormGroupProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/FormGroup/FormGroup.tsx",
+          "name": "FormGroupProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/FormGroup/index.d.ts

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

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

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

package/components/FormGroup/index.js

@@ -0,0 +1,2 @@
+import{F as s}from"../../FormGroup-17d2a3d3.js";export{F as default}from"../../FormGroup-17d2a3d3.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../Checkbox-ffdd3cb7.js";import"../../uuid-484288be.js";import"../../Check-6291ad09.js";import"../../constants-d1f48e8e.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../Title-863af332.js";import"../Title/styles.module.scss";
+//# sourceMappingURL=index.js.map

package/components/FormGroup/index.js.map

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

package/components/FormGroup/styles.module.scss

@@ -0,0 +1,79 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_palette.scss';
+@import '../../scss/font-settings.scss';
+
+.form-group-wrapper {
+  padding: getSpacer(s) getSpacer(xs) getSpacer(m);
+
+  @media (min-width: map-get($grid-breakpoints, md)) {
+    padding: getSpacer(s) getSpacer(m) getSpacer(l);
+  }
+
+  &--bigform {
+    background-color: $neutral50;
+  }
+
+  &--on-blueberry {
+    background-color: $blueberry50;
+  }
+
+  &--on-dark {
+    background-color: $blueberry800;
+  }
+
+  &--invalid {
+    background-color: $cherry50;
+    border-left: 0.25rem solid $cherry500;
+  }
+
+  &__title {
+    margin-bottom: getSpacer(l) !important;
+
+    &--on-dark {
+      color: $white;
+    }
+
+    &--bigform {
+      margin-left: getSpacer(l) !important;
+    }
+  }
+
+  &__errors {
+    font-size: $font-size-sm;
+    font-weight: 600;
+    color: $cherry500;
+    margin-top: 0;
+
+    &--bigform {
+      margin-left: getSpacer(l);
+    }
+  }
+}
+
+.form-group-wrapper:first-of-type {
+  padding-top: getSpacer(xl);
+}
+
+.form-group-wrapper:last-of-type {
+  padding-bottom: getSpacer(xl);
+}
+
+.form-group {
+  border: none;
+  padding: 0;
+  margin: 0;
+
+  &__legend {
+    font-size: $font-size-md;
+    font-weight: 600;
+
+    &--on-dark {
+      color: $white;
+    }
+
+    &--bigform {
+      padding: 0 getSpacer(l) getSpacer(l);
+    }
+  }
+}

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

@@ -0,0 +1,22 @@
+export type Styles = {
+  'form-group': string;
+  'form-group__legend': string;
+  'form-group__legend--bigform': string;
+  'form-group__legend--on-dark': string;
+  'form-group-wrapper': string;
+  'form-group-wrapper__errors': string;
+  'form-group-wrapper__errors--bigform': string;
+  'form-group-wrapper__title': string;
+  'form-group-wrapper__title--bigform': string;
+  'form-group-wrapper__title--on-dark': string;
+  'form-group-wrapper--bigform': string;
+  'form-group-wrapper--invalid': string;
+  'form-group-wrapper--on-blueberry': string;
+  'form-group-wrapper--on-dark': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/LinkList/LinkList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LinkList.d.ts","sourceRoot":"","sources":["../../../src/components/LinkList/LinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAQnD,oBAAY,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,oBAAY,cAAc,GAAG,YAAY,CAAC;AAC1C,oBAAY,QAAQ,GAAG,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;AACvG,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC/H,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,UAAU,aAAa;IACrB,4BAA4B;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,EAAE,cAAc,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA6CD,eAAO,MAAM,QAAQ,mBAqBE,CAAC;AAKxB,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"LinkList.d.ts","sourceRoot":"","sources":["../../../src/components/LinkList/LinkList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAQnD,oBAAY,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAExD,oBAAY,cAAc,GAAG,YAAY,CAAC;AAC1C,oBAAY,QAAQ,GAAG,KAAK,CAAC,yBAAyB,CAAC,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC,CAAC;AACvG,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,yBAAyB,CAAC,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAC/H,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,UAAU,aAAa;IACrB,4BAA4B;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uDAAuD;IACvD,KAAK,EAAE,cAAc,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,yDAAyD;IACzD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,IAAI,CAAC,EAAE,YAAY,CAAC;CACrB;AAED,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;IACxE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AA4CD,eAAO,MAAM,QAAQ,mBAqBE,CAAC;AAKxB,eAAe,QAAQ,CAAC"}

package/components/LinkList/index.js

@@ -1,2 +1,2 @@
-import{a as e}from"../../_rollupPluginBabelHelpers-e1c7fe69.js";import{_ as l}from"../../_tslib-51c8a283.js";import r from"react";import{c as a}from"../../index-9b84fabc.js";import{a as i,I as o}from"../../constants-d1f48e8e.js";import{u as s,B as t}from"../../useBreakpoint-a8fa8a61.js";import{u as n}from"../../useHover-57ad4df9.js";import m from"./styles.module.scss";import"../../useWindowSize-c22d7634.js";import"../../grid-11a70eb7.js";var c=function(e){var l=e.isExtraSmall,a=e.isHovered,i=r.createElement("path",{d:"M19.171 32.951l1.409 1.42L31.031 24 20.58 13.63l-1.409 1.42 9.02 8.95z"}),o=r.createElement("path",{d:"M24.479 11.63L36.93 23.999 24.479 36.37l-1.409-1.419L33.083 25H13v-2h20.085L23.07 13.049z"}),s=r.createElement("path",{d:"M17.885 32.577l1.779 1.793 10.451-10.371L19.664 13.63l-1.779 1.793 8.644 8.576z"});return l?a?r.createElement("path",{d:"M25.98 11.103l12.977 12.896L25.98 36.897l-1.78-1.794 9.899-9.841-20.204.001v-2.526l20.204-.001-9.899-9.839z"}):s:a?o:i},d=r.forwardRef((function(d,f){var v,p=d.children,h=d.className,u=void 0===h?"":h,_=d.color,k=void 0===_?"neutral":_,E=d.icon,z=d.size,b=void 0===z?"medium":z,L=d.chevron,j=void 0!==L&&L,N=l(d,["children","className","color","icon","size","chevron"]),H=n(),g=H.hoverRef,B=H.isHovered,S=s(),M="small"!==b&&!(!j&&!E);return r.createElement("li",{ref:f},r.createElement("a",Object.assign({className:a(m["link-list__anchor"],m["link-list__anchor--"+k],(v={},e(v,m["link-list__anchor--hasicon"],M),e(v,m["link-list__anchor--small"],"small"===b),e(v,m["link-list__anchor--medium"],"medium"===b),e(v,m["link-list__anchor--large"],"large"===b),v),u),ref:g},N),M&&E&&r.createElement("span",{className:m["link-list__icon"]},r.cloneElement(E,{size:S===t.Xs?i.XSmall:i.Small,isHovered:B})),r.createElement("span",{className:m["link-list__content"]},p),M&&j&&r.createElement("span",{className:m["link-list__chevron"]},r.createElement(o,{svgIcon:c,isHovered:B,size:i.XSmall}))))})),f=r.forwardRef((function(l,i){var o,s=l.children,t=l.className,n=void 0===t?"":t,c=l.chevron,f=void 0!==c&&c,v=l.size,p=void 0===v?"medium":v,h=l.color,u=l.topBorder,_=void 0===u||u,k=l.bottomBorder,E=void 0===k||k;return r.createElement("ul",{ref:i,className:a(m["link-list"],(o={},e(o,m["link-list--hastopborder"],_),e(o,m["link-list--nobottomborder"],!E),o),n||"")},r.Children.map(s,(function(e){if(e.type===d)return r.cloneElement(e,{color:h,size:p,chevron:f})})))}));f.Link=d,d.displayName="LinkList.Link";export default f;
+import{a as e}from"../../_rollupPluginBabelHelpers-e1c7fe69.js";import{_ as l}from"../../_tslib-51c8a283.js";import r from"react";import{c as a}from"../../index-9b84fabc.js";import{a as i,I as o}from"../../constants-d1f48e8e.js";import{u as s,B as t}from"../../useBreakpoint-a8fa8a61.js";import{u as n}from"../../useHover-57ad4df9.js";import m from"./styles.module.scss";import"../../useWindowSize-c22d7634.js";import"../../grid-11a70eb7.js";var c=function(e){var l=e.isExtraSmall,a=e.isHovered,i=r.createElement("path",{d:"M19.171 32.951l1.409 1.42L31.031 24 20.58 13.63l-1.409 1.42 9.02 8.95z"}),o=r.createElement("path",{d:"M24.479 11.63L36.93 23.999 24.479 36.37l-1.409-1.419L33.083 25H13v-2h20.085L23.07 13.049z"}),s=r.createElement("path",{d:"M17.885 32.577l1.779 1.793 10.451-10.371L19.664 13.63l-1.779 1.793 8.644 8.576z"});return l?a?r.createElement("path",{d:"M25.98 11.103l12.977 12.896L25.98 36.897l-1.78-1.794 9.899-9.841-20.204.001v-2.526l20.204-.001-9.899-9.839z"}):s:a?o:i},d=r.forwardRef((function(d,f){var v,p=d.children,u=d.className,h=void 0===u?"":u,_=d.color,k=void 0===_?"neutral":_,E=d.icon,z=d.size,b=void 0===z?"medium":z,L=d.chevron,j=void 0!==L&&L,N=l(d,["children","className","color","icon","size","chevron"]),H=n(),g=H.hoverRef,B=H.isHovered,S=s(),M="small"!==b&&!(!j&&!E);return r.createElement("li",{ref:f},r.createElement("a",Object.assign({className:a(m["link-list__anchor"],m["link-list__anchor--"+k],(v={},e(v,m["link-list__anchor--small"],"small"===b),e(v,m["link-list__anchor--medium"],"medium"===b),e(v,m["link-list__anchor--large"],"large"===b),v),h),ref:g},N),M&&E&&r.createElement("span",{className:m["link-list__icon"]},r.cloneElement(E,{size:S===t.Xs?i.XSmall:i.Small,isHovered:B})),r.createElement("span",{className:m["link-list__content"]},p),M&&j&&r.createElement("span",{className:m["link-list__chevron"]},r.createElement(o,{svgIcon:c,isHovered:B,size:i.XSmall}))))})),f=r.forwardRef((function(l,i){var o,s=l.children,t=l.className,n=void 0===t?"":t,c=l.chevron,f=void 0!==c&&c,v=l.size,p=void 0===v?"medium":v,u=l.color,h=l.topBorder,_=void 0===h||h,k=l.bottomBorder,E=void 0===k||k;return r.createElement("ul",{ref:i,className:a(m["link-list"],(o={},e(o,m["link-list--hastopborder"],_),e(o,m["link-list--nobottomborder"],!E),o),n||"")},r.Children.map(s,(function(e){if(e.type===d)return r.cloneElement(e,{color:u,size:p,chevron:f})})))}));f.Link=d,d.displayName="LinkList.Link";export default f;
 //# sourceMappingURL=index.js.map

package/components/LinkList/styles.module.scss

@@ -25,15 +25,12 @@
 
   &__anchor {
     display: flex;
-    min-height: 4.5rem;
+    min-height: 4rem;
     text-decoration: none;
     align-items: center;
     color: $black;
     cursor: pointer;
 
-    &--hasicon {
-      min-height: unset;
-    }
     &--small {
       padding: getSpacer(xs) 0 getSpacer(xs) 0;
       font-size: $font-size-xs;

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

@@ -5,7 +5,6 @@ export type Styles = {
   'link-list__anchor--black': string;
   'link-list__anchor--blueberry': string;
   'link-list__anchor--cherry': string;
-  'link-list__anchor--hasicon': string;
   'link-list__anchor--kiwi': string;
   'link-list__anchor--large': string;
   'link-list__anchor--medium': string;

package/components/Loader/index.js

@@ -1,2 +1,2 @@
-import{L as e}from"../../Loader-3767cb6e.js";export{L as default}from"../../Loader-3767cb6e.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";
+import{L as e}from"../../Loader-9e099b42.js";export{L as default}from"../../Loader-9e099b42.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-484288be.js";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/Modal/index.js

@@ -1,2 +1,2 @@
-import{M as s}from"../../Modal-459c67d7.js";export{M as default}from"../../Modal-459c67d7.js";import"react";import"../../index-9b84fabc.js";import"../../Loader-3767cb6e.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"../Loader/styles.module.scss";import"../../palette-f206f488.js";import"../../Button-e2087687.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../constants-d1f48e8e.js";import"../../useHover-57ad4df9.js";import"../../useWindowSize-c22d7634.js";import"../Button/styles.module.scss";import"../../AlertSignFill-64bfef57.js";import"./styles.module.scss";import"../../Title-863af332.js";import"../Title/styles.module.scss";
+import{M as s}from"../../Modal-5c2defa7.js";export{M as default}from"../../Modal-5c2defa7.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-484288be.js";import"../../palette-f206f488.js";import"../../Button-7200b617.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../constants-d1f48e8e.js";import"../../Loader-9e099b42.js";import"../Loader/styles.module.scss";import"../../useHover-57ad4df9.js";import"../../useWindowSize-c22d7634.js";import"../Button/styles.module.scss";import"../../AlertSignFill-64bfef57.js";import"./styles.module.scss";import"../../Title-863af332.js";import"../Title/styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/Modal/styles.module.scss

@@ -86,6 +86,7 @@
   &--image {
     max-height: calc(100vh - 24px);
     max-width: calc(100vw - 24px);
+    width: 100%;
 
     &__img {
       line-height: 0;

package/components/NotificationPanel/NotificationPanel.d.ts

@@ -20,6 +20,8 @@ interface NotificationPanelProps {
     fluid?: boolean;
     /** Sets a label for the notification panel. */
     label?: string;
+    /** Close button aria-label */
+    ariaLabelCloseBtn?: string;
 }
 export declare const variantToColorMap: {
     info: {

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;CAChB;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;CAK7B,CAAC;AAUF,QAAA,MAAM,iBAAiB,+FAwFrB,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;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;CAC5B;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;CAK7B,CAAC;AAUF,QAAA,MAAM,iBAAiB,+FAwFrB,CAAC;AAEH,eAAe,iBAAiB,CAAC"}

package/components/NotificationPanel/componentdata.json

@@ -203,6 +203,25 @@
       "type": {
         "name": "string"
       }
+    },
+    "ariaLabelCloseBtn": {
+      "defaultValue": null,
+      "description": "Close button aria-label",
+      "name": "ariaLabelCloseBtn",
+      "parent": {
+        "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+        "name": "NotificationPanelProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/NotificationPanel/NotificationPanel.tsx",
+          "name": "NotificationPanelProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
     }
   }
 }

package/components/NotificationPanel/index.js

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

package/components/NotificationPanel/styles.module.scss

@@ -164,8 +164,8 @@
       border: 2px solid transparent;
     }
     &:hover,
-    :active,
-    :focus {
+    &:active,
+    &:focus {
       background-color: rgba(8, 102, 124, 0.05);
       border-color: transparent;
       &:after {
@@ -177,8 +177,8 @@
       border-color: $white;
 
       &:hover,
-      :active,
-      :focus {
+      &:active,
+      &:focus {
         border-color: transparent;
         &:after {
           border-color: $white;

package/components/Validation/Validation.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FormVariant } from '../FormGroup/FormGroup';
+interface ValidationProps {
+    /** text placed in the legend tag of the fieldset */
+    errorSummary?: string;
+    /** Items in the ExpanderList */
+    children?: React.ReactNode;
+    /** Adds custom classes to the element. */
+    className?: string;
+    /** Changes the visuals of the formgroup */
+    variant?: FormVariant;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+}
+export declare const Validation: React.ForwardRefExoticComponent<ValidationProps & React.RefAttributes<HTMLElement>>;
+export default Validation;
+//# sourceMappingURL=Validation.d.ts.map

package/components/Validation/Validation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Validation.d.ts","sourceRoot":"","sources":["../../../src/components/Validation/Validation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAIrD,UAAU,eAAe;IACvB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,qFAgBrB,CAAC;AAEH,eAAe,UAAU,CAAC"}

package/components/Validation/componentdata.json

@@ -0,0 +1,111 @@
+{
+  "props": {
+    "errorSummary": {
+      "defaultValue": null,
+      "description": "text placed in the legend tag of the fieldset",
+      "name": "errorSummary",
+      "parent": {
+        "fileName": "src/components/Validation/Validation.tsx",
+        "name": "ValidationProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Validation/Validation.tsx",
+          "name": "ValidationProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "children": {
+      "defaultValue": null,
+      "description": "Items in the ExpanderList",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/Validation/Validation.tsx",
+        "name": "ValidationProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Validation/Validation.tsx",
+          "name": "ValidationProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "className": {
+      "defaultValue": null,
+      "description": "Adds custom classes to the element.",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/Validation/Validation.tsx",
+        "name": "ValidationProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Validation/Validation.tsx",
+          "name": "ValidationProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "variant": {
+      "defaultValue": null,
+      "description": "Changes the visuals of the formgroup",
+      "name": "variant",
+      "parent": {
+        "fileName": "src/components/Validation/Validation.tsx",
+        "name": "ValidationProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Validation/Validation.tsx",
+          "name": "ValidationProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"normal\" | \"bigform\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"normal\""
+          },
+          {
+            "value": "\"bigform\""
+          }
+        ]
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Validation/Validation.tsx",
+        "name": "ValidationProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Validation/Validation.tsx",
+          "name": "ValidationProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    }
+  }
+}

package/components/Validation/index.d.ts

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

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

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

package/components/Validation/index.js

@@ -0,0 +1,2 @@
+import{V as e}from"../../Validation-e113da7e.js";export{V as default}from"../../Validation-e113da7e.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";
+//# sourceMappingURL=index.js.map

package/components/Validation/index.js.map

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

package/components/Validation/styles.module.scss

@@ -0,0 +1,15 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_palette.scss';
+@import '../../scss/font-settings.scss';
+
+.validation {
+  &__errors {
+    font-size: $font-size-sm;
+    font-weight: 600;
+    color: $cherry500;
+
+    &--bigform {
+      margin-left: getSpacer(l);
+    }
+  }
+}