@helsenorge/designsystem-react 10.5.0 → 11.0.0-beta.1

package/components/Icons/NoEye.js

@@ -29,22 +29,8 @@ const NoEye = ({ size, isHovered }) => {
       fillRule: "evenodd"
     }
   );
-  const xxSmall = /* @__PURE__ */ jsx(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "m13.24 33.127-5.699 5.7 1.414 1.413 6.206-6.206c2.487 1.03 5.393 1.695 8.693 1.695 11.048 0 17.234-7.422 19.164-11.023l.377-.703-.48-.638-.325-.435c-1.617-2.168-4.187-5.614-8.304-8.02l5.294-5.295-1.414-1.414-5.746 5.746c-2.384-1.074-5.211-1.775-8.566-1.775-11.149 0-16.83 7.715-18.952 11.308l-.302.512.206.557c.726 1.964 2.772 4.741 5.934 7.022a21.802 21.802 0 0 0 2.5 1.556Zm1.859-1.859a19.32 19.32 0 0 1-2.896-1.725c-2.522-1.82-4.125-3.905-4.822-5.329 2.174-3.476 7.174-9.542 16.473-9.542 2.549 0 4.749.454 6.655 1.186l-3.658 3.658a5.5 5.5 0 0 0-7.555 7.555l-4.197 4.197Zm1.997.831c1.98.697 4.236 1.13 6.758 1.13 9.141 0 14.526-5.724 16.567-9.024-1.692-2.258-4.138-5.408-7.972-7.458l-4.103 4.103a5.5 5.5 0 0 1-7.717 7.717l-3.533 3.532Z"
-    }
-  );
-  const xxSmallHover = /* @__PURE__ */ jsx(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "m13.242 32.907-5.698 5.699 1.414 1.414 6.206-6.206c2.487 1.03 5.393 1.694 8.693 1.694 11.048 0 17.233-7.422 19.163-11.023l.377-.703-.48-.638-.324-.434c-1.617-2.169-4.188-5.615-8.305-8.02l5.295-5.295-1.414-1.415-5.747 5.747c-2.383-1.075-5.21-1.776-8.565-1.776-11.15 0-16.83 7.715-18.952 11.308l-.302.512.206.557c.725 1.964 2.772 4.741 5.934 7.022a21.8 21.8 0 0 0 2.5 1.557Zm1.86-1.86a19.32 19.32 0 0 1-2.897-1.725c-2.522-1.819-4.125-3.905-4.821-5.328 2.173-3.477 7.174-9.543 16.473-9.543 2.548 0 4.748.454 6.654 1.187l-15.41 15.41Zm1.997.831c1.98.697 4.236 1.13 6.758 1.13 9.14 0 14.525-5.723 16.567-9.024-1.692-2.258-4.139-5.407-7.973-7.458l-1.992 1.993a5.5 5.5 0 1 1-5.94 5.94l-7.42 7.42Z"
-    }
-  );
+  const xxSmall = /* @__PURE__ */ jsx("path", { d: "m13.66 10-2.82 2.82 3.8 3.8c-.82.6-1.58 1.22-2.22 1.86a23.597 23.597 0 0 0-2.9 3.38c-.32.46-.58.86-.74 1.14-.08.14-.16.26-.2.34-.02.04-.04.08-.06.1l-.02.04-.5.94.5.94v.04c0 .02.04.06.06.1.04.08.12.2.2.34.16.28.42.68.74 1.14.64.92 1.62 2.16 2.9 3.38 2.56 2.46 6.54 5.06 11.84 5.06 2.84 0 5.28-.76 7.34-1.82l3.24 3.24 2.82-2.82L13.66 10Zm10.58 21.42c-3.92 0-6.94-1.9-9.08-3.94a19.899 19.899 0 0 1-2.4-2.8c-.06-.1-.12-.18-.18-.26.06-.08.1-.16.18-.26.54-.76 1.34-1.78 2.4-2.8.68-.66 1.46-1.28 2.34-1.86l.08.08c-.2.64-.34 1.28-.34 1.98 0 3.78 3.12 6.86 6.98 6.86.66 0 1.28-.12 1.9-.28l2.46 2.46c-1.3.52-2.74.84-4.34.84v-.02Zm15.78-7.938s0-.04-.02-.04c0-.02-.04-.06-.06-.1-.04-.08-.12-.2-.2-.34-.16-.28-.42-.68-.74-1.14-.64-.92-1.62-2.16-2.9-3.38-2.56-2.46-6.54-5.06-11.84-5.06-.72 0-1.4.06-2.06.16l4.02 4.02c2.98.5 5.36 2.08 7.12 3.76 1.06 1.02 1.86 2.04 2.4 2.8.06.1.12.18.18.26-.06.08-.1.16-.18.26-.28.4-.64.88-1.06 1.38l2.84 2.84c.62-.7 1.12-1.36 1.5-1.92.32-.46.58-.86.74-1.14.08-.14.16-.26.2-.34.02-.04.04-.08.06-.1v-.04l.5-.96-.5-.94v.02Z" });
+  const xxSmallHover = /* @__PURE__ */ jsx("path", { d: "m13.78 10-2.82 2.82 4.82 4.82c-1.16.58-2.18 1.22-3.06 1.86-1.3.96-2.28 1.94-2.94 2.68-.34.36-.58.68-.76.9-.08.12-.16.2-.2.28-.02.04-.04.06-.06.08v.02L8 24.58l.76 1.12v.02c0 .02.04.04.06.08.04.06.12.16.2.28.18.22.42.54.76.9.66.74 1.64 1.7 2.94 2.68 2.6 1.94 6.5 3.9 11.66 3.9 2.38 0 4.46-.42 6.3-1.06l4.28 4.28 2.82-2.82-24-23.96Zm10.58 19.62c-4.08 0-7.18-1.54-9.26-3.1-.92-.68-1.6-1.34-2.12-1.9.52-.54 1.2-1.22 2.12-1.9.66-.5 1.44-.98 2.3-1.42 0 .08-.02.18-.02.26 0 3.78 3.12 6.86 6.98 6.86.66 0 1.28-.12 1.9-.28l1.18 1.18c-.96.2-1.96.3-3.06.3h-.02Zm15.62-6.18s-.04-.04-.06-.08c-.04-.06-.12-.16-.2-.28-.18-.22-.42-.54-.76-.9-.66-.74-1.64-1.7-2.94-2.68-2.6-1.94-6.5-3.9-11.66-3.9h-.02l4.76 4.76c1.82.6 3.34 1.46 4.54 2.36.92.68 1.6 1.34 2.12 1.9-.32.34-.76.76-1.24 1.18l2.84 2.84a17.2 17.2 0 0 0 1.6-1.58c.34-.36.58-.68.76-.9.08-.12.16-.2.2-.28.02-.04.04-.06.06-.08l.8-1.18-.8-1.18Z" });
   return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover, xxSmall, xxSmallHover });
 };
 export {

package/components/Icons/NoEye.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoEye.js","sources":["../../../src/components/Icons/NoEye.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst NoEye: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path\n      d=\"M23.478 33.617c-2.67 0-4.927-.572-6.829-1.43l.955-.971a9.265 9.265 0 0 0 5.874 2.095c5.134 0 9.311-4.177 9.311-9.311 0-2.285-.83-4.377-2.2-6l1.324-1.347c4.185 2.503 6.224 6.312 6.714 7.347-.747 1.577-5.056 9.617-15.149 9.617Zm-1.347-7.008c.405.21.86.34 1.347.34a2.949 2.949 0 0 0 2.95-2.95c0-.506-.14-.975-.365-1.392l3.612-3.676A7.97 7.97 0 0 1 31.49 24c0 4.417-3.594 8.01-8.01 8.01a7.967 7.967 0 0 1-4.957-1.728l3.61-3.673Zm3.316-4.791a2.928 2.928 0 0 0-1.969-.767A2.949 2.949 0 0 0 20.53 24c0 .779.307 1.482.801 2.009l-3.55 3.613A7.98 7.98 0 0 1 15.466 24c0-4.417 3.595-8.011 8.012-8.011 2.14 0 4.08.847 5.518 2.218l-3.549 3.61ZM8.328 24c.748-1.577 5.057-9.617 15.15-9.617 3.011 0 5.496.723 7.536 1.769l-1.108 1.128a9.271 9.271 0 0 0-6.428-2.592c-5.134 0-9.312 4.178-9.312 9.312a9.28 9.28 0 0 0 2.702 6.549l-1.164 1.185c-4.643-2.477-6.86-6.645-7.376-7.734Zm31.612-.253c-.03-.072-2.129-4.89-7.113-8.024l5.984-6.09-.708-.696-6.156 6.266c-2.268-1.246-5.068-2.121-8.469-2.121-11.83 0-16.417 10.558-16.462 10.665L6.91 24l.107.253c.031.074 2.312 5.31 7.77 8.416l-5.598 5.697.708.695 5.804-5.906c2.14 1.05 4.714 1.763 7.778 1.763 11.83 0 16.417-10.56 16.462-10.665l.106-.253-.106-.253Z\"\n      fillRule=\"evenodd\"\n    />\n  );\n  const normalHover = (\n    <path\n      d=\"M23.478 33.617c-2.67 0-4.927-.572-6.829-1.43l.955-.971a9.265 9.265 0 0 0 5.874 2.095c5.134 0 9.311-4.177 9.311-9.311 0-2.285-.83-4.377-2.2-6l1.324-1.347c4.181 2.5 6.22 6.304 6.713 7.344-.748 1.535-5.162 9.62-15.148 9.62Zm.197-8.58a2.944 2.944 0 1 0 3.74-3.805l2.26-2.301A7.97 7.97 0 0 1 31.49 24c0 4.417-3.594 8.01-8.01 8.01a7.967 7.967 0 0 1-4.957-1.728l5.153-5.245Zm2.501-3.961a2.931 2.931 0 0 0-2.678 2.726l-5.718 5.82A7.981 7.981 0 0 1 15.467 24c0-4.417 3.594-8.011 8.011-8.011 2.14 0 4.08.847 5.518 2.218l-2.82 2.869ZM8.328 24c.748-1.577 5.057-9.617 15.15-9.617 3.011 0 5.496.723 7.536 1.769l-1.108 1.128a9.271 9.271 0 0 0-6.428-2.592c-5.134 0-9.31 4.178-9.31 9.312a9.28 9.28 0 0 0 2.7 6.549l-1.164 1.185c-4.643-2.477-6.86-6.645-7.376-7.734Zm31.612-.252c-.03-.072-2.129-4.89-7.113-8.025l5.984-6.09-.708-.696-6.156 6.266c-2.268-1.246-5.068-2.121-8.469-2.121-11.83 0-16.417 10.558-16.462 10.665L6.91 24l.107.253c.031.074 2.312 5.31 7.77 8.416l-5.598 5.697.708.695 5.804-5.906c2.14 1.05 4.714 1.763 7.778 1.763 11.83 0 16.417-10.56 16.462-10.666l.106-.252-.106-.252Z\"\n      fillRule=\"evenodd\"\n    />\n  );\n  const xSmall = (\n    <path\n      d=\"M30.215 31.395A9.647 9.647 0 0 0 33.667 24c0-2.47-.938-4.72-2.469-6.432l.32-.327c3.788 2.087 5.848 5.34 6.602 6.76-.839 1.577-3.28 5.406-7.905 7.394ZM9.88 24c.838-1.577 3.28-5.407 7.906-7.394A9.647 9.647 0 0 0 14.332 24c0 2.471.94 4.72 2.471 6.432l-.322.327C12.694 28.673 10.634 25.42 9.88 24ZM24 16.102a7.86 7.86 0 0 1 5.067 1.846l-3.47 3.532a2.963 2.963 0 0 0-1.596-.47A2.99 2.99 0 0 0 21.009 24c0 .608.185 1.172.497 1.645l-3.464 3.525a7.862 7.862 0 0 1-1.94-5.17c0-4.356 3.543-7.898 7.899-7.898Zm0 15.797a7.866 7.866 0 0 1-5.067-1.847l3.47-3.532c.463.295 1.008.47 1.598.47a2.99 2.99 0 0 0 2.494-4.634l3.464-3.526a7.857 7.857 0 0 1 1.94 5.17c0 4.356-3.543 7.899-7.898 7.899Zm8.798-15.959 5.461-5.56-.894-.877-5.717 5.818C29.55 14.29 27.025 13.588 24 13.588 12.302 13.588 7.914 24 7.914 24s2.11 4.99 7.289 8.06L9.74 37.62l.894.878 5.717-5.82c2.098 1.032 4.625 1.734 7.649 1.734C35.697 34.412 40.087 24 40.087 24s-2.11-4.99-7.289-8.06Z\"\n      fillRule=\"evenodd\"\n    />\n  );\n  const xSmallHover = (\n    <path\n      d=\"M30.214 31.395A9.65 9.65 0 0 0 33.668 24c0-2.47-.94-4.72-2.47-6.43l.321-.328c3.787 2.087 5.847 5.34 6.601 6.758-.838 1.58-3.28 5.408-7.906 7.396ZM9.88 24.001c.839-1.58 3.28-5.408 7.905-7.396a9.65 9.65 0 0 0-3.452 7.394c0 2.472.938 4.722 2.47 6.434l-.322.326c-3.787-2.086-5.847-5.34-6.601-6.758ZM24 16.1a7.86 7.86 0 0 1 5.067 1.848l-3.048 3.1a2.975 2.975 0 0 0-2.549 2.597l-5.427 5.525a7.857 7.857 0 0 1-1.942-5.172c0-4.355 3.543-7.898 7.899-7.898Zm0 15.798a7.862 7.862 0 0 1-5.067-1.847l4.76-4.845A2.989 2.989 0 0 0 29.416 24c0-1.24-.754-2.304-1.829-2.758l2.37-2.412a7.856 7.856 0 0 1 1.941 5.168c0 4.357-3.543 7.9-7.898 7.9Zm8.798-15.959 5.461-5.559-.894-.878-5.717 5.818C29.55 14.29 27.024 13.587 24 13.587c-11.698 0-16.087 10.414-16.087 10.414s2.111 4.988 7.289 8.06l-5.46 5.558.893.879 5.717-5.82c2.097 1.033 4.625 1.735 7.648 1.735C35.698 34.413 40.086 24 40.086 24s-2.11-4.99-7.288-8.06Z\"\n      fillRule=\"evenodd\"\n    />\n  );\n\n  const xxSmall = (\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"m13.24 33.127-5.699 5.7 1.414 1.413 6.206-6.206c2.487 1.03 5.393 1.695 8.693 1.695 11.048 0 17.234-7.422 19.164-11.023l.377-.703-.48-.638-.325-.435c-1.617-2.168-4.187-5.614-8.304-8.02l5.294-5.295-1.414-1.414-5.746 5.746c-2.384-1.074-5.211-1.775-8.566-1.775-11.149 0-16.83 7.715-18.952 11.308l-.302.512.206.557c.726 1.964 2.772 4.741 5.934 7.022a21.802 21.802 0 0 0 2.5 1.556Zm1.859-1.859a19.32 19.32 0 0 1-2.896-1.725c-2.522-1.82-4.125-3.905-4.822-5.329 2.174-3.476 7.174-9.542 16.473-9.542 2.549 0 4.749.454 6.655 1.186l-3.658 3.658a5.5 5.5 0 0 0-7.555 7.555l-4.197 4.197Zm1.997.831c1.98.697 4.236 1.13 6.758 1.13 9.141 0 14.526-5.724 16.567-9.024-1.692-2.258-4.138-5.408-7.972-7.458l-4.103 4.103a5.5 5.5 0 0 1-7.717 7.717l-3.533 3.532Z\"\n    />\n  );\n\n  const xxSmallHover = (\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"m13.242 32.907-5.698 5.699 1.414 1.414 6.206-6.206c2.487 1.03 5.393 1.694 8.693 1.694 11.048 0 17.233-7.422 19.163-11.023l.377-.703-.48-.638-.324-.434c-1.617-2.169-4.188-5.615-8.305-8.02l5.295-5.295-1.414-1.415-5.747 5.747c-2.383-1.075-5.21-1.776-8.565-1.776-11.15 0-16.83 7.715-18.952 11.308l-.302.512.206.557c.725 1.964 2.772 4.741 5.934 7.022a21.8 21.8 0 0 0 2.5 1.557Zm1.86-1.86a19.32 19.32 0 0 1-2.897-1.725c-2.522-1.819-4.125-3.905-4.821-5.328 2.173-3.477 7.174-9.543 16.473-9.543 2.548 0 4.748.454 6.654 1.187l-15.41 15.41Zm1.997.831c1.98.697 4.236 1.13 6.758 1.13 9.14 0 14.525-5.723 16.567-9.024-1.692-2.258-4.139-5.407-7.973-7.458l-1.992 1.993a5.5 5.5 0 1 1-5.94 5.94l-7.42 7.42Z\"\n    />\n  );\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover, xxSmall, xxSmallHover });\n};\n\nexport default NoEye;\n"],"names":[],"mappings":";;AAIA,MAAM,QAAgC,CAAC,EAAE,MAAM,gBAAkD;AAC/F,QAAM,SACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EACX;AAEF,QAAM,cACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EACX;AAEF,QAAM,SACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EACX;AAEF,QAAM,cACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EACX;AAGF,QAAM,UACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EACJ;AAGF,QAAM,eACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EACJ;AAEK,SAAA,QAAQ,EAAE,MAAM,WAAW,QAAQ,aAAa,QAAQ,aAAa,SAAS,cAAc;AACrG;"}
+{"version":3,"file":"NoEye.js","sources":["../../../src/components/Icons/NoEye.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst NoEye: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path\n      d=\"M23.478 33.617c-2.67 0-4.927-.572-6.829-1.43l.955-.971a9.265 9.265 0 0 0 5.874 2.095c5.134 0 9.311-4.177 9.311-9.311 0-2.285-.83-4.377-2.2-6l1.324-1.347c4.185 2.503 6.224 6.312 6.714 7.347-.747 1.577-5.056 9.617-15.149 9.617Zm-1.347-7.008c.405.21.86.34 1.347.34a2.949 2.949 0 0 0 2.95-2.95c0-.506-.14-.975-.365-1.392l3.612-3.676A7.97 7.97 0 0 1 31.49 24c0 4.417-3.594 8.01-8.01 8.01a7.967 7.967 0 0 1-4.957-1.728l3.61-3.673Zm3.316-4.791a2.928 2.928 0 0 0-1.969-.767A2.949 2.949 0 0 0 20.53 24c0 .779.307 1.482.801 2.009l-3.55 3.613A7.98 7.98 0 0 1 15.466 24c0-4.417 3.595-8.011 8.012-8.011 2.14 0 4.08.847 5.518 2.218l-3.549 3.61ZM8.328 24c.748-1.577 5.057-9.617 15.15-9.617 3.011 0 5.496.723 7.536 1.769l-1.108 1.128a9.271 9.271 0 0 0-6.428-2.592c-5.134 0-9.312 4.178-9.312 9.312a9.28 9.28 0 0 0 2.702 6.549l-1.164 1.185c-4.643-2.477-6.86-6.645-7.376-7.734Zm31.612-.253c-.03-.072-2.129-4.89-7.113-8.024l5.984-6.09-.708-.696-6.156 6.266c-2.268-1.246-5.068-2.121-8.469-2.121-11.83 0-16.417 10.558-16.462 10.665L6.91 24l.107.253c.031.074 2.312 5.31 7.77 8.416l-5.598 5.697.708.695 5.804-5.906c2.14 1.05 4.714 1.763 7.778 1.763 11.83 0 16.417-10.56 16.462-10.665l.106-.253-.106-.253Z\"\n      fillRule=\"evenodd\"\n    />\n  );\n  const normalHover = (\n    <path\n      d=\"M23.478 33.617c-2.67 0-4.927-.572-6.829-1.43l.955-.971a9.265 9.265 0 0 0 5.874 2.095c5.134 0 9.311-4.177 9.311-9.311 0-2.285-.83-4.377-2.2-6l1.324-1.347c4.181 2.5 6.22 6.304 6.713 7.344-.748 1.535-5.162 9.62-15.148 9.62Zm.197-8.58a2.944 2.944 0 1 0 3.74-3.805l2.26-2.301A7.97 7.97 0 0 1 31.49 24c0 4.417-3.594 8.01-8.01 8.01a7.967 7.967 0 0 1-4.957-1.728l5.153-5.245Zm2.501-3.961a2.931 2.931 0 0 0-2.678 2.726l-5.718 5.82A7.981 7.981 0 0 1 15.467 24c0-4.417 3.594-8.011 8.011-8.011 2.14 0 4.08.847 5.518 2.218l-2.82 2.869ZM8.328 24c.748-1.577 5.057-9.617 15.15-9.617 3.011 0 5.496.723 7.536 1.769l-1.108 1.128a9.271 9.271 0 0 0-6.428-2.592c-5.134 0-9.31 4.178-9.31 9.312a9.28 9.28 0 0 0 2.7 6.549l-1.164 1.185c-4.643-2.477-6.86-6.645-7.376-7.734Zm31.612-.252c-.03-.072-2.129-4.89-7.113-8.025l5.984-6.09-.708-.696-6.156 6.266c-2.268-1.246-5.068-2.121-8.469-2.121-11.83 0-16.417 10.558-16.462 10.665L6.91 24l.107.253c.031.074 2.312 5.31 7.77 8.416l-5.598 5.697.708.695 5.804-5.906c2.14 1.05 4.714 1.763 7.778 1.763 11.83 0 16.417-10.56 16.462-10.666l.106-.252-.106-.252Z\"\n      fillRule=\"evenodd\"\n    />\n  );\n  const xSmall = (\n    <path\n      d=\"M30.215 31.395A9.647 9.647 0 0 0 33.667 24c0-2.47-.938-4.72-2.469-6.432l.32-.327c3.788 2.087 5.848 5.34 6.602 6.76-.839 1.577-3.28 5.406-7.905 7.394ZM9.88 24c.838-1.577 3.28-5.407 7.906-7.394A9.647 9.647 0 0 0 14.332 24c0 2.471.94 4.72 2.471 6.432l-.322.327C12.694 28.673 10.634 25.42 9.88 24ZM24 16.102a7.86 7.86 0 0 1 5.067 1.846l-3.47 3.532a2.963 2.963 0 0 0-1.596-.47A2.99 2.99 0 0 0 21.009 24c0 .608.185 1.172.497 1.645l-3.464 3.525a7.862 7.862 0 0 1-1.94-5.17c0-4.356 3.543-7.898 7.899-7.898Zm0 15.797a7.866 7.866 0 0 1-5.067-1.847l3.47-3.532c.463.295 1.008.47 1.598.47a2.99 2.99 0 0 0 2.494-4.634l3.464-3.526a7.857 7.857 0 0 1 1.94 5.17c0 4.356-3.543 7.899-7.898 7.899Zm8.798-15.959 5.461-5.56-.894-.877-5.717 5.818C29.55 14.29 27.025 13.588 24 13.588 12.302 13.588 7.914 24 7.914 24s2.11 4.99 7.289 8.06L9.74 37.62l.894.878 5.717-5.82c2.098 1.032 4.625 1.734 7.649 1.734C35.697 34.412 40.087 24 40.087 24s-2.11-4.99-7.289-8.06Z\"\n      fillRule=\"evenodd\"\n    />\n  );\n  const xSmallHover = (\n    <path\n      d=\"M30.214 31.395A9.65 9.65 0 0 0 33.668 24c0-2.47-.94-4.72-2.47-6.43l.321-.328c3.787 2.087 5.847 5.34 6.601 6.758-.838 1.58-3.28 5.408-7.906 7.396ZM9.88 24.001c.839-1.58 3.28-5.408 7.905-7.396a9.65 9.65 0 0 0-3.452 7.394c0 2.472.938 4.722 2.47 6.434l-.322.326c-3.787-2.086-5.847-5.34-6.601-6.758ZM24 16.1a7.86 7.86 0 0 1 5.067 1.848l-3.048 3.1a2.975 2.975 0 0 0-2.549 2.597l-5.427 5.525a7.857 7.857 0 0 1-1.942-5.172c0-4.355 3.543-7.898 7.899-7.898Zm0 15.798a7.862 7.862 0 0 1-5.067-1.847l4.76-4.845A2.989 2.989 0 0 0 29.416 24c0-1.24-.754-2.304-1.829-2.758l2.37-2.412a7.856 7.856 0 0 1 1.941 5.168c0 4.357-3.543 7.9-7.898 7.9Zm8.798-15.959 5.461-5.559-.894-.878-5.717 5.818C29.55 14.29 27.024 13.587 24 13.587c-11.698 0-16.087 10.414-16.087 10.414s2.111 4.988 7.289 8.06l-5.46 5.558.893.879 5.717-5.82c2.097 1.033 4.625 1.735 7.648 1.735C35.698 34.413 40.086 24 40.086 24s-2.11-4.99-7.288-8.06Z\"\n      fillRule=\"evenodd\"\n    />\n  );\n\n  const xxSmall = (\n    <path d=\"m13.66 10-2.82 2.82 3.8 3.8c-.82.6-1.58 1.22-2.22 1.86a23.597 23.597 0 0 0-2.9 3.38c-.32.46-.58.86-.74 1.14-.08.14-.16.26-.2.34-.02.04-.04.08-.06.1l-.02.04-.5.94.5.94v.04c0 .02.04.06.06.1.04.08.12.2.2.34.16.28.42.68.74 1.14.64.92 1.62 2.16 2.9 3.38 2.56 2.46 6.54 5.06 11.84 5.06 2.84 0 5.28-.76 7.34-1.82l3.24 3.24 2.82-2.82L13.66 10Zm10.58 21.42c-3.92 0-6.94-1.9-9.08-3.94a19.899 19.899 0 0 1-2.4-2.8c-.06-.1-.12-.18-.18-.26.06-.08.1-.16.18-.26.54-.76 1.34-1.78 2.4-2.8.68-.66 1.46-1.28 2.34-1.86l.08.08c-.2.64-.34 1.28-.34 1.98 0 3.78 3.12 6.86 6.98 6.86.66 0 1.28-.12 1.9-.28l2.46 2.46c-1.3.52-2.74.84-4.34.84v-.02Zm15.78-7.938s0-.04-.02-.04c0-.02-.04-.06-.06-.1-.04-.08-.12-.2-.2-.34-.16-.28-.42-.68-.74-1.14-.64-.92-1.62-2.16-2.9-3.38-2.56-2.46-6.54-5.06-11.84-5.06-.72 0-1.4.06-2.06.16l4.02 4.02c2.98.5 5.36 2.08 7.12 3.76 1.06 1.02 1.86 2.04 2.4 2.8.06.1.12.18.18.26-.06.08-.1.16-.18.26-.28.4-.64.88-1.06 1.38l2.84 2.84c.62-.7 1.12-1.36 1.5-1.92.32-.46.58-.86.74-1.14.08-.14.16-.26.2-.34.02-.04.04-.08.06-.1v-.04l.5-.96-.5-.94v.02Z\" />\n  );\n\n  const xxSmallHover = (\n    <path d=\"m13.78 10-2.82 2.82 4.82 4.82c-1.16.58-2.18 1.22-3.06 1.86-1.3.96-2.28 1.94-2.94 2.68-.34.36-.58.68-.76.9-.08.12-.16.2-.2.28-.02.04-.04.06-.06.08v.02L8 24.58l.76 1.12v.02c0 .02.04.04.06.08.04.06.12.16.2.28.18.22.42.54.76.9.66.74 1.64 1.7 2.94 2.68 2.6 1.94 6.5 3.9 11.66 3.9 2.38 0 4.46-.42 6.3-1.06l4.28 4.28 2.82-2.82-24-23.96Zm10.58 19.62c-4.08 0-7.18-1.54-9.26-3.1-.92-.68-1.6-1.34-2.12-1.9.52-.54 1.2-1.22 2.12-1.9.66-.5 1.44-.98 2.3-1.42 0 .08-.02.18-.02.26 0 3.78 3.12 6.86 6.98 6.86.66 0 1.28-.12 1.9-.28l1.18 1.18c-.96.2-1.96.3-3.06.3h-.02Zm15.62-6.18s-.04-.04-.06-.08c-.04-.06-.12-.16-.2-.28-.18-.22-.42-.54-.76-.9-.66-.74-1.64-1.7-2.94-2.68-2.6-1.94-6.5-3.9-11.66-3.9h-.02l4.76 4.76c1.82.6 3.34 1.46 4.54 2.36.92.68 1.6 1.34 2.12 1.9-.32.34-.76.76-1.24 1.18l2.84 2.84a17.2 17.2 0 0 0 1.6-1.58c.34-.36.58-.68.76-.9.08-.12.16-.2.2-.28.02-.04.04-.06.06-.08l.8-1.18-.8-1.18Z\" />\n  );\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover, xxSmall, xxSmallHover });\n};\n\nexport default NoEye;\n"],"names":[],"mappings":";;AAIA,MAAM,QAAgC,CAAC,EAAE,MAAM,gBAAkD;AAC/F,QAAM,SACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EACX;AAEF,QAAM,cACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EACX;AAEF,QAAM,SACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EACX;AAEF,QAAM,cACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,UAAS;AAAA,IAAA;AAAA,EACX;AAGF,QAAM,UACJ,oBAAC,QAAK,EAAA,GAAE,khCAAkhC,CAAA;AAG5hC,QAAM,eACJ,oBAAC,QAAK,EAAA,GAAE,o3BAAo3B,CAAA;AAEv3B,SAAA,QAAQ,EAAE,MAAM,WAAW,QAAQ,aAAa,QAAQ,aAAa,SAAS,cAAc;AACrG;"}

