@helsenorge/designsystem-react 5.4.0 → 6.0.0-beta.10

package/components/Icons/XmlFile.js.map

@@ -1 +1 @@
-{"version":3,"file":"XmlFile.js","sources":["../../../src/components/Icons/XmlFile.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgPathProps } from './Icon';\n\nconst XmlFile: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): JSX.Element => {\n  const normal = (\n    <path\n      fillRule=\"evenodd\"\n      d=\"M12 39.1h23.999V8.9H12v30.2zm-1.301 1.3H37.3V7.6H10.699v32.8zm7.482-7.089l1.037-1.796 1.042 1.796h.955L19.692 30.9l1.467-2.37h-.943l-1.011 1.766-.999-1.766h-.934l1.468 2.37-1.501 2.411h.942zm4.083-10.476l-2.292-2.292 2.292-2.292-.707-.707-2.999 2.999 2.999 2.999.707-.707zm6.3 5.695h-.797v4.781h2.994v-.637h-2.197V28.53zm-2.12-4.988l2.998-2.999-2.998-2.999-.707.707 2.291 2.292-2.291 2.292.707.707zm-4.57 9.769h.798v-1.629l-.082-2.092h.011l1.425 3.721h.535l1.431-3.73h.011l-.083 2.101v1.629h.798V28.53h-1.034l-1.39 3.703-1.385-3.703h-1.035v4.781z\"\n    />\n  );\n\n  const normalHover = (\n    <path\n      fillRule=\"evenodd\"\n      d=\"M12.001 39.1H36V8.9H12.001v30.2zM10.7 40.4h26.601V7.6H10.7v32.8zm7.48-7.089l1.038-1.796 1.042 1.796h.955L19.692 30.9l1.468-2.37h-.944l-1.01 1.766-.999-1.766h-.935l1.468 2.37-1.501 2.411h.941zm3.084-10.476l-2.292-2.292 2.292-2.292-.707-.707-2.999 2.999 2.999 2.999.707-.707zm7.3 5.695h-.798v4.781h2.995v-.637h-2.197V28.53zm-1.12-4.988l2.998-2.999-2.998-2.999-.707.707 2.291 2.292-2.291 2.292.707.707zm-5.569 9.769h.797v-1.629l-.082-2.092h.011l1.425 3.721h.535l1.432-3.73h.009l-.082 2.101v1.629h.798V28.53h-1.034l-1.39 3.703-1.385-3.703h-1.034v4.781z\"\n    />\n  );\n\n  return isHovered ? normalHover : normal;\n};\n\nexport default XmlFile;\n"],"names":["XmlFile","size","isHovered","React"],"mappings":"qBAIA,MAAMA,EAAkC,CAAC,CAAE,KAAAC,EAAM,UAAAC,KAexCA,EANLC,EAAA,cAAC,OAAA,CACC,SAAS,UACT,EAAE,siBAAA,CAAA,EATJA,EAAA,cAAC,OAAA,CACC,SAAS,UACT,EAAE,oiBAAA,CAAA"}
+{"version":3,"file":"XmlFile.js","sources":["../../../src/components/Icons/XmlFile.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgPathProps } from '../Icon';\n\nconst XmlFile: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): JSX.Element => {\n  const normal = (\n    <path\n      fillRule=\"evenodd\"\n      d=\"M12 39.1h23.999V8.9H12v30.2zm-1.301 1.3H37.3V7.6H10.699v32.8zm7.482-7.089l1.037-1.796 1.042 1.796h.955L19.692 30.9l1.467-2.37h-.943l-1.011 1.766-.999-1.766h-.934l1.468 2.37-1.501 2.411h.942zm4.083-10.476l-2.292-2.292 2.292-2.292-.707-.707-2.999 2.999 2.999 2.999.707-.707zm6.3 5.695h-.797v4.781h2.994v-.637h-2.197V28.53zm-2.12-4.988l2.998-2.999-2.998-2.999-.707.707 2.291 2.292-2.291 2.292.707.707zm-4.57 9.769h.798v-1.629l-.082-2.092h.011l1.425 3.721h.535l1.431-3.73h.011l-.083 2.101v1.629h.798V28.53h-1.034l-1.39 3.703-1.385-3.703h-1.035v4.781z\"\n    />\n  );\n\n  const normalHover = (\n    <path\n      fillRule=\"evenodd\"\n      d=\"M12.001 39.1H36V8.9H12.001v30.2zM10.7 40.4h26.601V7.6H10.7v32.8zm7.48-7.089l1.038-1.796 1.042 1.796h.955L19.692 30.9l1.468-2.37h-.944l-1.01 1.766-.999-1.766h-.935l1.468 2.37-1.501 2.411h.941zm3.084-10.476l-2.292-2.292 2.292-2.292-.707-.707-2.999 2.999 2.999 2.999.707-.707zm7.3 5.695h-.798v4.781h2.995v-.637h-2.197V28.53zm-1.12-4.988l2.998-2.999-2.998-2.999-.707.707 2.291 2.292-2.291 2.292.707.707zm-5.569 9.769h.797v-1.629l-.082-2.092h.011l1.425 3.721h.535l1.432-3.73h.009l-.082 2.101v1.629h.798V28.53h-1.034l-1.39 3.703-1.385-3.703h-1.034v4.781z\"\n    />\n  );\n\n  return isHovered ? normalHover : normal;\n};\n\nexport default XmlFile;\n"],"names":["XmlFile","size","isHovered","React"],"mappings":";AAIA,MAAMA,IAAkC,CAAC,EAAE,MAAAC,GAAM,WAAAC,QAexCA,IANL,gBAAAC,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,UAAS;AAAA,IACT,GAAE;AAAA,EAAA;AAAA,IATJ,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,UAAS;AAAA,IACT,GAAE;AAAA,EAAA;AAAA;"}

package/components/Icons/YouTube.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SvgPathProps } from './Icon';
+import { SvgPathProps } from '../Icon';
 declare const YouTube: React.FC<SvgPathProps>;
 export default YouTube;
 //# sourceMappingURL=YouTube.d.ts.map

package/components/Icons/YouTube.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"YouTube.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/YouTube.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAEtC,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAUnC,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"YouTube.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/YouTube.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAUnC,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/components/Icons/YouTube.js

@@ -1,2 +1,6 @@
-import a from"react";const l=({size:m,isHovered:e})=>e?a.createElement("path",{d:"M34.912 12.097a6.441 6.441 0 016.434 6.433v10.94a6.441 6.441 0 01-6.434 6.433H13.087a6.441 6.441 0 01-6.434-6.433V18.53a6.441 6.441 0 016.434-6.433zm0 1.3H13.087a5.139 5.139 0 00-5.133 5.133v10.94a5.139 5.139 0 005.133 5.133h21.825a5.139 5.139 0 005.133-5.133V18.53a5.139 5.139 0 00-5.133-5.133zm-13.755 5.07l10.616 5.41-10.616 5.41v-10.82zm1.302 2.122v6.577l6.451-3.288-6.451-3.29z"}):a.createElement("path",{d:"M34.913 12.097a6.441 6.441 0 016.434 6.433v10.94a6.441 6.441 0 01-6.434 6.433H13.088a6.441 6.441 0 01-6.434-6.433V18.53a6.441 6.441 0 016.434-6.433zm0 1.3H13.088a5.139 5.139 0 00-5.133 5.133v10.94a5.139 5.139 0 005.133 5.133h21.825a5.139 5.139 0 005.133-5.133V18.53a5.139 5.139 0 00-5.133-5.133zm-14.755 5.07l10.616 5.41-10.616 5.41v-10.82zm1.3 2.122v6.577l6.453-3.288-6.452-3.29z"});export{l as default};
+import a from "react";
+const l = ({ size: m, isHovered: e }) => e ? /* @__PURE__ */ a.createElement("path", { d: "M34.912 12.097a6.441 6.441 0 016.434 6.433v10.94a6.441 6.441 0 01-6.434 6.433H13.087a6.441 6.441 0 01-6.434-6.433V18.53a6.441 6.441 0 016.434-6.433zm0 1.3H13.087a5.139 5.139 0 00-5.133 5.133v10.94a5.139 5.139 0 005.133 5.133h21.825a5.139 5.139 0 005.133-5.133V18.53a5.139 5.139 0 00-5.133-5.133zm-13.755 5.07l10.616 5.41-10.616 5.41v-10.82zm1.302 2.122v6.577l6.451-3.288-6.451-3.29z" }) : /* @__PURE__ */ a.createElement("path", { d: "M34.913 12.097a6.441 6.441 0 016.434 6.433v10.94a6.441 6.441 0 01-6.434 6.433H13.088a6.441 6.441 0 01-6.434-6.433V18.53a6.441 6.441 0 016.434-6.433zm0 1.3H13.088a5.139 5.139 0 00-5.133 5.133v10.94a5.139 5.139 0 005.133 5.133h21.825a5.139 5.139 0 005.133-5.133V18.53a5.139 5.139 0 00-5.133-5.133zm-14.755 5.07l10.616 5.41-10.616 5.41v-10.82zm1.3 2.122v6.577l6.453-3.288-6.452-3.29z" });
+export {
+  l as default
+};
 //# sourceMappingURL=YouTube.js.map

package/components/Icons/YouTube.js.map

