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

package/components/Input/componentdata.json

@@ -0,0 +1,425 @@
+{
+  "props": {
+    "defaultValue": {
+      "defaultValue": null,
+      "description": "initial value for input",
+      "name": "defaultValue",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "placeholder": {
+      "defaultValue": null,
+      "description": "Text for the placeholder",
+      "name": "placeholder",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "type": {
+      "defaultValue": null,
+      "description": "HMTL Input type",
+      "name": "type",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"number\" | \"text\" | \"email\" | \"password\" | \"search\" | \"tel\" | \"url\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"number\""
+          },
+          {
+            "value": "\"text\""
+          },
+          {
+            "value": "\"email\""
+          },
+          {
+            "value": "\"password\""
+          },
+          {
+            "value": "\"search\""
+          },
+          {
+            "value": "\"tel\""
+          },
+          {
+            "value": "\"url\""
+          }
+        ]
+      }
+    },
+    "inputid": {
+      "defaultValue": null,
+      "description": "input id",
+      "name": "inputid",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "name": {
+      "defaultValue": null,
+      "description": "Unique identifyer for the input tag",
+      "name": "name",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "transparent": {
+      "defaultValue": null,
+      "description": "If true, the component will be transparent.",
+      "name": "transparent",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "icon": {
+      "defaultValue": null,
+      "description": "Icon to be displayed next to the input field",
+      "name": "icon",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "FC<SvgPathProps>"
+      }
+    },
+    "iconRight": {
+      "defaultValue": null,
+      "description": "Places the icon to the right",
+      "name": "iconRight",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "mode": {
+      "defaultValue": null,
+      "description": "Changes the color profile of the input",
+      "name": "mode",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"onwhite\" | \"ongrey\" | \"onblueberry\" | \"ondark\" | \"oninvalid\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"onwhite\""
+          },
+          {
+            "value": "\"ongrey\""
+          },
+          {
+            "value": "\"onblueberry\""
+          },
+          {
+            "value": "\"ondark\""
+          },
+          {
+            "value": "\"oninvalid\""
+          }
+        ]
+      }
+    },
+    "variant": {
+      "defaultValue": null,
+      "description": "Changes the visuals of the input",
+      "name": "variant",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"normal\" | \"bigform\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"normal\""
+          },
+          {
+            "value": "\"bigform\""
+          }
+        ]
+      }
+    },
+    "label": {
+      "defaultValue": null,
+      "description": "Label of the input",
+      "name": "label",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "error": {
+      "defaultValue": null,
+      "description": "Activates Error style for the input",
+      "name": "error",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "errorText": {
+      "defaultValue": null,
+      "description": "Error text to show above the component",
+      "name": "errorText",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "disabled": {
+      "defaultValue": null,
+      "description": "Disables the input field",
+      "name": "disabled",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "readOnly": {
+      "defaultValue": null,
+      "description": "Om input feltet er readOnly",
+      "name": "readOnly",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "autocomplete": {
+      "defaultValue": null,
+      "description": "attribute autocomplete,",
+      "name": "autocomplete",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "afterLabelChildren": {
+      "defaultValue": null,
+      "description": "Component shown after label",
+      "name": "afterLabelChildren",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "belowLabelChildren": {
+      "defaultValue": null,
+      "description": "Component shown under label",
+      "name": "belowLabelChildren",
+      "parent": {
+        "fileName": "src/components/Input/Input.tsx",
+        "name": "InputProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Input/Input.tsx",
+          "name": "InputProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    }
+  }
+}

package/components/Input/index.d.ts

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

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

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

package/components/Input/index.js

@@ -0,0 +1,2 @@
+import{I as s}from"../../Input-adeb7f88.js";export{a as InputTypes,I as default}from"../../Input-adeb7f88.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"../../constants-42547490.js";import"../../uuid-8870ab4b.js";import"../../Icon-04613a89.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../useBreakpoint-324a9b14.js";import"../../useWindowSize-73b47451.js";import"./styles.module.scss";
+//# sourceMappingURL=index.js.map

package/components/Input/index.js.map

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

package/components/Input/styles.module.scss

@@ -0,0 +1,55 @@
+@import '../../scss/_spacers.scss';
+@import '../../scss/_breakpoints.scss';
+@import '../../scss/_palette.scss';
+@import '../../scss/_font-settings.scss';
+@import '../../scss/_input.scss';
+
+.input-wrapper {
+  @include input-wrapper;
+
+  margin: getSpacer(l) 0;
+}
+
+.input-wrapper:first-of-type {
+  margin-top: 0;
+}
+
+.input-wrapper:last-of-type {
+  margin-bottom: 0;
+}
+
+.content-wrapper {
+  @include content-wrapper;
+
+  padding: 0.5rem 0;
+  display: inline-flex;
+  align-items: center;
+
+  &--with-icon {
+    padding: 1px 0;
+
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      padding: 0.375rem 0;
+    }
+  }
+
+  &__input {
+    line-height: getSpacer(m);
+    height: getSpacer(m);
+
+    &--bigform {
+      height: 2.5rem;
+    }
+
+    @media (min-width: map-get($grid-breakpoints, md)) {
+      line-height: 1.625rem;
+      height: 2.125rem;
+      font-size: $font-size-md;
+
+      &--bigform {
+        line-height: 1.75rem;
+        height: 3.5rem;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,23 @@
+export type Styles = {
+  'content-wrapper': string;
+  'content-wrapper__input': string;
+  'content-wrapper__input--bigform': string;
+  'content-wrapper__input--disabled': string;
+  'content-wrapper--bigform': string;
+  'content-wrapper--disabled': string;
+  'content-wrapper--invalid': string;
+  'content-wrapper--on-blueberry': string;
+  'content-wrapper--on-dark': string;
+  'content-wrapper--transparent': string;
+  'content-wrapper--with-icon': string;
+  'input-wrapper': string;
+  'input-wrapper__after-label-children': string;
+  'input-wrapper__label-wrapper': string;
+  'input-wrapper__label-wrapper--on-dark': string;
+};
+
+export type ClassNames = keyof Styles;
+
+declare const styles: Styles;
+
+export default styles;

package/components/LinkList/index.js

@@ -1,2 +1,2 @@
-import{a as e}from"../../_rollupPluginBabelHelpers-d0752906.js";import{_ as r}from"../../_tslib-51c8a283.js";import t from"react";import{c as l}from"../../index-9b84fabc.js";import{I as a}from"../../Icon-9b4a8a2d.js";import{I as o}from"../../constants-a4b0b501.js";import{u as i,B as s}from"../../useBreakpoint-324a9b14.js";import{u as n}from"../../useHover-037be19d.js";import m from"./styles.module.scss";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var c=function(e){var r=e.isExtraSmall,l=e.isHovered,a=t.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=t.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"}),i=t.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 r?l?t.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"}):i:l?o:a},d=t.forwardRef((function(d,p){var v,f=d.children,u=d.className,h=void 0===u?"":u,_=d.color,b=void 0===_?"neutral":_,k=d.icon,E=d.size,z=void 0===E?"medium":E,j=d.chevron,L=void 0!==j&&j,g=d.testId,N=d.target,H=r(d,["children","className","color","icon","size","chevron","testId","target"]),I=n(),B=I.hoverRef,S=I.isHovered,x=i(),M="small"!==z&&!(!L&&!k);return t.createElement("li",{ref:p,"data-testid":g},t.createElement("a",Object.assign({className:l(m["link-list__anchor"],m["link-list__anchor--"+b],(v={},e(v,m["link-list__anchor--small"],"small"===z),e(v,m["link-list__anchor--medium"],"medium"===z),e(v,m["link-list__anchor--large"],"large"===z),v),h),ref:B,rel:"_blank"===N?"noopener noreferrer":void 0,target:N},H),M&&k&&t.createElement("span",{className:m["link-list__icon"]},t.cloneElement(k,{size:x===s.Xs?o.XSmall:o.Small,isHovered:S})),t.createElement("span",{className:m["link-list__content"]},f),M&&L&&t.createElement("span",{className:m["link-list__chevron"]},t.createElement(a,{svgIcon:c,isHovered:S,size:o.XSmall}))))})),p=t.forwardRef((function(r,a){var o,i=r.children,s=r.className,n=void 0===s?"":s,c=r.chevron,p=void 0!==c&&c,v=r.size,f=void 0===v?"medium":v,u=r.color,h=r.topBorder,_=void 0===h||h,b=r.bottomBorder,k=void 0===b||b,E=r.testId;return t.createElement("ul",{ref:a,className:l(m["link-list"],(o={},e(o,m["link-list--hastopborder"],_),e(o,m["link-list--nobottomborder"],!k),o),n||""),"data-testid":E},t.Children.map(i,(function(e){if(e.type===d)return t.cloneElement(e,{color:u,size:f,chevron:p})})))}));p.Link=d,d.displayName="LinkList.Link";export default p;export{p as LinkList};
+import{a as e}from"../../_rollupPluginBabelHelpers-d0752906.js";import{_ as r}from"../../_tslib-51c8a283.js";import t from"react";import{c as l}from"../../index-9b84fabc.js";import{I as a}from"../../Icon-04613a89.js";import{I as o}from"../../constants-42547490.js";import{u as i,B as s}from"../../useBreakpoint-324a9b14.js";import{u as n}from"../../useHover-037be19d.js";import m from"./styles.module.scss";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var c=function(e){var r=e.isExtraSmall,l=e.isHovered,a=t.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=t.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"}),i=t.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 r?l?t.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"}):i:l?o:a},d=t.forwardRef((function(d,p){var v,f=d.children,u=d.className,h=void 0===u?"":u,_=d.color,k=void 0===_?"neutral":_,b=d.icon,E=d.size,z=void 0===E?"medium":E,j=d.chevron,L=void 0!==j&&j,g=d.testId,N=d.target,H=r(d,["children","className","color","icon","size","chevron","testId","target"]),I=n(),B=I.hoverRef,S=I.isHovered,x=i(),M="small"!==z&&!(!L&&!b);return t.createElement("li",{ref:p,"data-testid":g},t.createElement("a",Object.assign({className:l(m["link-list__anchor"],m["link-list__anchor--"+k],(v={},e(v,m["link-list__anchor--small"],"small"===z),e(v,m["link-list__anchor--medium"],"medium"===z),e(v,m["link-list__anchor--large"],"large"===z),v),h),ref:B,rel:"_blank"===N?"noopener noreferrer":void 0,target:N},H),M&&b&&t.createElement("span",{className:m["link-list__icon"]},t.cloneElement(b,{size:x===s.Xs?o.XSmall:o.Small,isHovered:S})),t.createElement("span",{className:m["link-list__content"]},f),M&&L&&t.createElement("span",{className:m["link-list__chevron"]},t.createElement(a,{svgIcon:c,isHovered:S,size:o.XSmall}))))})),p=t.forwardRef((function(r,a){var o,i=r.children,s=r.className,n=void 0===s?"":s,c=r.chevron,p=void 0!==c&&c,v=r.size,f=void 0===v?"medium":v,u=r.color,h=r.topBorder,_=void 0===h||h,k=r.bottomBorder,b=void 0===k||k,E=r.testId;return t.createElement("ul",{ref:a,className:l(m["link-list"],(o={},e(o,m["link-list--hastopborder"],_),e(o,m["link-list--nobottomborder"],!b),o),n||""),"data-testid":E},t.Children.map(i,(function(e){if(e.type===d)return t.cloneElement(e,{color:u,size:f,chevron:p})})))}));p.Link=d,d.displayName="LinkList.Link";export default p;export{p as LinkList};
 //# sourceMappingURL=index.js.map

package/components/Modal/index.js

@@ -1,2 +1,2 @@
-import{M as s}from"../../Modal-6b4a2c9c.js";export{b as ModalSize,a as ModalVariants,M as default}from"../../Modal-6b4a2c9c.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-72f96290.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-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-80751ae6.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";import"react-dom";
+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/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 o}from"../../palette-f206f488.js";import{I as n}from"../../Icon-9b4a8a2d.js";import"../../constants-a4b0b501.js";import{a as i,A as r}from"../../AlertSignFill-e607ff43.js";import l 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:{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};
+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/RadioButton/componentdata.json

@@ -112,25 +112,25 @@
       "required": false,
       "type": {
         "name": "enum",
-        "raw": "\"OnWhite\" | \"OnGrey\" | \"OnBlueberry\" | \"OnDark\" | \"OnError\" | undefined",
+        "raw": "\"onwhite\" | \"ongrey\" | \"onblueberry\" | \"ondark\" | \"oninvalid\" | undefined",
         "value": [
           {
             "value": "undefined"
           },
           {
-            "value": "\"OnWhite\""
+            "value": "\"onwhite\""
           },
           {
-            "value": "\"OnGrey\""
+            "value": "\"ongrey\""
           },
           {
-            "value": "\"OnBlueberry\""
+            "value": "\"onblueberry\""
           },
           {
-            "value": "\"OnDark\""
+            "value": "\"ondark\""
           },
           {
-            "value": "\"OnError\""
+            "value": "\"oninvalid\""
           }
         ]
       }
@@ -190,16 +190,16 @@
       "required": false,
       "type": {
         "name": "enum",
-        "raw": "\"Normal\" | \"BigForm\" | undefined",
+        "raw": "\"normal\" | \"bigform\" | undefined",
         "value": [
           {
             "value": "undefined"
           },
           {
-            "value": "\"Normal\""
+            "value": "\"normal\""
           },
           {
-            "value": "\"BigForm\""
+            "value": "\"bigform\""
           }
         ]
       }

package/components/RadioButton/index.js

@@ -1,2 +1,2 @@
-import{R as o}from"../../RadioButton-84ca988e.js";export{R as RadioButton,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";
+import{R as o}from"../../RadioButton-d90884c9.js";export{R as RadioButton,R as default}from"../../RadioButton-d90884c9.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"./styles.module.scss";import"../../constants-42547490.js";
 //# sourceMappingURL=index.js.map

package/components/Textarea/Textarea.d.ts

@@ -25,6 +25,10 @@ interface TextareaProps extends HTMLTextareaProps {
     grow?: boolean;
     /** Error text to show above the component */
     errorText?: string;
+    /** Component shown after label */
+    afterLabelChildren?: React.ReactNode;
+    /** Component shown under label */
+    belowLabelChildren?: React.ReactNode;
 }
 declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export default Textarea;

package/components/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG9D,UAAU,aAAc,SAAQ,iBAAiB;IAC/C,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,2FAiHZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAI3D,OAAO,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAG9D,UAAU,aAAc,SAAQ,iBAAiB;IAC/C,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uCAAuC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,wDAAwD;IACxD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACtC;AAED,QAAA,MAAM,QAAQ,2FA0HZ,CAAC;AAEH,eAAe,QAAQ,CAAC"}