@helsenorge/designsystem-react 1.0.0-beta92 → 1.0.0-beta97

package/components/Modal/index.d.ts

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

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

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

package/components/Modal/index.js

@@ -1,2 +1,2 @@
-import{M as s}from"../../Modal-b68c7a72.js";export{M as default}from"../../Modal-b68c7a72.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-2be46c88.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../Icon-9b4a8a2d.js";import"../../constants-a4b0b501.js";import"../../Loader-3589bdb1.js";import"../../uuid-8870ab4b.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";import"./styles.module.scss";import"../../AlertSignFill-e607ff43.js";import"../../Title-72851d51.js";import"../Title/styles.module.scss";import"../../Close-80751ae6.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";import"react-dom";
+import{M as s}from"../../Modal-3742133d.js";export{b as ModalSize,a as ModalVariants,M as default}from"../../Modal-3742133d.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.d.ts

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

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

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

package/components/NotificationPanel/index.js

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

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

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

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

package/components/RadioButton/index.js

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

@@ -16,7 +16,7 @@
 
   &--with-error {
     padding: getSpacer(s) getSpacer(xs) getSpacer(m);
-    background-color: $cherry50;
+    background-color: $cherry100;
     margin-left: -0.75rem;
     border-left: 0.25rem solid $cherry500;
 
@@ -99,7 +99,7 @@
   justify-content: center;
   align-items: center;
   border-radius: 10rem;
-  margin: getSpacer(3xs) getSpacer(s) getSpacer(3xs) getSpacer(3xs);
+  margin: 0 getSpacer(s) 0 0;
   height: 1.5rem;
   width: 1.5rem;
   min-width: auto !important;

package/components/Slider/index.d.ts

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

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

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

package/components/Slider/index.js

@@ -1,2 +1,2 @@
-import{_ as e}from"../../_rollupPluginBabelHelpers-d0752906.js";import t,{useState as n,useRef as r,useEffect as o}from"react";import{c as a}from"../../index-9b84fabc.js";import{T as i}from"../../Title-72851d51.js";import c from"./styles.module.scss";import"../Title/styles.module.scss";var u=function(e){return e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),!1},l=function(e){return d(e)?e.touches[0].pageX:e.pageX},s=function(e){var t=e?e.getBoundingClientRect():void 0;return t?t.right-t.left:0},d=function(e){return("touchcancel"===e.type||"touchend"===e.type||"touchenter"===e.type||"touchleave"===e.type||"touchmove"===e.type||"touchstart"===e.type)&&!(0===e.touches.length)},m=function(e,t,n){var r=e-e%t,o=Math.floor(n/t)*t;e>o&&(e>o+(n-o)/2&&(r=n));return Math.round(r)},f=t.forwardRef((function(d,f){var v=d.title,p=d.labelLeft,h=d.labelRight,_=d.disabled,g=void 0!==_&&_,E=d.step,y=void 0===E?1:E,b=d.onChange,w=d.testId,k=n(50),L=e(k,2),N=L[0],x=L[1],D=n(!1),M=e(D,2),R=M[0],A=M[1],T=n(0),j=e(T,2),B=j[0],C=j[1],P=n(0),I=e(P,2),X=I[0],H=I[1],K=n(0),S=e(K,2),U=S[0],q=S[1],z=n(0),F=e(z,2),G=F[0],J=F[1],O=f||r(null),Q=r(null),V=function(e){te(e)},W=function(e){ee(e)},Y=function(e){te(e)},Z=function(e){ee(e)};o((function(){var e=s(O.current),t=s(Q.current);q(function(e,t,n,r,o){return(t-n)/(o-r)*e}(N,e,t,0,100)),C(e),H(t)}),[]),o((function(){R&&(function(e,t){document.addEventListener("mousemove",e,!1),document.addEventListener("mouseup",t,!1)}(V,W),function(e,t){document.addEventListener("touchmove",e,!1),document.addEventListener("touchend",t,!1)}(Y,Z))}),[R]),o((function(){!g&&b&&b(N)}),[N]);var $=function(e){var t;if(!g){var n=s(O.current),r=s(Q.current),o=l(e);!function(e,t,n,r){var o=t?t.getBoundingClientRect():void 0,a=o?o.left:0;r(a?e-(a+n/2):0)}(o,Q.current,r,ne),A(!0),J(o),C(n),H(r),null===(t=Q.current)||void 0===t||t.focus(),u(e)}},ee=function(e){g||(A(!1),function(e,t){document.removeEventListener("mousemove",e,!1),document.removeEventListener("mouseup",t,!1)}(V,W),function(e,t){document.removeEventListener("touchmove",e,!1),document.removeEventListener("touchend",t,!1)}(Y,Z),u(e))},te=function(e){if(!g&&R){var t=l(e);ne(t-G),u(e)}},ne=function(e){if(0!==e){var t=function(e,t,n,r){var o=r+e;return o<0&&(o=0),o>t-n&&(o=t-n),o}(e,B,X,U);q(t),J(t+e),x(function(e,t,n,r,o,a){var i=(t-n)/(a-o),c=Math.round(e/i);return m(c,r,a)}(t,B,X,y,0,100))}};return t.createElement("div",{className:c.slider,"data-testid":w},v&&t.createElement(i,{htmlMarkup:"h3",margin:1.5,appearance:"title3"},v),t.createElement("div",{ref:O,className:a(c["slider__track-wrapper"],g?c["slider__track-wrapper--disabled"]:""),onMouseDown:$,onTouchStart:$,"data-testid":"tracker"},t.createElement("div",{className:a(c.slider__track,g?c["slider__track--disabled"]:"")}),t.createElement("div",{ref:Q,className:a(c.slider__trigger,g?c["slider__trigger--disabled"]:""),style:{left:"".concat(U,"px")},onKeyDown:function(e){if(!g){var t=(B-X)/100;"ArrowRight"!==e.key&&"ArrowDown"!==e.key||ne(y*t),"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||ne(-y*t)}},role:"slider","aria-valuenow":N,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"".concat(v?v+" ":"").concat(p?p+" ":"").concat(h?h+" ":""),tabIndex:g?-1:0},t.createElement("div",{className:a(c["slider__trigger-inner"],g?c["slider__trigger-inner--disabled"]:"")}))),(p||h)&&t.createElement("span",{className:c.slider__options},t.createElement("p",{className:c.slider__text,"aria-hidden":!0},p),t.createElement("p",{className:c.slider__text,"aria-hidden":!0},h)))}));export default f;
+import{_ as e}from"../../_rollupPluginBabelHelpers-d0752906.js";import t,{useState as n,useRef as r,useEffect as o}from"react";import{c as a}from"../../index-9b84fabc.js";import{T as i}from"../../Title-90910763.js";import c from"./styles.module.scss";import"../Title/styles.module.scss";var u=function(e){return e.stopPropagation&&e.stopPropagation(),e.preventDefault&&e.preventDefault(),!1},l=function(e){return d(e)?e.touches[0].pageX:e.pageX},s=function(e){var t=e?e.getBoundingClientRect():void 0;return t?t.right-t.left:0},d=function(e){return("touchcancel"===e.type||"touchend"===e.type||"touchenter"===e.type||"touchleave"===e.type||"touchmove"===e.type||"touchstart"===e.type)&&!(0===e.touches.length)},m=function(e,t,n){var r=e-e%t,o=Math.floor(n/t)*t;e>o&&(e>o+(n-o)/2&&(r=n));return Math.round(r)},f=t.forwardRef((function(d,f){var v=d.title,p=d.labelLeft,h=d.labelRight,_=d.disabled,g=void 0!==_&&_,E=d.step,y=void 0===E?1:E,b=d.onChange,w=d.testId,k=n(50),L=e(k,2),x=L[0],N=L[1],D=n(!1),M=e(D,2),R=M[0],A=M[1],T=n(0),j=e(T,2),B=j[0],C=j[1],P=n(0),I=e(P,2),X=I[0],H=I[1],K=n(0),S=e(K,2),U=S[0],q=S[1],z=n(0),F=e(z,2),G=F[0],J=F[1],O=f||r(null),Q=r(null),V=function(e){te(e)},W=function(e){ee(e)},Y=function(e){te(e)},Z=function(e){ee(e)};o((function(){var e=s(O.current),t=s(Q.current);q(function(e,t,n,r,o){return(t-n)/(o-r)*e}(x,e,t,0,100)),C(e),H(t)}),[]),o((function(){R&&(function(e,t){document.addEventListener("mousemove",e,!1),document.addEventListener("mouseup",t,!1)}(V,W),function(e,t){document.addEventListener("touchmove",e,!1),document.addEventListener("touchend",t,!1)}(Y,Z))}),[R]),o((function(){!g&&b&&b(x)}),[x]);var $=function(e){var t;if(!g){var n=s(O.current),r=s(Q.current),o=l(e);!function(e,t,n,r){var o=t?t.getBoundingClientRect():void 0,a=o?o.left:0;r(a?e-(a+n/2):0)}(o,Q.current,r,ne),A(!0),J(o),C(n),H(r),null===(t=Q.current)||void 0===t||t.focus(),u(e)}},ee=function(e){g||(A(!1),function(e,t){document.removeEventListener("mousemove",e,!1),document.removeEventListener("mouseup",t,!1)}(V,W),function(e,t){document.removeEventListener("touchmove",e,!1),document.removeEventListener("touchend",t,!1)}(Y,Z),u(e))},te=function(e){if(!g&&R){var t=l(e);ne(t-G),u(e)}},ne=function(e){if(0!==e){var t=function(e,t,n,r){var o=r+e;return o<0&&(o=0),o>t-n&&(o=t-n),o}(e,B,X,U);q(t),J(t+e),N(function(e,t,n,r,o,a){var i=(t-n)/(a-o),c=Math.round(e/i);return m(c,r,a)}(t,B,X,y,0,100))}};return t.createElement("div",{className:c.slider,"data-testid":w},v&&t.createElement(i,{htmlMarkup:"h3",margin:1.5,appearance:"title3"},v),t.createElement("div",{ref:O,className:a(c["slider__track-wrapper"],g?c["slider__track-wrapper--disabled"]:""),onMouseDown:$,onTouchStart:$,"data-testid":"tracker"},t.createElement("div",{className:a(c.slider__track,g?c["slider__track--disabled"]:"")}),t.createElement("div",{ref:Q,className:a(c.slider__trigger,g?c["slider__trigger--disabled"]:""),style:{left:"".concat(U,"px")},onKeyDown:function(e){if(!g){var t=(B-X)/100;"ArrowRight"!==e.key&&"ArrowDown"!==e.key||ne(y*t),"ArrowLeft"!==e.key&&"ArrowUp"!==e.key||ne(-y*t)}},role:"slider","aria-valuenow":x,"aria-valuemin":0,"aria-valuemax":100,"aria-label":"".concat(v?v+" ":"").concat(p?p+" ":"").concat(h?h+" ":""),tabIndex:g?-1:0},t.createElement("div",{className:a(c["slider__trigger-inner"],g?c["slider__trigger-inner--disabled"]:"")}))),(p||h)&&t.createElement("span",{className:c.slider__options},t.createElement("p",{className:c.slider__text,"aria-hidden":!0},p),t.createElement("p",{className:c.slider__text,"aria-hidden":!0},h)))}));export default f;export{f as Slider};
 //# sourceMappingURL=index.js.map

package/components/Spacer/index.d.ts

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

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

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

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

package/components/Textarea/componentdata.json

@@ -131,25 +131,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\""
           }
         ]
       }
@@ -249,6 +249,44 @@
         "name": "string"
       }
     },
+    "afterLabelChildren": {
+      "defaultValue": null,
+      "description": "Component shown after label",
+      "name": "afterLabelChildren",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "belowLabelChildren": {
+      "defaultValue": null,
+      "description": "Component shown under label",
+      "name": "belowLabelChildren",
+      "parent": {
+        "fileName": "src/components/Textarea/Textarea.tsx",
+        "name": "TextareaProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Textarea/Textarea.tsx",
+          "name": "TextareaProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
     "autoFocus": {
       "defaultValue": null,
       "description": "",

package/components/Textarea/index.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAElC,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,eAAe,QAAQ,CAAC"}

package/components/Textarea/index.js

@@ -1,2 +1,2 @@
-import{T as s}from"../../Textarea-9c91191a.js";export{T as default}from"../../Textarea-9c91191a.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-a4b0b501.js";import"../../uuid-8870ab4b.js";
+import{T as s}from"../../Textarea-05e33ba3.js";export{T as default}from"../../Textarea-05e33ba3.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../constants-42547490.js";import"../../uuid-8870ab4b.js";
 //# sourceMappingURL=index.js.map

package/components/Textarea/styles.module.scss

@@ -2,10 +2,10 @@
 @import '../../scss/_breakpoints.scss';
 @import '../../scss/_palette.scss';
 @import '../../scss/_font-settings.scss';
+@import '../../scss/_input.scss';
 
 .textarea {
-  width: 100%;
-  line-height: 0;
+  @include input-wrapper;
 
   &__error-text {
     font-size: $font-size-sm;
@@ -19,113 +19,6 @@
     margin-bottom: getSpacer(s);
   }
 
-  &__label {
-    line-height: getSpacer(m);
-    font-size: $font-size-sm;
-    font-weight: 600;
-    padding-bottom: getSpacer(2xs);
-
-    @media (min-width: map-get($grid-breakpoints, md)) {
-      line-height: getSpacer(l);
-      font-size: $font-size-md;
-    }
-
-    &--OnDark {
-      color: $white;
-    }
-  }
-
-  &__input {
-    line-height: 26px;
-    font-size: $font-size-sm;
-    width: 100%;
-    padding: 16px;
-    resize: none;
-    border: $neutral700 2px solid;
-    outline: none;
-
-    @media (min-width: map-get($grid-breakpoints, md)) {
-      line-height: 28px;
-      font-size: $font-size-md;
-    }
-
-    &:hover {
-      background: $neutral50;
-      border-color: $neutral700;
-      box-shadow: 0px 0px 0px 1px $neutral700;
-    }
-    &:focus {
-      background: $white;
-      border-radius: 0;
-      border-color: $neutral900;
-      box-shadow: 0px 0px 0px 2px $neutral900;
-    }
-
-    &:disabled {
-      cursor: not-allowed;
-      background: $neutral50;
-      border-color: $neutral500;
-      color: $neutral500;
-    }
-    &::placeholder {
-      color: $neutral500;
-    }
-
-    &--OnBlueberry {
-      border-color: $blueberry500;
-
-      &:hover {
-        background: $blueberry50;
-        box-shadow: 0px 0px 0px 1px $blueberry500;
-        border-color: $blueberry500;
-      }
-
-      &:focus {
-        background: $white;
-        border-color: $neutral900;
-        box-shadow: 0px 0px 0px 2px $neutral900;
-      }
-      &:disabled {
-        background: $neutral50;
-        border-color: $neutral500;
-        color: $neutral500;
-      }
-    }
-    &--OnDark {
-      border-color: $blueberry900;
-      &:hover {
-        background: $blueberry50;
-        border-color: $blueberry900;
-        box-shadow: 0px 0px 0px 1px $blueberry900;
-      }
-      &:focus {
-        background: $white;
-        border-color: $neutral900;
-        box-shadow: 0px 0px 0px 2px $neutral900;
-      }
-      &:disabled {
-        background: $neutral50;
-      }
-    }
-    &--invalid {
-      border-color: $cherry500;
-      &:focus {
-        border-color: $cherry500;
-        box-shadow: 0px 0px 0px 2px $cherry500;
-      }
-    }
-
-    &--transparent {
-      background: transparent;
-      &:hover {
-        background: transparent;
-      }
-      &:focus {
-        background: $white;
-      }
-    }
-  }
-
   &__counter-wrapper {
     display: flex;
     justify-content: end;
@@ -143,7 +36,7 @@
       margin: 0;
     }
 
-    &--OnDark {
+    &--on-dark {
       color: $white;
     }
     &--invalid {
@@ -152,3 +45,13 @@
     }
   }
 }
+
+.content-wrapper {
+  @include content-wrapper;
+  &__input {
+    line-height: 28px;
+    height: auto;
+    padding: 16px;
+    resize: none;
+  }
+}

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

@@ -1,16 +1,21 @@
 export type Styles = {
+  'content-wrapper': string;
+  'content-wrapper__input': 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;
   textarea: string;
+  'textarea__after-label-children': string;
   'textarea__counter-wrapper': string;
   'textarea__counter-wrapper--invalid': string;
-  'textarea__counter-wrapper--OnDark': string;
+  'textarea__counter-wrapper--on-dark': string;
   'textarea__error-text': string;
-  textarea__input: string;
-  'textarea__input--invalid': string;
-  'textarea__input--OnBlueberry': string;
-  'textarea__input--OnDark': string;
-  'textarea__input--transparent': string;
-  textarea__label: string;
-  'textarea__label--OnDark': string;
+  'textarea__label-wrapper': string;
+  'textarea__label-wrapper--on-dark': string;
   'textarea--gutterBottom': string;
 };
 

package/components/Tile/index.d.ts

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

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

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

package/components/Tile/index.js

@@ -1,2 +1,2 @@
-import{_ as e,a as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import{_ as i}from"../../_tslib-51c8a283.js";import r,{useState as l}from"react";import{c as a}from"../../index-9b84fabc.js";import"../../Icon-9b4a8a2d.js";import{I as o}from"../../constants-a4b0b501.js";import n from"./styles.module.scss";var s=r.forwardRef((function(e,i){var l,o=e.children,s=e.className,c=e.htmlMarkup,m=void 0===c?"span":c,d=e.highlighted,p=e.compact,f=a(n.tile__title,(t(l={},n["tile__title--highlighted"],d),t(l,n["tile__title--compact"],p),l),s),u=m;return r.createElement(u,{className:f,ref:i},o)})),c=r.forwardRef((function(s,c){var m,d=s.icon,p=s.title,f=s.className,u=void 0===f?"":f,h=s.description,g=s.fixed,_=void 0!==g&&g,b=s.highlighted,v=void 0!==b&&b,E=s.testId,N=i(s,["icon","title","className","description","fixed","highlighted","testId"]),j=l(!1),w=e(j,2),x=w[0],I=w[1],M=!h,k=a(n.tile,(t(m={},n["tile--fixed"],_),t(m,n["tile--compact"],M),t(m,n["tile--highlighted"],v),m),u),B=a(n["title-wrapper"],t({},n["title-wrapper--compact"],M));return r.createElement("a",Object.assign({ref:c,className:k,onMouseEnter:function(){return I(!0)},onMouseLeave:function(){return I(!1)},onFocus:function(){return I(!0)},onBlur:function(){return I(!1)},"data-testid":E,rel:"_blank"===s.target?"noopener noreferrer":s.rel},N),r.createElement("div",{className:B},r.cloneElement(d,{size:o.Medium,isHovered:x,color:v?"white":"black"}),r.cloneElement(p,{highlighted:v,compact:M})),h?r.createElement("p",{className:n.tile__description},h):null)}));c.Title=s;export default c;
+import{_ as e,a as t}from"../../_rollupPluginBabelHelpers-d0752906.js";import{_ as i}from"../../_tslib-51c8a283.js";import r,{useState as l}from"react";import{c as o}from"../../index-9b84fabc.js";import"../../Icon-04613a89.js";import{I as a}from"../../constants-42547490.js";import n from"./styles.module.scss";var s=r.forwardRef((function(e,i){var l,a=e.children,s=e.className,c=e.htmlMarkup,m=void 0===c?"span":c,d=e.highlighted,p=e.compact,f=o(n.tile__title,(t(l={},n["tile__title--highlighted"],d),t(l,n["tile__title--compact"],p),l),s),u=m;return r.createElement(u,{className:f,ref:i},a)})),c=r.forwardRef((function(s,c){var m,d=s.icon,p=s.title,f=s.className,u=void 0===f?"":f,h=s.description,g=s.fixed,_=void 0!==g&&g,v=s.highlighted,b=void 0!==v&&v,E=s.testId,N=i(s,["icon","title","className","description","fixed","highlighted","testId"]),j=l(!1),x=e(j,2),w=x[0],I=x[1],M=!h,k=o(n.tile,(t(m={},n["tile--fixed"],_),t(m,n["tile--compact"],M),t(m,n["tile--highlighted"],b),m),u),B=o(n["title-wrapper"],t({},n["title-wrapper--compact"],M));return r.createElement("a",Object.assign({ref:c,className:k,onMouseEnter:function(){return I(!0)},onMouseLeave:function(){return I(!1)},onFocus:function(){return I(!0)},onBlur:function(){return I(!1)},"data-testid":E,rel:"_blank"===s.target?"noopener noreferrer":s.rel},N),r.createElement("div",{className:B},r.cloneElement(d,{size:a.Medium,isHovered:w,color:b?"white":"black"}),r.cloneElement(p,{highlighted:b,compact:M})),h?r.createElement("p",{className:n.tile__description},h):null)}));c.Title=s;export default c;export{c as Tile};
 //# sourceMappingURL=index.js.map

package/components/Title/index.d.ts

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

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

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

package/components/Title/index.js

@@ -1,2 +1,2 @@
-import{T as s}from"../../Title-72851d51.js";export{T as default}from"../../Title-72851d51.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";
+import{T as s}from"../../Title-90910763.js";export{T as default,i as instanceOfTitleMargin}from"../../Title-90910763.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/components/Validation/componentdata.json

@@ -74,16 +74,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/Validation/index.d.ts

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

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

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Validation/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,eAAe,UAAU,CAAC"}

package/components/Validation/index.js

@@ -1,2 +1,2 @@
-import{V as s}from"../../Validation-1236e8ef.js";export{V as default}from"../../Validation-1236e8ef.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-9555dd73.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-0ba01292.js";import"../../uuid-8870ab4b.js";import"../../Check-6291ad09.js";import"../../Icon-9b4a8a2d.js";import"../../_tslib-51c8a283.js";import"../../constants-a4b0b501.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../Title-72851d51.js";import"../Title/styles.module.scss";import"../../RadioButton-84ca988e.js";import"../RadioButton/styles.module.scss";import"./styles.module.scss";
+import{V as s}from"../../Validation-9bf0c0ec.js";export{V as Validation,V as default}from"../../Validation-9bf0c0ec.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-6c545646.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-fb5dff56.js";import"../../uuid-8870ab4b.js";import"../../Check-6291ad09.js";import"../../Icon-04613a89.js";import"../../_tslib-51c8a283.js";import"../../constants-42547490.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-d90884c9.js";import"../RadioButton/styles.module.scss";import"../../Input-adeb7f88.js";import"../../useBreakpoint-324a9b14.js";import"../../useWindowSize-73b47451.js";import"../Input/styles.module.scss";import"../../Title-90910763.js";import"../Title/styles.module.scss";import"./styles.module.scss";
 //# sourceMappingURL=index.js.map

package/constants-42547490.js

@@ -0,0 +1,2 @@
+var a,n,o,r;!function(a){a[a.XSmall=38]="XSmall",a[a.Small=48]="Small",a[a.Medium=64]="Medium",a[a.Large=80]="Large",a[a.XLarge=130]="XLarge"}(a||(a={})),function(a){a[a.Modal=13e5]="Modal"}(n||(n={})),function(a){a.onwhite="onwhite",a.ongrey="ongrey",a.onblueberry="onblueberry",a.ondark="ondark",a.oninvalid="oninvalid"}(o||(o={})),function(a){a.normal="normal",a.bigform="bigform"}(r||(r={}));export{o as F,a as I,n as Z,r as a};
+//# sourceMappingURL=constants-42547490.js.map

package/constants-42547490.js.map

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

package/constants.d.ts

@@ -48,14 +48,14 @@ export interface HTMLAnchorProps {
 }
 export declare type ButtonVariant = 'secondary' | 'tertiary' | string | undefined | null;
 export declare enum FormMode {
-    OnWhite = "OnWhite",
-    OnGrey = "OnGrey",
-    OnBlueberry = "OnBlueberry",
-    OnDark = "OnDark",
-    OnError = "OnError"
+    onwhite = "onwhite",
+    ongrey = "ongrey",
+    onblueberry = "onblueberry",
+    ondark = "ondark",
+    oninvalid = "oninvalid"
 }
 export declare enum FormVariant {
-    Normal = "Normal",
-    BigForm = "BigForm"
+    normal = "normal",
+    bigform = "bigform"
 }
 //# sourceMappingURL=constants.d.ts.map

package/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,MAAM,KAAK;IACX,KAAK,KAAK;IACV,MAAM,KAAK;IACX,KAAK,KAAK;IACV,MAAM,MAAM;CACb;AAED,oBAAY,MAAM;IAChB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EACX,EAAE,GACF,aAAa,GACb,aAAa,GACb,4BAA4B,GAC5B,QAAQ,GACR,0BAA0B,GAC1B,eAAe,GACf,iCAAiC,GACjC,YAAY,CAAC;CAClB;AAED,oBAAY,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AAEjF,oBAAY,QAAQ;IAClB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,MAAM,WAAW;IACjB,OAAO,YAAY;CACpB;AAED,oBAAY,WAAW;IACrB,MAAM,WAAW;IACjB,OAAO,YAAY;CACpB"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,oBAAY,QAAQ;IAClB,MAAM,KAAK;IACX,KAAK,KAAK;IACV,MAAM,KAAK;IACX,KAAK,KAAK;IACV,MAAM,MAAM;CACb;AAED,oBAAY,MAAM;IAChB,KAAK,UAAU;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,MAAM,CAAC;CACpC;AAED,MAAM,WAAW,iBAAiB;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EACX,EAAE,GACF,aAAa,GACb,aAAa,GACb,4BAA4B,GAC5B,QAAQ,GACR,0BAA0B,GAC1B,eAAe,GACf,iCAAiC,GACjC,YAAY,CAAC;CAClB;AAED,oBAAY,aAAa,GAAG,WAAW,GAAG,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;AAEjF,oBAAY,QAAQ;IAClB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,WAAW,gBAAgB;IAC3B,MAAM,WAAW;IACjB,SAAS,cAAc;CACxB;AAED,oBAAY,WAAW;IACrB,MAAM,WAAW;IACjB,OAAO,YAAY;CACpB"}