@@ -1 +1 @@
-{"version":3,"file":"YouTube.js","sources":["../../../src/components/Icons/YouTube.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgPathProps } from './Icon';\n\nconst YouTube: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path d=\"M34.913 12.097a6.441 6.441 0 016.434 6.433v10.94a6.441 6.441 0 01-6.434 6.433H13.088a6.441 6.441 0 01-6.434-6.433V18.53a6.441 6.441 0 016.434-6.433zm0 1.3H13.088a5.139 5.139 0 00-5.133 5.133v10.94a5.139 5.139 0 005.133 5.133h21.825a5.139 5.139 0 005.133-5.133V18.53a5.139 5.139 0 00-5.133-5.133zm-14.755 5.07l10.616 5.41-10.616 5.41v-10.82zm1.3 2.122v6.577l6.453-3.288-6.452-3.29z\" />\n  );\n\n  const normalHover = (\n    <path d=\"M34.912 12.097a6.441 6.441 0 016.434 6.433v10.94a6.441 6.441 0 01-6.434 6.433H13.087a6.441 6.441 0 01-6.434-6.433V18.53a6.441 6.441 0 016.434-6.433zm0 1.3H13.087a5.139 5.139 0 00-5.133 5.133v10.94a5.139 5.139 0 005.133 5.133h21.825a5.139 5.139 0 005.133-5.133V18.53a5.139 5.139 0 00-5.133-5.133zm-13.755 5.07l10.616 5.41-10.616 5.41v-10.82zm1.302 2.122v6.577l6.451-3.288-6.451-3.29z\" />\n  );\n\n  return isHovered ? normalHover : normal;\n};\n\nexport default YouTube;\n"],"names":["YouTube","size","isHovered","React"],"mappings":"qBAIA,MAAMA,EAAkC,CAAC,CAAE,KAAAC,EAAM,UAAAC,KASxCA,EAHLC,EAAA,cAAC,OAAK,CAAA,EAAE,gYAAiY,CAAA,EAJzYA,EAAA,cAAC,OAAK,CAAA,EAAE,8XAA+X,CAAA"}
+{"version":3,"file":"YouTube.js","sources":["../../../src/components/Icons/YouTube.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SvgPathProps } from '../Icon';\n\nconst YouTube: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path d=\"M34.913 12.097a6.441 6.441 0 016.434 6.433v10.94a6.441 6.441 0 01-6.434 6.433H13.088a6.441 6.441 0 01-6.434-6.433V18.53a6.441 6.441 0 016.434-6.433zm0 1.3H13.088a5.139 5.139 0 00-5.133 5.133v10.94a5.139 5.139 0 005.133 5.133h21.825a5.139 5.139 0 005.133-5.133V18.53a5.139 5.139 0 00-5.133-5.133zm-14.755 5.07l10.616 5.41-10.616 5.41v-10.82zm1.3 2.122v6.577l6.453-3.288-6.452-3.29z\" />\n  );\n\n  const normalHover = (\n    <path d=\"M34.912 12.097a6.441 6.441 0 016.434 6.433v10.94a6.441 6.441 0 01-6.434 6.433H13.087a6.441 6.441 0 01-6.434-6.433V18.53a6.441 6.441 0 016.434-6.433zm0 1.3H13.087a5.139 5.139 0 00-5.133 5.133v10.94a5.139 5.139 0 005.133 5.133h21.825a5.139 5.139 0 005.133-5.133V18.53a5.139 5.139 0 00-5.133-5.133zm-13.755 5.07l10.616 5.41-10.616 5.41v-10.82zm1.302 2.122v6.577l6.451-3.288-6.451-3.29z\" />\n  );\n\n  return isHovered ? normalHover : normal;\n};\n\nexport default YouTube;\n"],"names":["YouTube","size","isHovered","React"],"mappings":";AAIA,MAAMA,IAAkC,CAAC,EAAE,MAAAC,GAAM,WAAAC,QASxCA,IAHL,gBAAAC,EAAA,cAAC,QAAK,EAAA,GAAE,iYAAiY,CAAA,IAJzY,gBAAAA,EAAA,cAAC,QAAK,EAAA,GAAE,+XAA+X,CAAA;"}

package/components/Icons/Zoom.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { SvgPathProps } from './Icon';
+import { SvgPathProps } from '../Icon';
 declare const Zoom: React.FC<SvgPathProps>;
 export default Zoom;
 //# sourceMappingURL=Zoom.d.ts.map

package/components/Icons/Zoom.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Zoom.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Zoom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAW,YAAY,EAAE,MAAM,QAAQ,CAAC;AAE/C,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA8BhC,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Zoom.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Zoom.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAW,YAAY,EAAE,MAAM,SAAS,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA8BhC,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/components/Icons/Zoom.js

@@ -1,2 +1,31 @@
-import l from"react";import{getIcon as c}from"./Icon.js";import"classnames";import"../../constants.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";const s=({size:a,isHovered:e})=>c({size:a,isHovered:e,normal:l.createElement("path",{d:"M21.866 20.005h5.573v1.6h-5.573v5.572h-1.6v-5.572h-5.572v-1.6h5.572v-5.573h1.6v5.573zM37.758 38.11a2.24 2.24 0 0 1-1.606.612 2.23 2.23 0 0 1-1.568-.703l-6.066-6.421a13.263 13.263 0 0 0 1.562-1.25 13.312 13.312 0 0 0 1.65-1.888l6.118 6.476c.85.9.81 2.324-.09 3.174zm-17.02-5.783a11.452 11.452 0 0 1-8.052-3.607 11.45 11.45 0 0 1-3.142-8.243c.178-6.243 5.312-11.2 11.518-11.2.11 0 .222.002.333.005 6.353.18 11.375 5.497 11.194 11.85a11.456 11.456 0 0 1-3.607 8.053c-2.24 2.114-5.166 3.24-8.244 3.142zm18.273 1.51-6.406-6.782a13.068 13.068 0 0 0 1.583-5.876c.1-3.505-1.171-6.84-3.58-9.388a13.036 13.036 0 0 0-9.167-4.108C14.2 7.482 8.15 13.196 7.945 20.43a13.043 13.043 0 0 0 3.578 9.388 13.042 13.042 0 0 0 9.553 4.113c2.136 0 4.198-.513 6.048-1.48l6.297 6.666a3.82 3.82 0 0 0 2.685 1.203l.113.002a3.82 3.82 0 0 0 2.637-1.05 3.85 3.85 0 0 0 .155-5.436z",fillRule:"evenodd"}),normalHover:l.createElement("path",{d:"M21.866 20.005h6.278v1.6h-6.278v6.278h-1.6v-6.278h-6.278v-1.6h6.278v-6.278h1.6v6.278zm15.89 18.105c-.898.85-2.323.81-3.173-.091l-5.25-5.558a14.432 14.432 0 0 0 3.212-3.14l5.303 5.615c.85.9.809 2.323-.091 3.174zm-17.052-4.6a12.627 12.627 0 0 1-8.88-3.977 12.621 12.621 0 0 1-3.463-9.09 12.623 12.623 0 0 1 3.977-8.878 12.62 12.62 0 0 1 9.09-3.466c7.006.2 12.543 6.062 12.344 13.068-.2 7.006-6.068 12.558-13.068 12.343zm18.307.327-5.556-5.882a14.21 14.21 0 0 0 1.916-6.742c.225-7.888-6.01-14.488-13.897-14.713a14.22 14.22 0 0 0-10.235 3.9 14.218 14.218 0 0 0-4.478 9.997 14.217 14.217 0 0 0 3.9 10.234 14.219 14.219 0 0 0 10.41 4.485c2.49 0 4.836-.651 6.885-1.782l5.464 5.784a3.82 3.82 0 0 0 2.799 1.205 3.82 3.82 0 0 0 2.637-1.05 3.85 3.85 0 0 0 .155-5.436z",fillRule:"evenodd"}),xSmall:l.createElement("path",{d:"M22.591 20.708h3.645v2.02H22.59v3.644h-2.02v-3.643h-3.644v-2.021h3.643v-3.645h2.021v3.645zm11.882 13.63c-.5.5-1.372.5-1.874 0l-4.47-4.472c.691-.555 1.304-1.2 1.834-1.912l4.51 4.51a1.318 1.318 0 0 1 0 1.873zm-21.334-12.62c0-4.656 3.787-8.443 8.442-8.443 4.656 0 8.443 3.787 8.443 8.443 0 4.655-3.787 8.442-8.443 8.442-4.655 0-8.442-3.787-8.442-8.442zm22.764 9.316-4.866-4.864a10.39 10.39 0 0 0 1.008-4.452c0-5.77-4.694-10.464-10.464-10.464-5.769 0-10.463 4.694-10.463 10.464 0 5.77 4.694 10.463 10.463 10.463 1.738 0 3.375-.432 4.819-1.185l4.77 4.77c.632.631 1.474.98 2.367.98s1.734-.349 2.366-.98c.631-.632.98-1.472.98-2.366 0-.893-.349-1.733-.98-2.366z",fillRule:"evenodd"}),xSmallHover:l.createElement("path",{d:"M22.592 20.708H27v2.02h-4.408v4.408H20.57v-4.407h-4.409v-2.021h4.409v-4.409h2.02v4.409zm11.881 13.63c-.499.498-1.372.5-1.873 0l-3.724-3.725a11.63 11.63 0 0 0 1.834-1.912l3.763 3.763c.25.25.388.583.388.936 0 .355-.138.687-.388.937zm-22.382-12.62c0-5.233 4.258-9.49 9.49-9.49 5.233 0 9.49 4.257 9.49 9.49 0 5.232-4.257 9.49-9.49 9.49-5.232 0-9.49-4.258-9.49-9.49zm23.812 9.316-4.083-4.083a11.423 11.423 0 0 0 1.272-5.233c0-6.347-5.163-11.51-11.51-11.51-6.347 0-11.51 5.163-11.51 11.51 0 6.346 5.163 11.51 11.51 11.51 2.03 0 3.934-.533 5.591-1.459l3.998 3.997c.632.631 1.473.98 2.366.98s1.734-.349 2.365-.98c.632-.632.98-1.472.98-2.366 0-.893-.348-1.733-.98-2.366z",fillRule:"evenodd"})});export{s as default};
+import l from "react";
+import { getIcon as c } from "../Icon/Icon.js";
+const r = ({ size: a, isHovered: e }) => c({ size: a, isHovered: e, normal: /* @__PURE__ */ l.createElement(
+  "path",
+  {
+    d: "M21.866 20.005h5.573v1.6h-5.573v5.572h-1.6v-5.572h-5.572v-1.6h5.572v-5.573h1.6v5.573zM37.758 38.11a2.24 2.24 0 0 1-1.606.612 2.23 2.23 0 0 1-1.568-.703l-6.066-6.421a13.263 13.263 0 0 0 1.562-1.25 13.312 13.312 0 0 0 1.65-1.888l6.118 6.476c.85.9.81 2.324-.09 3.174zm-17.02-5.783a11.452 11.452 0 0 1-8.052-3.607 11.45 11.45 0 0 1-3.142-8.243c.178-6.243 5.312-11.2 11.518-11.2.11 0 .222.002.333.005 6.353.18 11.375 5.497 11.194 11.85a11.456 11.456 0 0 1-3.607 8.053c-2.24 2.114-5.166 3.24-8.244 3.142zm18.273 1.51-6.406-6.782a13.068 13.068 0 0 0 1.583-5.876c.1-3.505-1.171-6.84-3.58-9.388a13.036 13.036 0 0 0-9.167-4.108C14.2 7.482 8.15 13.196 7.945 20.43a13.043 13.043 0 0 0 3.578 9.388 13.042 13.042 0 0 0 9.553 4.113c2.136 0 4.198-.513 6.048-1.48l6.297 6.666a3.82 3.82 0 0 0 2.685 1.203l.113.002a3.82 3.82 0 0 0 2.637-1.05 3.85 3.85 0 0 0 .155-5.436z",
+    fillRule: "evenodd"
+  }
+), normalHover: /* @__PURE__ */ l.createElement(
+  "path",
+  {
+    d: "M21.866 20.005h6.278v1.6h-6.278v6.278h-1.6v-6.278h-6.278v-1.6h6.278v-6.278h1.6v6.278zm15.89 18.105c-.898.85-2.323.81-3.173-.091l-5.25-5.558a14.432 14.432 0 0 0 3.212-3.14l5.303 5.615c.85.9.809 2.323-.091 3.174zm-17.052-4.6a12.627 12.627 0 0 1-8.88-3.977 12.621 12.621 0 0 1-3.463-9.09 12.623 12.623 0 0 1 3.977-8.878 12.62 12.62 0 0 1 9.09-3.466c7.006.2 12.543 6.062 12.344 13.068-.2 7.006-6.068 12.558-13.068 12.343zm18.307.327-5.556-5.882a14.21 14.21 0 0 0 1.916-6.742c.225-7.888-6.01-14.488-13.897-14.713a14.22 14.22 0 0 0-10.235 3.9 14.218 14.218 0 0 0-4.478 9.997 14.217 14.217 0 0 0 3.9 10.234 14.219 14.219 0 0 0 10.41 4.485c2.49 0 4.836-.651 6.885-1.782l5.464 5.784a3.82 3.82 0 0 0 2.799 1.205 3.82 3.82 0 0 0 2.637-1.05 3.85 3.85 0 0 0 .155-5.436z",
+    fillRule: "evenodd"
+  }
+), xSmall: /* @__PURE__ */ l.createElement(
+  "path",
+  {
+    d: "M22.591 20.708h3.645v2.02H22.59v3.644h-2.02v-3.643h-3.644v-2.021h3.643v-3.645h2.021v3.645zm11.882 13.63c-.5.5-1.372.5-1.874 0l-4.47-4.472c.691-.555 1.304-1.2 1.834-1.912l4.51 4.51a1.318 1.318 0 0 1 0 1.873zm-21.334-12.62c0-4.656 3.787-8.443 8.442-8.443 4.656 0 8.443 3.787 8.443 8.443 0 4.655-3.787 8.442-8.443 8.442-4.655 0-8.442-3.787-8.442-8.442zm22.764 9.316-4.866-4.864a10.39 10.39 0 0 0 1.008-4.452c0-5.77-4.694-10.464-10.464-10.464-5.769 0-10.463 4.694-10.463 10.464 0 5.77 4.694 10.463 10.463 10.463 1.738 0 3.375-.432 4.819-1.185l4.77 4.77c.632.631 1.474.98 2.367.98s1.734-.349 2.366-.98c.631-.632.98-1.472.98-2.366 0-.893-.349-1.733-.98-2.366z",
+    fillRule: "evenodd"
+  }
+), xSmallHover: /* @__PURE__ */ l.createElement(
+  "path",
+  {
+    d: "M22.592 20.708H27v2.02h-4.408v4.408H20.57v-4.407h-4.409v-2.021h4.409v-4.409h2.02v4.409zm11.881 13.63c-.499.498-1.372.5-1.873 0l-3.724-3.725a11.63 11.63 0 0 0 1.834-1.912l3.763 3.763c.25.25.388.583.388.936 0 .355-.138.687-.388.937zm-22.382-12.62c0-5.233 4.258-9.49 9.49-9.49 5.233 0 9.49 4.257 9.49 9.49 0 5.232-4.257 9.49-9.49 9.49-5.232 0-9.49-4.258-9.49-9.49zm23.812 9.316-4.083-4.083a11.423 11.423 0 0 0 1.272-5.233c0-6.347-5.163-11.51-11.51-11.51-6.347 0-11.51 5.163-11.51 11.51 0 6.346 5.163 11.51 11.51 11.51 2.03 0 3.934-.533 5.591-1.459l3.998 3.997c.632.631 1.473.98 2.366.98s1.734-.349 2.365-.98c.632-.632.98-1.472.98-2.366 0-.893-.348-1.733-.98-2.366z",
+    fillRule: "evenodd"
+  }
+) });
+export {
+  r as default
+};
 //# sourceMappingURL=Zoom.js.map