package/components/Icons/Pencil.js

@@ -5,7 +5,23 @@ const Pencil = ({ size, isHovered }) => {
   const normalHover = /* @__PURE__ */ jsx("path", { d: "M44.486 15.537l-.757.757-6.035-6.034.757-.758a4.244 4.244 0 013.017-1.25c1.14 0 2.212.445 3.018 1.25a4.274 4.274 0 010 6.035zm-3.083 3.083l-6.034-6.035 1.618-1.618 6.035 6.034-1.62 1.62zM25.928 34.096l-2.66-2.661L38.14 16.771l2.556 2.556-14.768 14.768zm-6.683 3.128l-2.47-2.47 2.415-5.56 5.605 5.606-5.55 2.424zm-4.373 1.91l1.474-3.395 1.914 1.915-3.388 1.48zm19.79-25.841l2.77 2.77-14.871 14.664-2.667-2.666 14.768-14.768zm10.743-4.71l-.46.46.459-.46a5.53 5.53 0 00-3.936-1.63 5.534 5.534 0 00-3.936 1.63L18.515 27.6a.655.655 0 00-.136.201l-5.192 11.945H7.615v1.3h6v-.005a.663.663 0 00.262-.054l12.312-5.378a.63.63 0 00.199-.136l19.017-19.017a5.574 5.574 0 000-7.872z" });
   const xSmall = /* @__PURE__ */ jsx("path", { d: "M38.188 15.243l-.754.754-5.702-5.703.753-.755c1.522-1.523 4.178-1.522 5.703 0a4.04 4.04 0 010 5.704zm-3.08 3.08l-5.702-5.704 1.61-1.61 5.703 5.703-1.61 1.61zM19.796 33.633l-2.49-2.49 14.702-14.493 2.387 2.385-14.599 14.598zm-6.856 3.28l-2.117-2.118 2.313-5.32 5.118 5.118-5.314 2.32zm-3.75 1.638l1.2-2.758 1.554 1.555-2.753 1.203zm19.501-25.218l2.602 2.602L16.592 30.43l-2.499-2.499 14.598-14.597zM39.438 8.29V8.29a5.768 5.768 0 00-4.102-1.699 5.765 5.765 0 00-4.102 1.699L12.216 27.306a.895.895 0 00-.184.274L6.673 39.91a.884.884 0 001.165 1.163l12.312-5.377a.888.888 0 00.271-.186l19.017-19.017a5.808 5.808 0 000-8.203z" });
   const xSmallHover = /* @__PURE__ */ jsx("path", { d: "M44.188 15.871l-.753.753-5.703-5.702.753-.754a4.04 4.04 0 015.703 0 4.003 4.003 0 011.182 2.852 4 4 0 01-1.182 2.851zM41.11 18.95l-5.703-5.702 1.61-1.612 5.703 5.703-1.61 1.61zM25.798 34.263l-2.491-2.49L38.009 17.28l2.386 2.384-14.597 14.599zm-6.857 3.28l-2.118-2.117 2.313-5.322 5.12 5.119-5.315 2.32zm-3.749 1.637l1.199-2.757 1.555 1.555-2.754 1.202zm19.5-25.217l2.602 2.602-14.702 14.493-2.497-2.498 14.597-14.597zm10.747-5.045a5.81 5.81 0 00-8.205 0L18.218 27.934a.895.895 0 00-.185.274l-5.13 11.805h-5.42v1.768h6.001v-.006c.12 0 .242-.024.355-.073l12.312-5.378a.888.888 0 00.272-.185l19.016-19.017a5.764 5.764 0 001.7-4.102c0-1.55-.605-3.006-1.7-4.102z" });
-  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });
+  const xxSmall = /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M32.326 9.147a4 4 0 0 0-5.617.01l-17.2 17.019L8 38.555l12.152-1.803 17.13-17.066A4 4 0 0 0 37.263 14l-4.937-4.853ZM29.522 12l4.937 4.853-2.338 2.329-4.902-4.903L29.522 12Zm-5.146 5.093L13.31 28.04l-.705 5.787 5.656-.84 11.026-10.983-4.913-4.912Z"
+    }
+  );
+  const xxSmallHover = /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M24.043 6.492a4 4 0 0 0-4.86 2.817l-6.387 23.339 4.883 11.474 9.623-7.637 6.303-23.344a4 4 0 0 0-2.86-4.915l-6.702-1.734Zm-1.002 3.872 6.702 1.734-.86 3.186-6.697-1.794.855-3.126Zm-1.911 6.984-4.108 15.014 2.282 5.364 4.48-3.555 4.056-15.025-6.71-1.798Z"
+    }
+  );
+  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover, xxSmall, xxSmallHover });
 };
 export {
   Pencil as default

package/components/Icons/Pencil.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pencil.js","sources":["../../../src/components/Icons/Pencil.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst Pencil: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path d=\"M38.485 15.54l-.757.757-6.035-6.034.757-.758a4.275 4.275 0 016.035 0 4.274 4.274 0 010 6.035zm-3.083 3.083l-6.034-6.035 1.618-1.618 6.035 6.034-1.619 1.62zM19.927 34.098l-2.66-2.66L32.14 16.773l2.555 2.556-14.768 14.768zm-6.683 3.13l-2.47-2.472 2.416-5.558 5.604 5.604-5.55 2.425zm-4.373 1.908l1.475-3.394 1.914 1.914-3.389 1.48zm19.79-25.84l2.772 2.771L16.56 30.73l-2.667-2.667 14.768-14.768zm10.743-4.71a5.575 5.575 0 00-7.873 0L12.514 27.603a.655.655 0 00-.136.201l-5.359 12.33a.65.65 0 00.857.855l12.312-5.377a.63.63 0 00.199-.136L39.404 16.46a5.574 5.574 0 000-7.873z\" />\n  );\n\n  const normalHover = (\n    <path d=\"M44.486 15.537l-.757.757-6.035-6.034.757-.758a4.244 4.244 0 013.017-1.25c1.14 0 2.212.445 3.018 1.25a4.274 4.274 0 010 6.035zm-3.083 3.083l-6.034-6.035 1.618-1.618 6.035 6.034-1.62 1.62zM25.928 34.096l-2.66-2.661L38.14 16.771l2.556 2.556-14.768 14.768zm-6.683 3.128l-2.47-2.47 2.415-5.56 5.605 5.606-5.55 2.424zm-4.373 1.91l1.474-3.395 1.914 1.915-3.388 1.48zm19.79-25.841l2.77 2.77-14.871 14.664-2.667-2.666 14.768-14.768zm10.743-4.71l-.46.46.459-.46a5.53 5.53 0 00-3.936-1.63 5.534 5.534 0 00-3.936 1.63L18.515 27.6a.655.655 0 00-.136.201l-5.192 11.945H7.615v1.3h6v-.005a.663.663 0 00.262-.054l12.312-5.378a.63.63 0 00.199-.136l19.017-19.017a5.574 5.574 0 000-7.872z\" />\n  );\n\n  const xSmall = (\n    <path d=\"M38.188 15.243l-.754.754-5.702-5.703.753-.755c1.522-1.523 4.178-1.522 5.703 0a4.04 4.04 0 010 5.704zm-3.08 3.08l-5.702-5.704 1.61-1.61 5.703 5.703-1.61 1.61zM19.796 33.633l-2.49-2.49 14.702-14.493 2.387 2.385-14.599 14.598zm-6.856 3.28l-2.117-2.118 2.313-5.32 5.118 5.118-5.314 2.32zm-3.75 1.638l1.2-2.758 1.554 1.555-2.753 1.203zm19.501-25.218l2.602 2.602L16.592 30.43l-2.499-2.499 14.598-14.597zM39.438 8.29V8.29a5.768 5.768 0 00-4.102-1.699 5.765 5.765 0 00-4.102 1.699L12.216 27.306a.895.895 0 00-.184.274L6.673 39.91a.884.884 0 001.165 1.163l12.312-5.377a.888.888 0 00.271-.186l19.017-19.017a5.808 5.808 0 000-8.203z\" />\n  );\n\n  const xSmallHover = (\n    <path d=\"M44.188 15.871l-.753.753-5.703-5.702.753-.754a4.04 4.04 0 015.703 0 4.003 4.003 0 011.182 2.852 4 4 0 01-1.182 2.851zM41.11 18.95l-5.703-5.702 1.61-1.612 5.703 5.703-1.61 1.61zM25.798 34.263l-2.491-2.49L38.009 17.28l2.386 2.384-14.597 14.599zm-6.857 3.28l-2.118-2.117 2.313-5.322 5.12 5.119-5.315 2.32zm-3.749 1.637l1.199-2.757 1.555 1.555-2.754 1.202zm19.5-25.217l2.602 2.602-14.702 14.493-2.497-2.498 14.597-14.597zm10.747-5.045a5.81 5.81 0 00-8.205 0L18.218 27.934a.895.895 0 00-.185.274l-5.13 11.805h-5.42v1.768h6.001v-.006c.12 0 .242-.024.355-.073l12.312-5.378a.888.888 0 00.272-.185l19.016-19.017a5.764 5.764 0 001.7-4.102c0-1.55-.605-3.006-1.7-4.102z\" />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover });\n};\n\nexport default Pencil;\n"],"names":[],"mappings":";;AAIA,MAAM,SAAiC,CAAC,EAAE,MAAM,gBAAkD;AAChG,QAAM,SACJ,oBAAC,QAAK,EAAA,GAAE,+jBAA+jB,CAAA;AAGzkB,QAAM,cACJ,oBAAC,QAAK,EAAA,GAAE,+pBAA+pB,CAAA;AAGzqB,QAAM,SACJ,oBAAC,QAAK,EAAA,GAAE,gnBAAgnB,CAAA;AAG1nB,QAAM,cACJ,oBAAC,QAAK,EAAA,GAAE,opBAAopB,CAAA;AAGvpB,SAAA,QAAQ,EAAE,MAAM,WAAW,QAAQ,aAAa,QAAQ,aAAa;AAC9E;"}
+{"version":3,"file":"Pencil.js","sources":["../../../src/components/Icons/Pencil.tsx"],"sourcesContent":["import React from 'react';\n\nimport { getIcon, SvgPathProps } from '../Icon';\n\nconst Pencil: React.FC<SvgPathProps> = ({ size, isHovered }: SvgPathProps): React.ReactElement => {\n  const normal = (\n    <path d=\"M38.485 15.54l-.757.757-6.035-6.034.757-.758a4.275 4.275 0 016.035 0 4.274 4.274 0 010 6.035zm-3.083 3.083l-6.034-6.035 1.618-1.618 6.035 6.034-1.619 1.62zM19.927 34.098l-2.66-2.66L32.14 16.773l2.555 2.556-14.768 14.768zm-6.683 3.13l-2.47-2.472 2.416-5.558 5.604 5.604-5.55 2.425zm-4.373 1.908l1.475-3.394 1.914 1.914-3.389 1.48zm19.79-25.84l2.772 2.771L16.56 30.73l-2.667-2.667 14.768-14.768zm10.743-4.71a5.575 5.575 0 00-7.873 0L12.514 27.603a.655.655 0 00-.136.201l-5.359 12.33a.65.65 0 00.857.855l12.312-5.377a.63.63 0 00.199-.136L39.404 16.46a5.574 5.574 0 000-7.873z\" />\n  );\n\n  const normalHover = (\n    <path d=\"M44.486 15.537l-.757.757-6.035-6.034.757-.758a4.244 4.244 0 013.017-1.25c1.14 0 2.212.445 3.018 1.25a4.274 4.274 0 010 6.035zm-3.083 3.083l-6.034-6.035 1.618-1.618 6.035 6.034-1.62 1.62zM25.928 34.096l-2.66-2.661L38.14 16.771l2.556 2.556-14.768 14.768zm-6.683 3.128l-2.47-2.47 2.415-5.56 5.605 5.606-5.55 2.424zm-4.373 1.91l1.474-3.395 1.914 1.915-3.388 1.48zm19.79-25.841l2.77 2.77-14.871 14.664-2.667-2.666 14.768-14.768zm10.743-4.71l-.46.46.459-.46a5.53 5.53 0 00-3.936-1.63 5.534 5.534 0 00-3.936 1.63L18.515 27.6a.655.655 0 00-.136.201l-5.192 11.945H7.615v1.3h6v-.005a.663.663 0 00.262-.054l12.312-5.378a.63.63 0 00.199-.136l19.017-19.017a5.574 5.574 0 000-7.872z\" />\n  );\n\n  const xSmall = (\n    <path d=\"M38.188 15.243l-.754.754-5.702-5.703.753-.755c1.522-1.523 4.178-1.522 5.703 0a4.04 4.04 0 010 5.704zm-3.08 3.08l-5.702-5.704 1.61-1.61 5.703 5.703-1.61 1.61zM19.796 33.633l-2.49-2.49 14.702-14.493 2.387 2.385-14.599 14.598zm-6.856 3.28l-2.117-2.118 2.313-5.32 5.118 5.118-5.314 2.32zm-3.75 1.638l1.2-2.758 1.554 1.555-2.753 1.203zm19.501-25.218l2.602 2.602L16.592 30.43l-2.499-2.499 14.598-14.597zM39.438 8.29V8.29a5.768 5.768 0 00-4.102-1.699 5.765 5.765 0 00-4.102 1.699L12.216 27.306a.895.895 0 00-.184.274L6.673 39.91a.884.884 0 001.165 1.163l12.312-5.377a.888.888 0 00.271-.186l19.017-19.017a5.808 5.808 0 000-8.203z\" />\n  );\n\n  const xSmallHover = (\n    <path d=\"M44.188 15.871l-.753.753-5.703-5.702.753-.754a4.04 4.04 0 015.703 0 4.003 4.003 0 011.182 2.852 4 4 0 01-1.182 2.851zM41.11 18.95l-5.703-5.702 1.61-1.612 5.703 5.703-1.61 1.61zM25.798 34.263l-2.491-2.49L38.009 17.28l2.386 2.384-14.597 14.599zm-6.857 3.28l-2.118-2.117 2.313-5.322 5.12 5.119-5.315 2.32zm-3.749 1.637l1.199-2.757 1.555 1.555-2.754 1.202zm19.5-25.217l2.602 2.602-14.702 14.493-2.497-2.498 14.597-14.597zm10.747-5.045a5.81 5.81 0 00-8.205 0L18.218 27.934a.895.895 0 00-.185.274l-5.13 11.805h-5.42v1.768h6.001v-.006c.12 0 .242-.024.355-.073l12.312-5.378a.888.888 0 00.272-.185l19.016-19.017a5.764 5.764 0 001.7-4.102c0-1.55-.605-3.006-1.7-4.102z\" />\n  );\n\n  const xxSmall = (\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M32.326 9.147a4 4 0 0 0-5.617.01l-17.2 17.019L8 38.555l12.152-1.803 17.13-17.066A4 4 0 0 0 37.263 14l-4.937-4.853ZM29.522 12l4.937 4.853-2.338 2.329-4.902-4.903L29.522 12Zm-5.146 5.093L13.31 28.04l-.705 5.787 5.656-.84 11.026-10.983-4.913-4.912Z\"\n    />\n  );\n\n  const xxSmallHover = (\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M24.043 6.492a4 4 0 0 0-4.86 2.817l-6.387 23.339 4.883 11.474 9.623-7.637 6.303-23.344a4 4 0 0 0-2.86-4.915l-6.702-1.734Zm-1.002 3.872 6.702 1.734-.86 3.186-6.697-1.794.855-3.126Zm-1.911 6.984-4.108 15.014 2.282 5.364 4.48-3.555 4.056-15.025-6.71-1.798Z\"\n    />\n  );\n\n  return getIcon({ size, isHovered, normal, normalHover, xSmall, xSmallHover, xxSmall, xxSmallHover });\n};\n\nexport default Pencil;\n"],"names":[],"mappings":";;AAIA,MAAM,SAAiC,CAAC,EAAE,MAAM,gBAAkD;AAChG,QAAM,SACJ,oBAAC,QAAK,EAAA,GAAE,+jBAA+jB,CAAA;AAGzkB,QAAM,cACJ,oBAAC,QAAK,EAAA,GAAE,+pBAA+pB,CAAA;AAGzqB,QAAM,SACJ,oBAAC,QAAK,EAAA,GAAE,gnBAAgnB,CAAA;AAG1nB,QAAM,cACJ,oBAAC,QAAK,EAAA,GAAE,opBAAopB,CAAA;AAG9pB,QAAM,UACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EACJ;AAGF,QAAM,eACJ;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,IAAA;AAAA,EACJ;AAGK,SAAA,QAAQ,EAAE,MAAM,WAAW,QAAQ,aAAa,QAAQ,aAAa,SAAS,cAAc;AACrG;"}