package/components/Icons/Zoom.js.map

@@ -1 +1 @@
-{"version":3,"file":"Zoom.js","sources":["../../../src/components/Icons/Zoom.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from './Icon';\n\nconst Zoom: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path\n      d=\"M21.866 20.005h5.573v1.6h-5.573v5.572h-1.6v-5.572h-5.572v-1.6h5.572v-5.573h1.6v5.573zM37.758 38.11a2.24 2.24 0 0 1-1.606.612 2.23 2.23 0 0 1-1.568-.703l-6.066-6.421a13.263 13.263 0 0 0 1.562-1.25 13.312 13.312 0 0 0 1.65-1.888l6.118 6.476c.85.9.81 2.324-.09 3.174zm-17.02-5.783a11.452 11.452 0 0 1-8.052-3.607 11.45 11.45 0 0 1-3.142-8.243c.178-6.243 5.312-11.2 11.518-11.2.11 0 .222.002.333.005 6.353.18 11.375 5.497 11.194 11.85a11.456 11.456 0 0 1-3.607 8.053c-2.24 2.114-5.166 3.24-8.244 3.142zm18.273 1.51-6.406-6.782a13.068 13.068 0 0 0 1.583-5.876c.1-3.505-1.171-6.84-3.58-9.388a13.036 13.036 0 0 0-9.167-4.108C14.2 7.482 8.15 13.196 7.945 20.43a13.043 13.043 0 0 0 3.578 9.388 13.042 13.042 0 0 0 9.553 4.113c2.136 0 4.198-.513 6.048-1.48l6.297 6.666a3.82 3.82 0 0 0 2.685 1.203l.113.002a3.82 3.82 0 0 0 2.637-1.05 3.85 3.85 0 0 0 .155-5.436z\"\n      fillRule=\"evenodd\"\n    />\n  );\n\n  const normalHover = (\n    <path\n      d=\"M21.866 20.005h6.278v1.6h-6.278v6.278h-1.6v-6.278h-6.278v-1.6h6.278v-6.278h1.6v6.278zm15.89 18.105c-.898.85-2.323.81-3.173-.091l-5.25-5.558a14.432 14.432 0 0 0 3.212-3.14l5.303 5.615c.85.9.809 2.323-.091 3.174zm-17.052-4.6a12.627 12.627 0 0 1-8.88-3.977 12.621 12.621 0 0 1-3.463-9.09 12.623 12.623 0 0 1 3.977-8.878 12.62 12.62 0 0 1 9.09-3.466c7.006.2 12.543 6.062 12.344 13.068-.2 7.006-6.068 12.558-13.068 12.343zm18.307.327-5.556-5.882a14.21 14.21 0 0 0 1.916-6.742c.225-7.888-6.01-14.488-13.897-14.713a14.22 14.22 0 0 0-10.235 3.9 14.218 14.218 0 0 0-4.478 9.997 14.217 14.217 0 0 0 3.9 10.234 14.219 14.219 0 0 0 10.41 4.485c2.49 0 4.836-.651 6.885-1.782l5.464 5.784a3.82 3.82 0 0 0 2.799 1.205 3.82 3.82 0 0 0 2.637-1.05 3.85 3.85 0 0 0 .155-5.436z\"\n      fillRule=\"evenodd\"\n    />\n  );\n\n  const xSmall = (\n    <path\n      d=\"M22.591 20.708h3.645v2.02H22.59v3.644h-2.02v-3.643h-3.644v-2.021h3.643v-3.645h2.021v3.645zm11.882 13.63c-.5.5-1.372.5-1.874 0l-4.47-4.472c.691-.555 1.304-1.2 1.834-1.912l4.51 4.51a1.318 1.318 0 0 1 0 1.873zm-21.334-12.62c0-4.656 3.787-8.443 8.442-8.443 4.656 0 8.443 3.787 8.443 8.443 0 4.655-3.787 8.442-8.443 8.442-4.655 0-8.442-3.787-8.442-8.442zm22.764 9.316-4.866-4.864a10.39 10.39 0 0 0 1.008-4.452c0-5.77-4.694-10.464-10.464-10.464-5.769 0-10.463 4.694-10.463 10.464 0 5.77 4.694 10.463 10.463 10.463 1.738 0 3.375-.432 4.819-1.185l4.77 4.77c.632.631 1.474.98 2.367.98s1.734-.349 2.366-.98c.631-.632.98-1.472.98-2.366 0-.893-.349-1.733-.98-2.366z\"\n      fillRule=\"evenodd\"\n    />\n  );\n\n  const xSmallHover = (\n    <path\n      d=\"M22.592 20.708H27v2.02h-4.408v4.408H20.57v-4.407h-4.409v-2.021h4.409v-4.409h2.02v4.409zm11.881 13.63c-.499.498-1.372.5-1.873 0l-3.724-3.725a11.63 11.63 0 0 0 1.834-1.912l3.763 3.763c.25.25.388.583.388.936 0 .355-.138.687-.388.937zm-22.382-12.62c0-5.233 4.258-9.49 9.49-9.49 5.233 0 9.49 4.257 9.49 9.49 0 5.232-4.257 9.49-9.49 9.49-5.232 0-9.49-4.258-9.49-9.49zm23.812 9.316-4.083-4.083a11.423 11.423 0 0 0 1.272-5.233c0-6.347-5.163-11.51-11.51-11.51-6.347 0-11.51 5.163-11.51 11.51 0 6.346 5.163 11.51 11.51 11.51 2.03 0 3.934-.533 5.591-1.459l3.998 3.997c.632.631 1.473.98 2.366.98s1.734-.349 2.365-.98c.632-.632.98-1.472.98-2.366 0-.893-.348-1.733-.98-2.366z\"\n      fillRule=\"evenodd\"\n    />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default Zoom;\n"],"names":["Zoom","size","isHovered","getIcon","React"],"mappings":"+LAIA,MAAMA,EAA+B,CAAC,CAAE,KAAAC,EAAM,UAAAC,KA6BrCC,EAAQ,CAAE,KAAAF,EAAM,UAAAC,EAAW,OA3BhCE,EAAA,cAAC,OAAA,CACC,EAAE,q1BACF,SAAS,SAAA,CAAA,EAyB6B,YApBxCA,EAAA,cAAC,OAAA,CACC,EAAE,uvBACF,SAAS,SAAA,CAAA,EAkB0C,OAbrDA,EAAA,cAAC,OAAA,CACC,EAAE,gpBACF,SAAS,SAAA,CAAA,EAWkD,YAN7DA,EAAA,cAAC,OAAA,CACC,EAAE,wpBACF,SAAS,SAAA,CAAA,EAI+D"}
+{"version":3,"file":"Zoom.js","sources":["../../../src/components/Icons/Zoom.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst Zoom: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path\n      d=\"M21.866 20.005h5.573v1.6h-5.573v5.572h-1.6v-5.572h-5.572v-1.6h5.572v-5.573h1.6v5.573zM37.758 38.11a2.24 2.24 0 0 1-1.606.612 2.23 2.23 0 0 1-1.568-.703l-6.066-6.421a13.263 13.263 0 0 0 1.562-1.25 13.312 13.312 0 0 0 1.65-1.888l6.118 6.476c.85.9.81 2.324-.09 3.174zm-17.02-5.783a11.452 11.452 0 0 1-8.052-3.607 11.45 11.45 0 0 1-3.142-8.243c.178-6.243 5.312-11.2 11.518-11.2.11 0 .222.002.333.005 6.353.18 11.375 5.497 11.194 11.85a11.456 11.456 0 0 1-3.607 8.053c-2.24 2.114-5.166 3.24-8.244 3.142zm18.273 1.51-6.406-6.782a13.068 13.068 0 0 0 1.583-5.876c.1-3.505-1.171-6.84-3.58-9.388a13.036 13.036 0 0 0-9.167-4.108C14.2 7.482 8.15 13.196 7.945 20.43a13.043 13.043 0 0 0 3.578 9.388 13.042 13.042 0 0 0 9.553 4.113c2.136 0 4.198-.513 6.048-1.48l6.297 6.666a3.82 3.82 0 0 0 2.685 1.203l.113.002a3.82 3.82 0 0 0 2.637-1.05 3.85 3.85 0 0 0 .155-5.436z\"\n      fillRule=\"evenodd\"\n    />\n  );\n\n  const normalHover = (\n    <path\n      d=\"M21.866 20.005h6.278v1.6h-6.278v6.278h-1.6v-6.278h-6.278v-1.6h6.278v-6.278h1.6v6.278zm15.89 18.105c-.898.85-2.323.81-3.173-.091l-5.25-5.558a14.432 14.432 0 0 0 3.212-3.14l5.303 5.615c.85.9.809 2.323-.091 3.174zm-17.052-4.6a12.627 12.627 0 0 1-8.88-3.977 12.621 12.621 0 0 1-3.463-9.09 12.623 12.623 0 0 1 3.977-8.878 12.62 12.62 0 0 1 9.09-3.466c7.006.2 12.543 6.062 12.344 13.068-.2 7.006-6.068 12.558-13.068 12.343zm18.307.327-5.556-5.882a14.21 14.21 0 0 0 1.916-6.742c.225-7.888-6.01-14.488-13.897-14.713a14.22 14.22 0 0 0-10.235 3.9 14.218 14.218 0 0 0-4.478 9.997 14.217 14.217 0 0 0 3.9 10.234 14.219 14.219 0 0 0 10.41 4.485c2.49 0 4.836-.651 6.885-1.782l5.464 5.784a3.82 3.82 0 0 0 2.799 1.205 3.82 3.82 0 0 0 2.637-1.05 3.85 3.85 0 0 0 .155-5.436z\"\n      fillRule=\"evenodd\"\n    />\n  );\n\n  const xSmall = (\n    <path\n      d=\"M22.591 20.708h3.645v2.02H22.59v3.644h-2.02v-3.643h-3.644v-2.021h3.643v-3.645h2.021v3.645zm11.882 13.63c-.5.5-1.372.5-1.874 0l-4.47-4.472c.691-.555 1.304-1.2 1.834-1.912l4.51 4.51a1.318 1.318 0 0 1 0 1.873zm-21.334-12.62c0-4.656 3.787-8.443 8.442-8.443 4.656 0 8.443 3.787 8.443 8.443 0 4.655-3.787 8.442-8.443 8.442-4.655 0-8.442-3.787-8.442-8.442zm22.764 9.316-4.866-4.864a10.39 10.39 0 0 0 1.008-4.452c0-5.77-4.694-10.464-10.464-10.464-5.769 0-10.463 4.694-10.463 10.464 0 5.77 4.694 10.463 10.463 10.463 1.738 0 3.375-.432 4.819-1.185l4.77 4.77c.632.631 1.474.98 2.367.98s1.734-.349 2.366-.98c.631-.632.98-1.472.98-2.366 0-.893-.349-1.733-.98-2.366z\"\n      fillRule=\"evenodd\"\n    />\n  );\n\n  const xSmallHover = (\n    <path\n      d=\"M22.592 20.708H27v2.02h-4.408v4.408H20.57v-4.407h-4.409v-2.021h4.409v-4.409h2.02v4.409zm11.881 13.63c-.499.498-1.372.5-1.873 0l-3.724-3.725a11.63 11.63 0 0 0 1.834-1.912l3.763 3.763c.25.25.388.583.388.936 0 .355-.138.687-.388.937zm-22.382-12.62c0-5.233 4.258-9.49 9.49-9.49 5.233 0 9.49 4.257 9.49 9.49 0 5.232-4.257 9.49-9.49 9.49-5.232 0-9.49-4.258-9.49-9.49zm23.812 9.316-4.083-4.083a11.423 11.423 0 0 0 1.272-5.233c0-6.347-5.163-11.51-11.51-11.51-6.347 0-11.51 5.163-11.51 11.51 0 6.346 5.163 11.51 11.51 11.51 2.03 0 3.934-.533 5.591-1.459l3.998 3.997c.632.631 1.473.98 2.366.98s1.734-.349 2.365-.98c.632-.632.98-1.472.98-2.366 0-.893-.348-1.733-.98-2.366z\"\n      fillRule=\"evenodd\"\n    />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default Zoom;\n"],"names":["Zoom","size","isHovered","getIcon","React"],"mappings":";;AAIA,MAAMA,IAA+B,CAAC,EAAE,MAAAC,GAAM,WAAAC,QA6BrCC,EAAQ,EAAE,MAAAF,GAAM,WAAAC,GAAW,QA3BhC,gBAAAE,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,GAAE;AAAA,IACF,UAAS;AAAA,EAAA;AAAA,GAyB6B,aApBxC,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,GAAE;AAAA,IACF,UAAS;AAAA,EAAA;AAAA,GAkB0C,QAbrD,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,GAAE;AAAA,IACF,UAAS;AAAA,EAAA;AAAA,GAWkD,aAN7D,gBAAAA,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,GAAE;AAAA,IACF,UAAS;AAAA,EAAA;AAAA,GAI+D;"}

package/components/Input/Input.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { FormMode, FormVariant } from '../../constants';
-import { SvgIcon } from '../Icons';
+import { FormMode, FormSize } from '../../constants';
+import { SvgIcon } from '../Icon';
+import { IconName } from '../Icons/IconNames';
 export interface InputProps extends Pick<React.InputHTMLAttributes<HTMLInputElement>, 'disabled' | 'readOnly' | 'autoComplete' | 'name' | 'placeholder' | 'defaultValue' | 'required' | 'value' | 'min' | 'max' | 'aria-describedby' | 'aria-labelledby' | 'onBlur' | 'onClick' | 'onChange' | 'onFocus' | 'onKeyDown' | 'autoFocus'> {
     /** The number at which the input field starts when you increment or decrement it */
     baseIncrementValue?: number;
@@ -15,7 +16,7 @@ export interface InputProps extends Pick<React.InputHTMLAttributes<HTMLInputElem
     /** If true, the component will be transparent. */
     transparent?: boolean;
     /** Icon to be displayed next to the input field */
-    icon?: SvgIcon;
+    icon?: SvgIcon | IconName;
     /** Places the icon to the right */
     iconRight?: boolean;
     /** Ref that is placed on the inputWrapper */
@@ -23,7 +24,7 @@ export interface InputProps extends Pick<React.InputHTMLAttributes<HTMLInputElem
     /** Changes the color profile of the input */
     mode?: keyof typeof FormMode;
     /** Changes the visuals of the input */
-    variant?: keyof typeof FormVariant;
+    size?: keyof typeof FormSize;
     /** Label of the input */
     label?: React.ReactNode;
     /** Activates Error style for the input */

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

@@ -1 +1 @@
-{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAE,QAAQ,EAAE,WAAW,EAA2C,MAAM,iBAAiB,CAAC;AAKjG,OAAa,EAAY,OAAO,EAAE,MAAM,UAAU,CAAC;AAMnD,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,UAAU,GACV,UAAU,GACV,cAAc,GACd,MAAM,GACN,aAAa,GACb,cAAc,GACd,UAAU,GACV,OAAO,GACP,KAAK,GACL,KAAK,GACL,kBAAkB,GAClB,iBAAiB,GACjB,QAAQ,GACR,SAAS,GACT,UAAU,GACV,SAAS,GACT,WAAW,GACX,WAAW,CACd;IACD,oFAAoF;IACpF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAClD,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,uCAAuC;IACvC,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,4CAA4C;IAC5C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAUD,QAAA,MAAM,KAAK,qFAsKT,CAAC;AAIH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAA2C,MAAM,iBAAiB,CAAC;AAK9F,OAAa,EAAY,OAAO,EAAE,MAAM,SAAS,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAO9C,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACzC,UAAU,GACV,UAAU,GACV,cAAc,GACd,MAAM,GACN,aAAa,GACb,cAAc,GACd,UAAU,GACV,OAAO,GACP,KAAK,GACL,KAAK,GACL,kBAAkB,GAClB,iBAAiB,GACjB,QAAQ,GACR,SAAS,GACT,UAAU,GACV,SAAS,GACT,WAAW,GACX,WAAW,CACd;IACD,oFAAoF;IACpF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,IAAI,CAAC,EAAE,MAAM,OAAO,UAAU,CAAC;IAC/B,eAAe;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kDAAkD;IAClD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC1B,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C,eAAe,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAClD,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,yBAAyB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,0CAA0C;IAC1C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,4CAA4C;IAC5C,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,oCAAoC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,oBAAY,UAAU;IACpB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,GAAG,QAAQ;IACX,IAAI,SAAS;IACb,IAAI,SAAS;CACd;AAUD,QAAA,MAAM,KAAK,qFA4KT,CAAC;AAIH,eAAe,KAAK,CAAC"}

package/components/Input/Input.js

@@ -0,0 +1,112 @@
+import r, { useRef as $, useState as A } from "react";
+import _ from "classnames";
+import { FormMode as l, FormSize as be, IconSize as K, AnalyticsId as ge, AVERAGE_CHARACTER_WIDTH_PX as Ce } from "../../constants.js";
+import { useBreakpoint as ve, Breakpoint as xe } from "../../hooks/useBreakpoint.js";
+import { useUuid as _e } from "../../hooks/useUuid.js";
+import { getColor as D } from "../../theme/currys/color.js";
+import ye from "../ErrorWrapper/ErrorWrapper.js";
+import { Icon as Ee } from "../Icon/Icon.js";
+import { renderLabel as ke } from "../Label/Label.js";
+import we from "../LazyIcon/LazyIcon.js";
+import Ne from "../MaxCharacters/MaxCharacters.js";
+import t from "./styles.module.scss";
+var Ie = /* @__PURE__ */ ((e) => (e.text = "text", e.number = "number", e.email = "email", e.password = "password", e.search = "search", e.tel = "tel", e.url = "url", e.date = "date", e.time = "time", e))(Ie || {});
+const Re = (e, s, f) => {
+  const u = s ? "1.5rem" : "2rem", h = s ? `${f}px` : "0px", d = "4px";
+  return `calc(${e * Ce}px + ${u} + ${h} + ${d})`;
+}, B = r.forwardRef((e, s) => {
+  const {
+    className: f,
+    defaultValue: u,
+    placeholder: h,
+    type: d = "text",
+    name: F,
+    transparent: L = !1,
+    icon: a,
+    iconRight: b,
+    inputId: M,
+    inputWrapperRef: P,
+    mode: i = l.onwhite,
+    size: U,
+    baseIncrementValue: y,
+    label: H,
+    error: O,
+    errorText: E,
+    testId: X,
+    disabled: c,
+    readOnly: q,
+    autoComplete: G,
+    afterInputChildren: j,
+    rightOfInput: J,
+    width: k,
+    required: Q,
+    onChange: w,
+    onKeyDown: N,
+    autoFocus: Y,
+    maxCharacters: m,
+    maxText: Z,
+    ...T
+  } = e, ee = ve(), p = $(null), I = _e(M), [R, te] = A(u || ""), [ne, re] = A(void 0), g = $(!1), S = /^[0-9]$/, ae = i === l.ondark, oe = i === l.onblueberry, ie = !!m && R.toString().length > m, C = i === l.oninvalid || !!E || !!O || ie, v = U === be.large, ce = L && i !== l.ondark && !C, le = _(t["input-wrapper"], f), se = _(t["input-container"], {
+    [t["input-container--transparent"]]: ce,
+    [t["input-container--on-blueberry"]]: oe,
+    [t["input-container--on-dark"]]: ae,
+    [t["input-container--invalid"]]: C,
+    [t["input-container--large"]]: v,
+    [t["input-container--disabled"]]: c,
+    [t["input-container--with-icon"]]: a
+  }), ue = _(t["input-container__input"], {
+    [t["input-container__input--large"]]: v,
+    [t["input-container__input--disabled"]]: c
+  }), W = c ? D("neutral", 500) : D("black"), x = ee === xe.xs || !v ? K.XSmall : K.Small, z = () => {
+    if (a)
+      return typeof a == "string" ? /* @__PURE__ */ r.createElement(we, { className: t["input-container__input__icon"], color: W, size: x, iconName: a }) : /* @__PURE__ */ r.createElement(Ee, { className: t["input-container__input__icon"], color: W, size: x, svgIcon: a });
+  }, de = (n) => {
+    if (p && p.current && a) {
+      const o = b ? 0 : 1;
+      p.current.children[o].focus(), e.onClick && e.onClick(n);
+    }
+  }, me = (n) => {
+    const o = pe(n);
+    w && w(n), te(o), re(o);
+  }, pe = (n) => {
+    if (typeof y > "u" || d !== "number")
+      return n.target.value;
+    const o = Number(n.target.value);
+    return !ne && !g.current && (o === 1 || o === -1) && (n.target.value = y + ""), n.target.value;
+  }, fe = (n) => {
+    S.test(n.key) && (g.current = !0), N && N(n);
+  }, he = (n) => {
+    S.test(n.key) && (g.current = !1);
+  }, V = k ? Re(k, !!a, x) : void 0;
+  return /* @__PURE__ */ r.createElement(ye, { errorText: E }, /* @__PURE__ */ r.createElement("div", { "data-testid": X, "data-analyticsid": ge.Input, className: le, ref: P }, ke(H, I, i, c), /* @__PURE__ */ r.createElement("div", { className: t["content-wrapper"] }, /* @__PURE__ */ r.createElement("div", { onClick: de, ref: p, className: se, style: { maxWidth: V } }, !b && z(), /* @__PURE__ */ r.createElement(
+    "input",
+    {
+      onChange: me,
+      onKeyDown: fe,
+      onKeyUp: he,
+      name: F,
+      type: d,
+      defaultValue: u,
+      id: I,
+      className: ue,
+      ref: s,
+      "aria-labelledby": e["aria-labelledby"] ?? void 0,
+      "aria-describedby": e["aria-describedby"] ?? void 0,
+      "aria-invalid": !!C,
+      disabled: c,
+      placeholder: h,
+      readOnly: q,
+      autoComplete: G || "off",
+      required: Q,
+      autoFocus: Y,
+      ...T
+    }
+  ), b && z()), /* @__PURE__ */ r.createElement("div", { className: t["content-wrapper__right-of-input"] }, J)), m && /* @__PURE__ */ r.createElement(Ne, { maxCharacters: m, length: R.toString().length, maxText: Z, mode: i, maxWidth: V }), j));
+});
+B.displayName = "Input";
+const Ue = B;
+export {
+  Ie as InputTypes,
+  Ue as default
+};
+//# sourceMappingURL=Input.js.map

package/components/Input/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\n\nimport cn from 'classnames';\n\nimport { FormMode, FormSize, AnalyticsId, AVERAGE_CHARACTER_WIDTH_PX } from '../../constants';\nimport { Breakpoint, useBreakpoint } from '../../hooks/useBreakpoint';\nimport { useUuid } from '../../hooks/useUuid';\nimport { getColor } from '../../theme/currys';\nimport ErrorWrapper from '../ErrorWrapper';\nimport Icon, { IconSize, SvgIcon } from '../Icon';\nimport { IconName } from '../Icons/IconNames';\nimport { renderLabel } from '../Label';\nimport LazyIcon from '../LazyIcon';\nimport MaxCharacters from '../MaxCharacters/MaxCharacters';\n\nimport styles from './styles.module.scss';\n\nexport interface InputProps\n  extends Pick<\n    React.InputHTMLAttributes<HTMLInputElement>,\n    | 'disabled'\n    | 'readOnly'\n    | 'autoComplete'\n    | 'name'\n    | 'placeholder'\n    | 'defaultValue'\n    | 'required'\n    | 'value'\n    | 'min'\n    | 'max'\n    | 'aria-describedby'\n    | 'aria-labelledby'\n    | 'onBlur'\n    | 'onClick'\n    | 'onChange'\n    | 'onFocus'\n    | 'onKeyDown'\n    | 'autoFocus'\n  > {\n  /** The number at which the input field starts when you increment or decrement it */\n  baseIncrementValue?: number;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /**  HMTL Input type */\n  type?: keyof typeof InputTypes;\n  /** input id */\n  inputId?: string;\n  /** Width of input field in characters (approximate) */\n  width?: number;\n  /** If true, the component will be transparent. */\n  transparent?: boolean;\n  /** Icon to be displayed next to the input field */\n  icon?: SvgIcon | IconName;\n  /** Places the icon to the right */\n  iconRight?: boolean;\n  /** Ref that is placed on the inputWrapper */\n  inputWrapperRef?: React.RefObject<HTMLDivElement>;\n  /** Changes the color profile of the input */\n  mode?: keyof typeof FormMode;\n  /** Changes the visuals of the input */\n  size?: keyof typeof FormSize;\n  /** Label of the input */\n  label?: React.ReactNode;\n  /** Activates Error style for the input */\n  error?: boolean;\n  /** Error text to show above the component */\n  errorText?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n  /** Component shown after input */\n  afterInputChildren?: React.ReactNode;\n  /** Component shown to the right of input */\n  rightOfInput?: React.ReactNode;\n  /** max character limit in input  */\n  maxCharacters?: number;\n  /** The text is displayed in the end of the text-counter */\n  maxText?: string;\n}\n\nexport enum InputTypes {\n  text = 'text',\n  number = 'number',\n  email = 'email',\n  password = 'password',\n  search = 'search',\n  tel = 'tel',\n  url = 'url',\n  date = 'date',\n  time = 'time',\n}\n\nconst getInputMaxWidth = (characters: number, hasIcon: boolean, iconSize: number): string => {\n  const paddingWidth = hasIcon ? '1.5rem' : '2rem';\n  const iconWidth = hasIcon ? `${iconSize}px` : '0px';\n  const borderWidth = '4px';\n\n  return `calc(${characters * AVERAGE_CHARACTER_WIDTH_PX}px + ${paddingWidth} + ${iconWidth} + ${borderWidth})`;\n};\n\nconst Input = React.forwardRef((props: InputProps, ref: React.Ref<HTMLInputElement>) => {\n  const {\n    className,\n    defaultValue,\n    placeholder,\n    type = InputTypes.text,\n    name,\n    transparent = false,\n    icon,\n    iconRight,\n    inputId,\n    inputWrapperRef,\n    mode = FormMode.onwhite,\n    size,\n    baseIncrementValue,\n    label,\n    error,\n    errorText,\n    testId,\n    disabled,\n    readOnly,\n    autoComplete,\n    afterInputChildren,\n    rightOfInput,\n    width,\n    required,\n    onChange,\n    onKeyDown,\n    autoFocus,\n    maxCharacters,\n    maxText,\n    ...rest\n  } = props;\n  const breakpoint = useBreakpoint();\n  const inputContainerRef = useRef<HTMLDivElement>(null);\n  const inputIdState = useUuid(inputId);\n  const [input, setInput] = useState(defaultValue || '');\n  const [prevValue, setPrevValue] = useState<string | number | undefined>(undefined);\n  const numKeyPressed = useRef<boolean>(false);\n  const numRegex = /^[0-9]$/;\n\n  const onDark = mode === FormMode.ondark;\n  const onBlueberry = mode === FormMode.onblueberry;\n  const maxCharactersExceeded = !!maxCharacters && input.toString().length > maxCharacters;\n  const onError = mode === FormMode.oninvalid || !!errorText || !!error || maxCharactersExceeded;\n  const isLarge = size === FormSize.large;\n  const isTransparent = transparent && mode !== FormMode.ondark && !onError;\n\n  const inputWrapperClass = cn(styles['input-wrapper'], className);\n\n  const inputContainer = cn(styles['input-container'], {\n    [styles['input-container--transparent']]: isTransparent,\n    [styles['input-container--on-blueberry']]: onBlueberry,\n    [styles['input-container--on-dark']]: onDark,\n    [styles['input-container--invalid']]: onError,\n    [styles['input-container--large']]: isLarge,\n    [styles['input-container--disabled']]: disabled,\n    [styles['input-container--with-icon']]: icon,\n  });\n\n  const inputClass = cn(styles['input-container__input'], {\n    [styles['input-container__input--large']]: isLarge,\n    [styles['input-container__input--disabled']]: disabled,\n  });\n\n  const iconColor = disabled ? getColor('neutral', 500) : getColor('black');\n  const iconSize = breakpoint === Breakpoint.xs || !isLarge ? IconSize.XSmall : IconSize.Small;\n\n  const renderIcon = (): React.ReactNode => {\n    if (!icon) {\n      return;\n    }\n\n    if (typeof icon === 'string') {\n      return <LazyIcon className={styles['input-container__input__icon']} color={iconColor} size={iconSize} iconName={icon} />;\n    }\n\n    return <Icon className={styles['input-container__input__icon']} color={iconColor} size={iconSize} svgIcon={icon} />;\n  };\n\n  // eslint-disable-next-line\n  const handleClick = (e: React.MouseEvent<any>): void => {\n    if (inputContainerRef && inputContainerRef.current && icon) {\n      const selectedChild = iconRight ? 0 : 1;\n      const input = inputContainerRef.current.children[selectedChild] as HTMLInputElement;\n      input.focus();\n\n      props.onClick && props.onClick(e);\n    }\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    const newValue = getIncrementValue(e);\n\n    if (onChange) {\n      onChange(e);\n    }\n\n    setInput(newValue);\n    setPrevValue(newValue);\n  };\n\n  // Hvis bruker endrer number value med 1 og det skal startes på en annen verdi enn 0\n  const getIncrementValue = (e: React.ChangeEvent<HTMLInputElement>): string => {\n    if (typeof baseIncrementValue === 'undefined' || type !== 'number') return e.target.value;\n\n    const valueAsNumber = Number(e.target.value);\n\n    if (!prevValue && !numKeyPressed.current && (valueAsNumber === 1 || valueAsNumber === -1)) {\n      e.target.value = baseIncrementValue + '';\n    }\n\n    return e.target.value;\n  };\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>): void => {\n    if (numRegex.test(e.key)) {\n      numKeyPressed.current = true;\n    }\n    onKeyDown && onKeyDown(e);\n  };\n\n  const handleKeyUp = (e: React.KeyboardEvent<HTMLInputElement>): void => {\n    if (numRegex.test(e.key)) {\n      numKeyPressed.current = false;\n    }\n  };\n\n  const maxWidth = width ? getInputMaxWidth(width, !!icon, iconSize) : undefined;\n\n  return (\n    <ErrorWrapper errorText={errorText}>\n      <div data-testid={testId} data-analyticsid={AnalyticsId.Input} className={inputWrapperClass} ref={inputWrapperRef}>\n        {renderLabel(label, inputIdState, mode as FormMode, disabled)}\n        {/* input-elementet tillater keyboard-interaksjon */}\n        <div className={styles['content-wrapper']}>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n          <div onClick={handleClick} ref={inputContainerRef} className={inputContainer} style={{ maxWidth }}>\n            {!iconRight && renderIcon()}\n            <input\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onKeyUp={handleKeyUp}\n              name={name}\n              type={type}\n              defaultValue={defaultValue}\n              id={inputIdState}\n              className={inputClass}\n              ref={ref}\n              aria-labelledby={props['aria-labelledby'] ?? undefined}\n              aria-describedby={props['aria-describedby'] ?? undefined}\n              aria-invalid={!!onError}\n              disabled={disabled}\n              placeholder={placeholder}\n              readOnly={readOnly}\n              autoComplete={autoComplete || 'off'}\n              required={required}\n              // eslint-disable-next-line jsx-a11y/no-autofocus\n              autoFocus={autoFocus}\n              {...rest}\n            />\n            {iconRight && renderIcon()}\n          </div>\n          <div className={styles['content-wrapper__right-of-input']}>{rightOfInput}</div>\n        </div>\n        {maxCharacters && (\n          <MaxCharacters maxCharacters={maxCharacters} length={input.toString().length} maxText={maxText} mode={mode} maxWidth={maxWidth} />\n        )}\n        {afterInputChildren}\n      </div>\n    </ErrorWrapper>\n  );\n});\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["InputTypes","getInputMaxWidth","characters","hasIcon","iconSize","paddingWidth","iconWidth","borderWidth","AVERAGE_CHARACTER_WIDTH_PX","Input","React","props","ref","className","defaultValue","placeholder","type","name","transparent","icon","iconRight","inputId","inputWrapperRef","mode","FormMode","size","baseIncrementValue","label","error","errorText","testId","disabled","readOnly","autoComplete","afterInputChildren","rightOfInput","width","required","onChange","onKeyDown","autoFocus","maxCharacters","maxText","rest","breakpoint","useBreakpoint","inputContainerRef","useRef","inputIdState","useUuid","input","setInput","useState","prevValue","setPrevValue","numKeyPressed","numRegex","onDark","onBlueberry","maxCharactersExceeded","onError","isLarge","FormSize","isTransparent","inputWrapperClass","cn","styles","inputContainer","inputClass","iconColor","getColor","Breakpoint","IconSize","renderIcon","LazyIcon","Icon","handleClick","e","selectedChild","handleChange","newValue","getIncrementValue","valueAsNumber","handleKeyDown","handleKeyUp","maxWidth","ErrorWrapper","AnalyticsId","renderLabel","MaxCharacters","Input$1"],"mappings":"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"}

package/components/Input/index.js

@@ -1,2 +1,7 @@
-import{I as t}from"../../Input.js";import{a as F}from"../../Input.js";import"react";import"classnames";import"../../constants.js";import"../../hooks/useBreakpoint.js";import"../../theme/grid.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../../ErrorWrapper.js";import"../ErrorWrapper/styles.module.scss";import"../Icons/Icon.js";import"../../Label.js";import"../../Spacer.js";import"../Spacer/styles.module.scss";import"../Label/styles.module.scss";import"../../utils/component.js";import"../../StatusDot.js";import"../Icons/Attachment.js";import"../Icons/Group.js";import"../Icons/NoAccess.js";import"../Icons/Undo.js";import"../StatusDot/styles.module.scss";import"../../MaxCharacters.js";import"../MaxCharacters/styles.module.scss";import"./styles.module.scss";export{F as InputTypes,t as default};
+import t from "./Input.js";
+import { InputTypes as e } from "./Input.js";
+export {
+  e as InputTypes,
+  t as default
+};
 //# sourceMappingURL=index.js.map

package/components/Input/index.js.map

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

package/components/Input/styles.module.scss

@@ -44,7 +44,7 @@
     }
   }
 
-  &--with-icon#{&}--bigform {
+  &--with-icon#{&}--large {
     padding: getSpacer(2xs) 0;
   }
 
@@ -52,7 +52,7 @@
     line-height: getSpacer(m);
     height: getSpacer(m);
 
-    &--bigform {
+    &--large {
       height: 2.5rem;
     }
 
@@ -61,7 +61,7 @@
       height: 2.125rem;
       font-size: $font-size-md;
 
-      &--bigform {
+      &--large {
         line-height: 1.75rem;
         height: 3.5rem;
       }

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

@@ -4,11 +4,11 @@ export type Styles = {
   'input-container': string;
   'input-container__input': string;
   'input-container__input__icon': string;
-  'input-container__input--bigform': string;
   'input-container__input--disabled': string;
-  'input-container--bigform': string;
+  'input-container__input--large': string;
   'input-container--disabled': string;
   'input-container--invalid': string;
+  'input-container--large': string;
   'input-container--on-blueberry': string;
   'input-container--on-dark': string;
   'input-container--transparent': string;

package/components/Label/Label.d.ts

@@ -35,7 +35,7 @@ export interface LabelProps extends Pick<React.InputHTMLAttributes<HTMLLabelElem
 }
 export declare const getLabelText: (label: React.ReactNode) => string;
 export declare const renderLabel: (label: React.ReactNode, inputId: string, mode: FormMode, disabled?: boolean) => React.ReactNode;
-export declare const renderLabelAsParent: (label: React.ReactNode, children: React.ReactNode, inputId: string, mode: FormMode, disabled?: boolean, labelClassName?: string, labelTextClassName?: string, sublabelWrapperClassName?: string, bigform?: boolean) => React.ReactNode;
+export declare const renderLabelAsParent: (label: React.ReactNode, children: React.ReactNode, inputId: string, mode: FormMode, disabled?: boolean, labelClassName?: string, labelTextClassName?: string, sublabelWrapperClassName?: string, large?: boolean) => React.ReactNode;
 declare const Label: FunctionComponent<LabelProps>;
 export default Label;
 //# sourceMappingURL=Label.d.ts.map

package/components/Label/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAe,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAOxD,MAAM,MAAM,SAAS,GAAG;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC/F,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,oDAAoD;IACpD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6DAA6D;IAC7D,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,KAAG,MAUrD,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,MAAM,SAAS,WAAW,MAAM,QAAQ,QAAQ,aAAa,OAAO,KAAG,MAAM,SAc/G,CAAC;AAEF,eAAO,MAAM,mBAAmB,UACvB,MAAM,SAAS,YACZ,MAAM,SAAS,WAChB,MAAM,QACT,QAAQ,aACH,OAAO,mBACD,MAAM,uBACF,MAAM,6BACA,MAAM,YACvB,OAAO,KAChB,MAAM,SA8BR,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAAC,UAAU,CAsExC,CAAC;AAEF,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,EAAe,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAOxD,MAAM,MAAM,SAAS,GAAG;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,UAAU,CAAC;IAC/F,2DAA2D;IAC3D,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6CAA6C;IAC7C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qEAAqE;IACrE,UAAU,EAAE,SAAS,EAAE,CAAC;IACxB,mEAAmE;IACnE,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,oDAAoD;IACpD,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6DAA6D;IAC7D,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,YAAY,UAAW,MAAM,SAAS,KAAG,MAUrD,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,MAAM,SAAS,WAAW,MAAM,QAAQ,QAAQ,aAAa,OAAO,KAAG,MAAM,SAc/G,CAAC;AAEF,eAAO,MAAM,mBAAmB,UACvB,MAAM,SAAS,YACZ,MAAM,SAAS,WAChB,MAAM,QACT,QAAQ,aACH,OAAO,mBACD,MAAM,uBACF,MAAM,6BACA,MAAM,UACzB,OAAO,KACd,MAAM,SA8BR,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,iBAAiB,CAAC,UAAU,CAsExC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/components/Label/Label.js

@@ -0,0 +1,84 @@
+import t from "react";
+import h from "classnames";
+import { Sublabel as k } from "./SubLabel.js";
+import { AnalyticsId as S, FormMode as F } from "../../constants.js";
+import { isComponent as m } from "../../utils/component.js";
+import R from "../Spacer/Spacer.js";
+import A from "../StatusDot/StatusDot.js";
+import n from "./styles.module.scss";
+const j = (e) => {
+  let r = "";
+  return m(e, l) && e.props.labelTexts.forEach((a) => {
+    r += a.hideFromScreenReader ? "" : a.text;
+  }), r;
+}, q = (e, r, a, o) => /* @__PURE__ */ t.createElement(t.Fragment, null, e && m(e, l) ? t.cloneElement(e, {
+  htmlFor: r,
+  mode: a,
+  disabled: o
+}) : typeof e == "string" && /* @__PURE__ */ t.createElement(l, { labelTexts: [{ text: e, type: "semibold" }], htmlFor: r, mode: a, disabled: o })), B = (e, r, a, o, s, c, p, i, d) => /* @__PURE__ */ t.createElement(t.Fragment, null, e && m(e, l) ? t.cloneElement(e, {
+  htmlFor: a,
+  mode: o,
+  children: r,
+  disabled: s,
+  labelClassName: h(c, e.props.labelClassName),
+  labelTextClassName: p,
+  sublabelWrapperClassName: i,
+  sublabel: d ? void 0 : e.props.sublabel,
+  statusDot: d ? void 0 : e.props.statusDot
+}) : typeof e == "string" && /* @__PURE__ */ t.createElement(
+  l,
+  {
+    labelTexts: [{ text: e }],
+    htmlFor: a,
+    mode: o,
+    disabled: s,
+    labelClassName: c,
+    labelTextClassName: p,
+    sublabelWrapperClassName: i
+  },
+  r
+)), l = ({
+  afterLabelChildren: e,
+  children: r,
+  className: a,
+  disabled: o,
+  htmlFor: s,
+  labelClassName: c,
+  labelTextClassName: p,
+  labelId: i,
+  labelTexts: d,
+  mode: E = F.onwhite,
+  statusDot: f,
+  sublabel: b,
+  sublabelWrapperClassName: y,
+  testId: w
+}) => {
+  const x = r && typeof r < "u", N = h(
+    n["label-wrapper"],
+    { [n["label-wrapper--no-bottom-margin"]]: x, [n["label-wrapper--after-label-children"]]: e },
+    a
+  ), g = () => d.map((u, v) => {
+    const L = h(
+      n.label,
+      {
+        [n["label--semibold"]]: u.type === "semibold",
+        [n["label--on-dark"]]: E === F.ondark,
+        [n["label--disabled"]]: o
+      },
+      p
+    );
+    return /* @__PURE__ */ t.createElement("span", { "aria-hidden": u.hideFromScreenReader, className: L, key: v }, u.text);
+  });
+  return /* @__PURE__ */ t.createElement("div", { className: N }, /* @__PURE__ */ t.createElement("div", { className: n["label-wrapper__inner"] }, /* @__PURE__ */ t.createElement("label", { className: c, id: i, htmlFor: s, "data-testid": w, "data-analyticsid": S.Label }, /* @__PURE__ */ t.createElement("span", { className: n["label-content-wrapper"] }, r, /* @__PURE__ */ t.createElement("span", null, g()))), /* @__PURE__ */ t.createElement("div", { className: y }, b && m(b, k) && t.cloneElement(b, {
+    mode: E
+  }), f && m(f, A) && /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(R, { size: "3xs" }), t.cloneElement(f, {
+    mode: E === F.ondark ? "ondark" : "onwhite"
+  })))), e && /* @__PURE__ */ t.createElement("div", { className: n["after-label-children"] }, e));
+}, G = l;
+export {
+  G as default,
+  j as getLabelText,
+  q as renderLabel,
+  B as renderLabelAsParent
+};
+//# sourceMappingURL=Label.js.map

package/components/Label/Label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.js","sources":["../../../src/components/Label/Label.tsx"],"sourcesContent":["import React, { FunctionComponent } from 'react';\n\nimport cn from 'classnames';\n\nimport { Sublabel, SublabelProps } from './SubLabel';\nimport { AnalyticsId, FormMode } from '../../constants';\nimport { isComponent } from '../../utils/component';\nimport Spacer from '../Spacer';\nimport StatusDot, { StatusDotProps } from '../StatusDot';\n\nimport styles from './styles.module.scss';\n\nexport type LabelText = {\n  hideFromScreenReader?: boolean;\n  text: string;\n  type?: 'semibold' | 'normal';\n};\n\nexport interface LabelProps extends Pick<React.InputHTMLAttributes<HTMLLabelElement>, 'disabled'> {\n  /** Component shown after label - discourage use of this */\n  afterLabelChildren?: React.ReactNode;\n  /** Adds custom classes to the element. */\n  children?: React.ReactNode;\n  /** Adds custom classes to the label tag. */\n  labelClassName?: string;\n  /** Adds custom classes to the label text. */\n  labelTextClassName?: string;\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** Id that is put on the \"for\" attribute of the label */\n  htmlFor?: string;\n  /** Id som plasseres på <label/> */\n  labelId?: string;\n  /** Array of main label strings. Can be of type semibold or normal */\n  labelTexts: LabelText[];\n  /** Array of sublabel strings. Can be of type semibold or normal */\n  mode?: keyof typeof FormMode;\n  /** StatusDot placed underneath the last sublabel */\n  statusDot?: React.ReactNode;\n  /** Sublabel component */\n  sublabel?: React.ReactNode;\n  /** Adds custom classes to the div wrapping the sublabels. */\n  sublabelWrapperClassName?: string;\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const getLabelText = (label: React.ReactNode): string => {\n  let allLabelText = '';\n\n  if (isComponent<LabelProps>(label, Label)) {\n    label.props.labelTexts.forEach(labelText => {\n      allLabelText += !labelText.hideFromScreenReader ? labelText.text : '';\n    });\n  }\n\n  return allLabelText;\n};\n\nexport const renderLabel = (label: React.ReactNode, inputId: string, mode: FormMode, disabled?: boolean): React.ReactNode => {\n  return (\n    <>\n      {label && isComponent<LabelProps>(label, Label)\n        ? React.cloneElement(label, {\n            htmlFor: inputId,\n            mode: mode,\n            disabled,\n          })\n        : typeof label === 'string' && (\n            <Label labelTexts={[{ text: label, type: 'semibold' }]} htmlFor={inputId} mode={mode} disabled={disabled} />\n          )}\n    </>\n  );\n};\n\nexport const renderLabelAsParent = (\n  label: React.ReactNode,\n  children: React.ReactNode,\n  inputId: string,\n  mode: FormMode,\n  disabled?: boolean,\n  labelClassName?: string,\n  labelTextClassName?: string,\n  sublabelWrapperClassName?: string,\n  large?: boolean\n): React.ReactNode => {\n  return (\n    <>\n      {label && isComponent<LabelProps>(label, Label)\n        ? React.cloneElement(label, {\n            htmlFor: inputId,\n            mode: mode,\n            children: children,\n            disabled,\n            labelClassName: cn(labelClassName, label.props.labelClassName),\n            labelTextClassName: labelTextClassName,\n            sublabelWrapperClassName: sublabelWrapperClassName,\n            sublabel: large ? undefined : label.props.sublabel,\n            statusDot: large ? undefined : label.props.statusDot,\n          })\n        : typeof label === 'string' && (\n            <Label\n              labelTexts={[{ text: label }]}\n              htmlFor={inputId}\n              mode={mode}\n              disabled={disabled}\n              labelClassName={labelClassName}\n              labelTextClassName={labelTextClassName}\n              sublabelWrapperClassName={sublabelWrapperClassName}\n            >\n              {children}\n            </Label>\n          )}\n    </>\n  );\n};\n\nconst Label: FunctionComponent<LabelProps> = ({\n  afterLabelChildren,\n  children,\n  className,\n  disabled,\n  htmlFor,\n  labelClassName,\n  labelTextClassName,\n  labelId,\n  labelTexts,\n  mode = FormMode.onwhite,\n  statusDot,\n  sublabel,\n  sublabelWrapperClassName,\n  testId,\n}) => {\n  const hasChildren = children && typeof children !== 'undefined';\n  const labelWrapperClasses = cn(\n    styles['label-wrapper'],\n    { [styles['label-wrapper--no-bottom-margin']]: hasChildren, [styles['label-wrapper--after-label-children']]: afterLabelChildren },\n    className\n  );\n\n  const mapLabels = (): React.ReactNode => {\n    return labelTexts.map((labelText, index) => {\n      const labelClasses = cn(\n        styles.label,\n        {\n          [styles['label--semibold']]: labelText.type === 'semibold',\n          [styles['label--on-dark']]: mode === FormMode.ondark,\n          [styles['label--disabled']]: disabled,\n        },\n        labelTextClassName\n      );\n      return (\n        <span aria-hidden={labelText.hideFromScreenReader} className={labelClasses} key={index}>\n          {labelText.text}\n        </span>\n      );\n    });\n  };\n\n  return (\n    <div className={labelWrapperClasses}>\n      <div className={styles['label-wrapper__inner']}>\n        <label className={labelClassName} id={labelId} htmlFor={htmlFor} data-testid={testId} data-analyticsid={AnalyticsId.Label}>\n          <span className={styles['label-content-wrapper']}>\n            {children}\n            <span>{mapLabels()}</span>\n          </span>\n        </label>\n        <div className={sublabelWrapperClassName}>\n          {sublabel &&\n            isComponent<SublabelProps>(sublabel, Sublabel) &&\n            React.cloneElement(sublabel, {\n              mode: mode as FormMode,\n            })}\n          {statusDot && isComponent<StatusDotProps>(statusDot, StatusDot) && (\n            <>\n              <Spacer size={'3xs'} />\n              {React.cloneElement(statusDot, {\n                mode: mode === FormMode.ondark ? 'ondark' : 'onwhite',\n              })}\n            </>\n          )}\n        </div>\n      </div>\n      {afterLabelChildren && <div className={styles['after-label-children']}>{afterLabelChildren}</div>}\n    </div>\n  );\n};\n\nexport default Label;\n"],"names":["getLabelText","label","allLabelText","isComponent","Label","labelText","renderLabel","inputId","mode","disabled","React","renderLabelAsParent","children","labelClassName","labelTextClassName","sublabelWrapperClassName","large","cn","afterLabelChildren","className","htmlFor","labelId","labelTexts","FormMode","statusDot","sublabel","testId","hasChildren","labelWrapperClasses","styles","mapLabels","index","labelClasses","AnalyticsId","Sublabel","StatusDot","Spacer","Label$1"],"mappings":"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"}

package/components/Label/SubLabel.js

@@ -0,0 +1,19 @@
+import e from "react";
+import u from "classnames";
+import { AnalyticsId as S, FormMode as f } from "../../constants.js";
+import y from "../Spacer/Spacer.js";
+import a from "./styles.module.scss";
+const g = ({ className: r, id: i, mode: d, sublabelTexts: l, testId: m }) => {
+  const o = (c) => l && l.map((t, b) => {
+    const p = u(a.label, a["label--sublabel"], {
+      [a["label--semibold"]]: t.type === "semibold",
+      [a["label--on-dark"]]: d === f.ondark
+    });
+    return c === t.hideFromScreenReader && /* @__PURE__ */ e.createElement("span", { className: p, key: b }, t.text);
+  }), n = o(), s = o(!0);
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(y, { size: "3xs" }), n && /* @__PURE__ */ e.createElement("div", { className: r, id: i, "data-testid": m, "data-analyticsid": S.Sublabel }, n), s && /* @__PURE__ */ e.createElement("div", { className: r, "data-testid": m }, s));
+};
+export {
+  g as Sublabel
+};
+//# sourceMappingURL=SubLabel.js.map