package/components/Input/styles.module.scss

@@ -3,7 +3,7 @@
 @use '../../scss/palette' as palette;
 @use '../../scss/input' as input;
 @use '../../scss/font-mixins' as fonts;
-@use '../../scss/breakpoints' as *;
+@use '../../scss/breakpoints' as breakpoints;
 
 .input-wrapper {
   @include input.input-wrapper;
@@ -42,7 +42,7 @@
   &--with-icon {
     padding: 1px 0;
 
-    @media (min-width: map.get($grid-breakpoints, md)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
       padding: 0.375rem 0;
     }
   }
@@ -60,7 +60,7 @@
       height: 2.5rem;
     }
 
-    @media (min-width: map.get($grid-breakpoints, md)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
       height: 2.125rem;
 
       &--large {

package/components/Label/styles.module.scss

@@ -3,13 +3,13 @@
 @use '../../scss/palette' as palette;
 @use '../../scss/font-settings' as font-settings;
 @use '../../scss/font-mixins' as fonts;
-@use '../../scss/breakpoints' as *;
+@use '../../scss/breakpoints' as breakpoints;
 
 .label-wrapper {
   margin-bottom: spacers.getSpacer(2xs);
   line-height: font-settings.$lineheight-size-xs;
 
-  @media (min-width: map.get($grid-breakpoints, sm)) {
+  @media (min-width: map.get(breakpoints.$grid-breakpoints, sm)) {
     line-height: font-settings.$lineheight-size-sm;
   }
 

package/components/LinkList/styles.module.scss

@@ -2,8 +2,8 @@
 @use '../../scss/spacers' as spacers;
 @use '../../scss/font-settings' as font-settings;
 @use '../../scss/palette' as palette;
-@use '../../scss/breakpoints' as *;
-@import '../../scss/supernova/styles/colors';
+@use '../../scss/breakpoints' as breakpoints;
+@import '../../scss/supernova/styles/colors.css';
 
 .link-list {
   list-style: none;
@@ -122,7 +122,7 @@
       line-height: font-settings.$lineheight-size-md;
     }
 
-    @media (min-width: map.get($grid-breakpoints, md)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
       &--small {
         font-size: font-settings.$font-size-sm;
         line-height: font-settings.$lineheight-size-sm;

package/components/ListHeader/styles.module.scss

@@ -1,7 +1,7 @@
 @use 'sass:map';
 @use '../../scss/spacers' as spacers;
 @use '../../scss/palette' as palette;
-@use '../../scss/breakpoints' as *;
+@use '../../scss/breakpoints' as breakpoints;
 
 .list-header {
   display: grid;

package/components/MaxCharacters/styles.module.scss

@@ -2,7 +2,7 @@
 @use '../../scss/spacers' as spacers;
 @use '../../scss/palette' as palette;
 @use '../../scss/font-settings' as font-settings;
-@use '../../scss/breakpoints' as *;
+@use '../../scss/breakpoints' as breakpoints;
 
 .max-characters {
   display: flex;
@@ -12,7 +12,7 @@
   font-size: font-settings.$font-size-sm;
   line-height: font-settings.$lineheight-size-sm;
 
-  @media (min-width: map.get($grid-breakpoints, md)) {
+  @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
     line-height: font-settings.$lineheight-size-md;
     font-size: font-settings.$font-size-md;
   }

package/components/Modal/styles.module.scss

@@ -2,7 +2,7 @@
 @use '../../scss/spacers' as spacers;
 @use '../../scss/palette' as palette;
 @use '../../scss/font-settings' as font-settings;
-@use '../../scss/breakpoints' as *;
+@use '../../scss/breakpoints' as breakpoints;
 
 .modal-overlay {
   background: rgb(51 51 51 / 75%);
@@ -78,22 +78,22 @@
     width: calc(100vw - 0.75rem);
     padding-bottom: spacers.getSpacer(l);
 
-    @media (max-width: map.get($grid-breakpoints, sm)) {
+    @media (max-width: map.get(breakpoints.$grid-breakpoints, sm)) {
       p {
         font-size: 1.125rem;
       }
     }
 
-    @media (min-width: map.get($grid-breakpoints, md)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
       padding-bottom: spacers.getSpacer(xl);
       width: 612px;
     }
 
-    @media (min-width: map.get($grid-breakpoints, lg)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, lg)) {
       width: 696px;
     }
 
-    @include tiny-screens-media-query {
+    @include breakpoints.tiny-screens-media-query {
       padding-bottom: spacers.getSpacer(2xs);
     }
   }
@@ -102,11 +102,11 @@
     width: calc(100vw - 0.75rem);
     padding-bottom: spacers.getSpacer(m);
 
-    @media (min-width: map.get($grid-breakpoints, md)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
       width: 335px;
     }
 
-    @media (min-width: map.get($grid-breakpoints, lg)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, lg)) {
       width: 515px;
     }
   }
@@ -118,7 +118,7 @@
   &--image {
     padding: 0;
 
-    @media (min-width: map.get($grid-breakpoints, md)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
       max-height: calc(100vh - 24px);
       max-width: calc(100vw - 24px);
       width: 100%;
@@ -181,7 +181,7 @@
       max-height: none;
     }
 
-    @include tiny-screens-media-query {
+    @include breakpoints.tiny-screens-media-query {
       max-height: calc(100dvh - 4rem);
     }
 
@@ -193,11 +193,11 @@
       &--large {
         padding: spacers.getSpacer(xl) spacers.getSpacer(m) spacers.getSpacer(2xs);
 
-        @media (min-width: map.get($grid-breakpoints, md)) {
+        @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
           padding: spacers.getSpacer(xl) spacers.getSpacer(xl) spacers.getSpacer(2xs);
         }
 
-        @include tiny-screens-media-query {
+        @include breakpoints.tiny-screens-media-query {
           padding: spacers.getSpacer(2xs) spacers.getSpacer(2xs) spacers.getSpacer(4xs);
         }
       }
@@ -205,11 +205,11 @@
       &--medium {
         padding: spacers.getSpacer(l) spacers.getSpacer(m) spacers.getSpacer(2xs);
 
-        @media (min-width: map.get($grid-breakpoints, md)) {
+        @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
           padding: spacers.getSpacer(xl) spacers.getSpacer(m) spacers.getSpacer(2xs);
         }
 
-        @include tiny-screens-media-query {
+        @include breakpoints.tiny-screens-media-query {
           padding: spacers.getSpacer(2xs) spacers.getSpacer(3xs) spacers.getSpacer(4xs);
         }
       }
@@ -260,11 +260,11 @@
     &--large {
       padding: spacers.getSpacer(l) spacers.getSpacer(m) 0;
 
-      @media (min-width: map.get($grid-breakpoints, md)) {
+      @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
         padding: spacers.getSpacer(l) spacers.getSpacer(xl) 0;
       }
 
-      @include tiny-screens-media-query {
+      @include breakpoints.tiny-screens-media-query {
         padding: spacers.getSpacer(2xs) spacers.getSpacer(2xs) 0;
       }
     }
@@ -272,7 +272,7 @@
     &--medium {
       padding: spacers.getSpacer(m) spacers.getSpacer(m) 0;
 
-      @include tiny-screens-media-query {
+      @include breakpoints.tiny-screens-media-query {
         padding: spacers.getSpacer(2xs) spacers.getSpacer(2xs) 0;
       }
     }

package/components/NotificationPanel/styles.module.scss

@@ -3,7 +3,7 @@
 @use '../../scss/font-settings' as font-settings;
 @use '../../scss/palette' as palette;
 @use '../AnchorLink/styles.module' as anchorlink;
-@use '../../scss/breakpoints' as *;
+@use '../../scss/breakpoints' as breakpoints;
 
 .notification-panel {
   $panel: &;
@@ -13,7 +13,7 @@
   box-shadow: 0.25rem 0.25rem 0.375rem rgb(0 0 0 / 15%);
   border-radius: 0.25rem;
 
-  @media (min-width: map.get($grid-breakpoints, md)) {
+  @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
     padding-left: spacers.getSpacer(s);
     padding-right: spacers.getSpacer(m);
     #{$panel}__icon {
@@ -27,7 +27,7 @@
     line-height: 1.25rem;
     box-shadow: none;
 
-    @media (min-width: map.get($grid-breakpoints, md)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
       padding-left: spacers.getSpacer(2xs);
       padding-right: spacers.getSpacer(s);
     }
@@ -45,15 +45,15 @@
   }
 
   &--small {
-    max-width: map.get($grid-breakpoints, sm);
+    max-width: map.get(breakpoints.$grid-breakpoints, sm);
   }
 
   &--medium {
-    max-width: map.get($grid-breakpoints, md);
+    max-width: map.get(breakpoints.$grid-breakpoints, md);
   }
 
   &--large {
-    max-width: map.get($grid-breakpoints, lg);
+    max-width: map.get(breakpoints.$grid-breakpoints, lg);
   }
 
   &--info {
@@ -133,7 +133,7 @@
     line-height: font-settings.$lineheight-size-xs;
     margin: 0;
 
-    @media (min-width: map.get($grid-breakpoints, md)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
       font-size: font-settings.$font-size-sm;
       line-height: 1.625rem;
     }
@@ -173,7 +173,7 @@
     &--expander-no-label {
       margin: spacers.getSpacer(2xs) 0 0;
 
-      @media (max-width: map.get($grid-breakpoints, lg)) {
+      @media (max-width: map.get(breakpoints.$grid-breakpoints, lg)) {
         padding-top: 0;
       }
     }

package/components/Panel/styles.module.scss

@@ -2,12 +2,12 @@
 @use '../../scss/spacers' as spacers;
 @use '../../scss/palette' as palette;
 @use '../../scss/font-settings' as font-settings;
-@use '../../scss/breakpoints' as *;
+@use '../../scss/breakpoints' as breakpoints;
 
 @mixin panel-padding {
   padding: spacers.getSpacer(s);
 
-  @media (min-width: map.get($grid-breakpoints, md)) {
+  @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
     padding: spacers.getSpacer(l) spacers.getSpacer(m) spacers.getSpacer(l) spacers.getSpacer(l);
   }
 }
@@ -15,7 +15,7 @@
 @mixin panel-padding-icon {
   padding: spacers.getSpacer(m) spacers.getSpacer(s) spacers.getSpacer(l);
 
-  @media (min-width: map.get($grid-breakpoints, md)) {
+  @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
     padding: spacers.getSpacer(m) spacers.getSpacer(m) spacers.getSpacer(l);
   }
 }
@@ -58,7 +58,7 @@ $layout-md-col-gap: spacers.getSpacer(m);
     gap: $layout-sm-gap $layout-sm-gap;
     width: 100%;
 
-    @media (min-width: map.get($grid-breakpoints, md)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
       column-gap: $layout-md-col-gap;
     }
   }
@@ -68,7 +68,7 @@ $layout-md-col-gap: spacers.getSpacer(m);
       grid-template-columns: auto 1fr;
     }
 
-    @media (min-width: map.get($grid-breakpoints, md)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
       grid-template-rows: auto auto;
       grid-template-columns: 1fr auto;
 
@@ -87,7 +87,7 @@ $layout-md-col-gap: spacers.getSpacer(m);
       grid-template-columns: auto 1fr;
     }
 
-    @media (min-width: map.get($grid-breakpoints, md)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
       grid-template-rows: auto auto;
       grid-template-columns: 1fr auto;
 
@@ -104,7 +104,7 @@ $layout-md-col-gap: spacers.getSpacer(m);
       }
     }
 
-    @media (min-width: map.get($grid-breakpoints, lg)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, lg)) {
       grid-template-columns: minmax(auto, 760px) auto;
 
       &--with-icon {
@@ -123,7 +123,7 @@ $layout-md-col-gap: spacers.getSpacer(m);
       row-gap: $layout-sm-gap;
     }
 
-    @media (min-width: map.get($grid-breakpoints, lg)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, lg)) {
       grid-template-rows: auto;
 
       &--a {
@@ -171,13 +171,13 @@ $layout-md-col-gap: spacers.getSpacer(m);
 
     &--layout-1,
     &--layout-2 {
-      @media (min-width: map.get($grid-breakpoints, md)) {
+      @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
         grid-row: span 2;
         padding-right: spacers.getSpacer(2xs);
       }
     }
 
-    @media (min-width: map.get($grid-breakpoints, lg)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, lg)) {
       grid-row: span 2;
       padding-right: spacers.getSpacer(2xs);
     }
@@ -185,7 +185,7 @@ $layout-md-col-gap: spacers.getSpacer(m);
     &--layout-3 {
       grid-row: span 2;
 
-      @media (min-width: map.get($grid-breakpoints, lg)) {
+      @media (min-width: map.get(breakpoints.$grid-breakpoints, lg)) {
         grid-row: span 1;
       }
     }
@@ -203,7 +203,7 @@ $layout-md-col-gap: spacers.getSpacer(m);
     justify-content: flex-end;
 
     &--no-content-b {
-      @media (min-width: map.get($grid-breakpoints, lg)) {
+      @media (min-width: map.get(breakpoints.$grid-breakpoints, lg)) {
         flex-direction: row;
         grid-column: span 2;
       }
@@ -217,7 +217,7 @@ $layout-md-col-gap: spacers.getSpacer(m);
   &__details-btn {
     align-self: flex-start;
 
-    @media (min-width: map.get($grid-breakpoints, lg)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, lg)) {
       align-self: flex-end;
       margin-left: auto;
     }
@@ -350,7 +350,7 @@ $layout-md-col-gap: spacers.getSpacer(m);
     }
   }
 
-  @media (max-width: map.get($grid-max-breakpoints, xs)) {
+  @media (max-width: map.get(breakpoints.$grid-max-breakpoints, xs)) {
     display: flex;
     justify-content: space-between;
     align-items: center;
@@ -409,7 +409,7 @@ $layout-md-col-gap: spacers.getSpacer(m);
   display: flex;
   flex-direction: column;
 
-  @media (min-width: map.get($grid-breakpoints, lg)) {
+  @media (min-width: map.get(breakpoints.$grid-breakpoints, lg)) {
     padding-top: spacers.getSpacer(xs);
     flex-direction: row;
   }
@@ -419,7 +419,7 @@ $layout-md-col-gap: spacers.getSpacer(m);
     align-items: center;
     padding-bottom: spacers.getSpacer(2xs);
 
-    @media (min-width: map.get($grid-breakpoints, lg)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, lg)) {
       padding-top: 0;
       padding-right: spacers.getSpacer(m);
       padding-bottom: 0;

package/components/PanelList/styles.module.scss

@@ -1,13 +1,13 @@
 @use 'sass:map';
 @use '../../scss/spacers' as spacers;
 @use '../../scss/palette' as palette;
-@use '../../scss/breakpoints' as *;
+@use '../../scss/breakpoints' as breakpoints;
 
 .panel-list {
   &__panel:not(:last-child) {
     margin-bottom: spacers.getSpacer(2xs);
 
-    @media (min-width: map.get($grid-breakpoints, md)) {
+    @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
       margin-bottom: spacers.getSpacer(s);
     }
   }

package/components/PopMenu/styles.module.scss

@@ -1,6 +1,6 @@
 @use 'sass:map';
 @use '../../scss/palette' as palette;
-@use '../../scss/breakpoints' as *;
+@use '../../scss/breakpoints' as breakpoints;
 
 .pop-menu-button {
   padding: 0;
@@ -111,19 +111,21 @@ html :focus > .pop-menu-button {
   border: 0.125rem solid rgb(24 128 151);
   box-shadow: 0 0 0.3125rem 0 rgb(0 0 0 / 50%);
 
-  @media (min-width: map.get($grid-breakpoints, md)) {
+  @media (min-width: map.get(breakpoints.$grid-breakpoints, md)) {
     width: 26.125rem;
   }
 
   li:first-of-type {
-    a {
+    a:hover,
+    a:focus {
       border-top-left-radius: 0.5625rem;
       border-top-right-radius: 0.5625rem;
     }
   }
 
   li:last-of-type {
-    a {
+    a:hover,
+    a:focus {
       border-bottom-left-radius: 0.5625rem;
       border-bottom-right-radius: 0.5625rem;
     }

package/components/PopOver/styles.module.scss

@@ -2,7 +2,7 @@
 @use '../../scss/spacers' as spacers;
 @use '../../scss/palette' as palette;
 @use '../../scss/font-settings' as font-settings;
-@use '../../scss/breakpoints' as *;
+@use '../../scss/breakpoints' as breakpoints;
 
 .popover {
   $popover: &;
@@ -22,7 +22,7 @@
   border-radius: 0.5625rem;
   box-shadow: 0 0.125rem 1.125rem 0 rgb(0 0 0 / 15%);
 
-  @media (min-width: map.get($grid-breakpoints, lg)) {
+  @media (min-width: map.get(breakpoints.$grid-breakpoints, lg)) {
     font-size: font-settings.$font-size-md;
     line-height: font-settings.$lineheight-size-md;
   }