package/components/Label/SubLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubLabel.js","sources":["../../../src/components/Label/SubLabel.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport { LabelText } from './Label';\nimport { AnalyticsId, FormMode } from '../../constants';\nimport Spacer from '../Spacer';\n\nimport styles from './styles.module.scss';\n\nexport interface SublabelProps {\n  /** Adds custom classes to the element. */\n  className?: string;\n  /** id that is placed on the wrapper */\n  id: string;\n  /** Array of sublabel strings. Can be of type semibold or normal */\n  mode?: FormMode;\n  /** Array of sublabel strings. Can be of type semibold or normal */\n  sublabelTexts?: LabelText[];\n  /** Sets the data-testid attribute. */\n  testId?: string;\n}\n\nexport const Sublabel: React.FC<SublabelProps> = ({ className, id, mode, sublabelTexts, testId }) => {\n  const mapSublabels = (hideFromScreenReader?: boolean): React.ReactNode => {\n    return (\n      sublabelTexts &&\n      sublabelTexts.map((sublabelText, index) => {\n        const labelClasses = cn(styles.label, styles['label--sublabel'], {\n          [styles['label--semibold']]: sublabelText.type === 'semibold',\n          [styles['label--on-dark']]: mode === FormMode.ondark,\n        });\n        return (\n          hideFromScreenReader === sublabelText.hideFromScreenReader && (\n            <span className={labelClasses} key={index}>\n              {sublabelText.text}\n            </span>\n          )\n        );\n      })\n    );\n  };\n\n  const subLabels = mapSublabels();\n  const ariaHiddenSublabels = mapSublabels(true);\n\n  return (\n    <>\n      <Spacer size={'3xs'} />\n      {subLabels && (\n        <div className={className} id={id} data-testid={testId} data-analyticsid={AnalyticsId.Sublabel}>\n          {subLabels}\n        </div>\n      )}\n      {ariaHiddenSublabels && (\n        <div className={className} data-testid={testId}>\n          {ariaHiddenSublabels}\n        </div>\n      )}\n    </>\n  );\n};\n"],"names":["Sublabel","className","id","mode","sublabelTexts","testId","mapSublabels","hideFromScreenReader","sublabelText","index","labelClasses","cn","styles","FormMode","React","subLabels","ariaHiddenSublabels","Spacer","AnalyticsId"],"mappings":";;;;;AAuBa,MAAAA,IAAoC,CAAC,EAAE,WAAAC,GAAW,IAAAC,GAAI,MAAAC,GAAM,eAAAC,GAAe,QAAAC,QAAa;AAC7F,QAAAC,IAAe,CAACC,MAElBH,KACAA,EAAc,IAAI,CAACI,GAAcC,MAAU;AACzC,UAAMC,IAAeC,EAAGC,EAAO,OAAOA,EAAO,iBAAiB,GAAG;AAAA,MAC/D,CAACA,EAAO,iBAAiB,CAAC,GAAGJ,EAAa,SAAS;AAAA,MACnD,CAACI,EAAO,gBAAgB,CAAC,GAAGT,MAASU,EAAS;AAAA,IAAA,CAC/C;AAEC,WAAAN,MAAyBC,EAAa,wBACnC,gBAAAM,EAAA,cAAA,QAAA,EAAK,WAAWJ,GAAc,KAAKD,EACjC,GAAAD,EAAa,IAChB;AAAA,EAAA,CAGL,GAICO,IAAYT,KACZU,IAAsBV,EAAa,EAAI;AAG3C,SAAA,gBAAAQ,EAAA,cAAAA,EAAA,UAAA,MACG,gBAAAA,EAAA,cAAAG,GAAA,EAAO,MAAM,MAAA,CAAO,GACpBF,KACC,gBAAAD,EAAA,cAAC,OAAI,EAAA,WAAAb,GAAsB,IAAAC,GAAQ,eAAaG,GAAQ,oBAAkBa,EAAY,SACnF,GAAAH,CACH,GAEDC,KACE,gBAAAF,EAAA,cAAA,OAAA,EAAI,WAAAb,GAAsB,eAAaI,EACrC,GAAAW,CACH,CAEJ;AAEJ;"}

package/components/Label/index.js

@@ -1,2 +1,11 @@
-import{L as t}from"../../Label.js";import{S as v,g as w,a as y,r as z}from"../../Label.js";import"react";import"classnames";import"../../constants.js";import"../../Spacer.js";import"../Spacer/styles.module.scss";import"./styles.module.scss";import"../../utils/component.js";import"../../StatusDot.js";import"../../theme/grid.js";import"../../hooks/useBreakpoint.js";import"../../theme/currys/color.js";import"../../theme/index.js";import"../../theme/palette.js";import"../../theme/spacers.js";import"../Icons/Attachment.js";import"../Icons/Icon.js";import"../../hooks/useUuid.js";import"../../uuid.js";import"../../utils/environment.js";import"../Icons/Group.js";import"../Icons/NoAccess.js";import"../Icons/Undo.js";import"../StatusDot/styles.module.scss";export{v as Sublabel,t as default,w as getLabelText,y as renderLabel,z as renderLabelAsParent};
+import r from "./Label.js";
+import { getLabelText as l, renderLabel as o, renderLabelAsParent as b } from "./Label.js";
+import { Sublabel as m } from "./SubLabel.js";
+export {
+  m as Sublabel,
+  r as default,
+  l as getLabelText,
+  o as renderLabel,
+  b as renderLabelAsParent
+};
 //# sourceMappingURL=index.js.map

package/components/Label/index.js.map

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

package/components/LazyIcon/ErrorBoundary.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+interface ErrorBoundaryProps<T> {
+    fallback: React.ReactNode;
+    children: React.ReactNode;
+    reset: T;
+}
+interface ErrorBoundaryState {
+    error: boolean;
+}
+declare class ErrorBoundary<T> extends React.Component<ErrorBoundaryProps<T>, ErrorBoundaryState> {
+    constructor(props: ErrorBoundaryProps<T>);
+    componentDidCatch(): void;
+    componentDidUpdate(prevProps: Readonly<ErrorBoundaryProps<T>>): void;
+    render(): React.ReactNode;
+}
+export default ErrorBoundary;
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/components/LazyIcon/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/LazyIcon/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,kBAAkB,CAAC,CAAC;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,CAAC,CAAC;CACV;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,cAAM,aAAa,CAAC,CAAC,CAAE,SAAQ,KAAK,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,kBAAkB,CAAC;gBAC3E,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC;IAOxC,iBAAiB,IAAI,IAAI;IAIzB,kBAAkB,CAAC,SAAS,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;IAMpE,MAAM,IAAI,KAAK,CAAC,SAAS;CAG1B;AAED,eAAe,aAAa,CAAC"}

package/components/LazyIcon/ErrorBoundary.js

@@ -0,0 +1,22 @@
+import t from "react";
+class e extends t.Component {
+  constructor(r) {
+    super(r), this.state = {
+      error: !1
+    };
+  }
+  componentDidCatch() {
+    this.setState({ error: !0 });
+  }
+  componentDidUpdate(r) {
+    r.reset !== this.props.reset && this.setState({ error: !1 });
+  }
+  render() {
+    return this.state.error ? this.props.fallback : this.props.children;
+  }
+}
+const a = e;
+export {
+  a as default
+};
+//# sourceMappingURL=ErrorBoundary.js.map