@payloadcms/ui 3.0.0-canary.d6053cd → 3.0.0-canary.dc8b1fe

package/dist/icons/Copy/index.scss

@@ -1,12 +1,14 @@
 @import '../../scss/styles';
 
-.icon--copy {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--copy {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    fill: none;
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width-s;
+    .stroke {
+      fill: none;
+      stroke: currentColor;
+      stroke-width: $style-stroke-width-s;
+    }
   }
 }

package/dist/icons/DragHandle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/DragHandle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAa3D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/DragHandle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAqC3D,CAAA"}

package/dist/icons/DragHandle/index.js

@@ -1,51 +1,36 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const DragHandleIcon = ({ className })=>/*#__PURE__*/ _jsxs("svg", {
-        className: [
-            'icon icon--drag-handle',
-            className
-        ].filter(Boolean).join(' '),
-        viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("circle", {
-                className: "fill",
-                cx: "10.468",
-                cy: "14.5",
-                r: "1"
-            }),
-            /*#__PURE__*/ _jsx("circle", {
-                className: "fill",
-                cx: "14.532",
-                cy: "14.5",
-                r: "1"
-            }),
-            /*#__PURE__*/ _jsx("circle", {
-                className: "fill",
-                cx: "10.468",
-                cy: "11.35",
-                r: "1"
-            }),
-            /*#__PURE__*/ _jsx("circle", {
-                className: "fill",
-                cx: "14.532",
-                cy: "11.35",
-                r: "1"
-            }),
-            /*#__PURE__*/ _jsx("circle", {
-                className: "fill",
-                cx: "10.468",
-                cy: "8.3",
-                r: "1"
-            }),
-            /*#__PURE__*/ _jsx("circle", {
-                className: "fill",
-                cx: "14.532",
-                cy: "8.3",
-                r: "1"
-            })
-        ]
-    });
-
+export const DragHandleIcon = ({
+  className
+}) => /*#__PURE__*/_jsxs("svg", {
+  className: ['icon icon--drag-handle', className].filter(Boolean).join(' '),
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("path", {
+    className: "fill",
+    d: "M7.99999 10.6667C8.36818 10.6667 8.66666 10.3682 8.66666 9.99999C8.66666 9.6318 8.36818 9.33332 7.99999 9.33332C7.63181 9.33332 7.33333 9.6318 7.33333 9.99999C7.33333 10.3682 7.63181 10.6667 7.99999 10.6667Z",
+    strokeLinecap: "square"
+  }), /*#__PURE__*/_jsx("path", {
+    className: "fill",
+    d: "M7.99999 5.99999C8.36818 5.99999 8.66666 5.70151 8.66666 5.33332C8.66666 4.96513 8.36818 4.66666 7.99999 4.66666C7.63181 4.66666 7.33333 4.96513 7.33333 5.33332C7.33333 5.70151 7.63181 5.99999 7.99999 5.99999Z",
+    strokeLinecap: "square"
+  }), /*#__PURE__*/_jsx("path", {
+    className: "fill",
+    d: "M7.99999 15.3333C8.36818 15.3333 8.66666 15.0348 8.66666 14.6667C8.66666 14.2985 8.36818 14 7.99999 14C7.63181 14 7.33333 14.2985 7.33333 14.6667C7.33333 15.0348 7.63181 15.3333 7.99999 15.3333Z",
+    strokeLinecap: "square"
+  }), /*#__PURE__*/_jsx("path", {
+    className: "fill",
+    d: "M12 10.6667C12.3682 10.6667 12.6667 10.3682 12.6667 9.99999C12.6667 9.6318 12.3682 9.33332 12 9.33332C11.6318 9.33332 11.3333 9.6318 11.3333 9.99999C11.3333 10.3682 11.6318 10.6667 12 10.6667Z",
+    strokeLinecap: "square"
+  }), /*#__PURE__*/_jsx("path", {
+    className: "fill",
+    d: "M12 5.99999C12.3682 5.99999 12.6667 5.70151 12.6667 5.33332C12.6667 4.96513 12.3682 4.66666 12 4.66666C11.6318 4.66666 11.3333 4.96513 11.3333 5.33332C11.3333 5.70151 11.6318 5.99999 12 5.99999Z",
+    strokeLinecap: "square"
+  }), /*#__PURE__*/_jsx("path", {
+    className: "fill",
+    d: "M12 15.3333C12.3682 15.3333 12.6667 15.0348 12.6667 14.6667C12.6667 14.2985 12.3682 14 12 14C11.6318 14 11.3333 14.2985 11.3333 14.6667C11.3333 15.0348 11.6318 15.3333 12 15.3333Z",
+    strokeLinecap: "square"
+  })]
+});
 //# sourceMappingURL=index.js.map

package/dist/icons/DragHandle/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/DragHandle/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const DragHandleIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={['icon icon--drag-handle', className].filter(Boolean).join(' ')}\n    viewBox=\"0 0 25 25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle className=\"fill\" cx=\"10.468\" cy=\"14.5\" r=\"1\" />\n    <circle className=\"fill\" cx=\"14.532\" cy=\"14.5\" r=\"1\" />\n    <circle className=\"fill\" cx=\"10.468\" cy=\"11.35\" r=\"1\" />\n    <circle className=\"fill\" cx=\"14.532\" cy=\"11.35\" r=\"1\" />\n    <circle className=\"fill\" cx=\"10.468\" cy=\"8.3\" r=\"1\" />\n    <circle className=\"fill\" cx=\"14.532\" cy=\"8.3\" r=\"1\" />\n  </svg>\n)\n"],"names":["React","DragHandleIcon","className","svg","filter","Boolean","join","viewBox","xmlns","circle","cx","cy","r"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,iBAAmD,CAAC,EAAEC,SAAS,EAAE,iBAC5E,MAACC;QACCD,WAAW;YAAC;YAA0BA;SAAU,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QACtEC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAOP,WAAU;gBAAOQ,IAAG;gBAASC,IAAG;gBAAOC,GAAE;;0BACjD,KAACH;gBAAOP,WAAU;gBAAOQ,IAAG;gBAASC,IAAG;gBAAOC,GAAE;;0BACjD,KAACH;gBAAOP,WAAU;gBAAOQ,IAAG;gBAASC,IAAG;gBAAQC,GAAE;;0BAClD,KAACH;gBAAOP,WAAU;gBAAOQ,IAAG;gBAASC,IAAG;gBAAQC,GAAE;;0BAClD,KAACH;gBAAOP,WAAU;gBAAOQ,IAAG;gBAASC,IAAG;gBAAMC,GAAE;;0BAChD,KAACH;gBAAOP,WAAU;gBAAOQ,IAAG;gBAASC,IAAG;gBAAMC,GAAE;;;OAEnD"}
+{"version":3,"file":"index.js","names":["React","DragHandleIcon","className","_jsxs","filter","Boolean","join","viewBox","xmlns","_jsx","d","strokeLinecap"],"sources":["../../../src/icons/DragHandle/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const DragHandleIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={['icon icon--drag-handle', className].filter(Boolean).join(' ')}\n    viewBox=\"0 0 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"fill\"\n      d=\"M7.99999 10.6667C8.36818 10.6667 8.66666 10.3682 8.66666 9.99999C8.66666 9.6318 8.36818 9.33332 7.99999 9.33332C7.63181 9.33332 7.33333 9.6318 7.33333 9.99999C7.33333 10.3682 7.63181 10.6667 7.99999 10.6667Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M7.99999 5.99999C8.36818 5.99999 8.66666 5.70151 8.66666 5.33332C8.66666 4.96513 8.36818 4.66666 7.99999 4.66666C7.63181 4.66666 7.33333 4.96513 7.33333 5.33332C7.33333 5.70151 7.63181 5.99999 7.99999 5.99999Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M7.99999 15.3333C8.36818 15.3333 8.66666 15.0348 8.66666 14.6667C8.66666 14.2985 8.36818 14 7.99999 14C7.63181 14 7.33333 14.2985 7.33333 14.6667C7.33333 15.0348 7.63181 15.3333 7.99999 15.3333Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M12 10.6667C12.3682 10.6667 12.6667 10.3682 12.6667 9.99999C12.6667 9.6318 12.3682 9.33332 12 9.33332C11.6318 9.33332 11.3333 9.6318 11.3333 9.99999C11.3333 10.3682 11.6318 10.6667 12 10.6667Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M12 5.99999C12.3682 5.99999 12.6667 5.70151 12.6667 5.33332C12.6667 4.96513 12.3682 4.66666 12 4.66666C11.6318 4.66666 11.3333 4.96513 11.3333 5.33332C11.3333 5.70151 11.6318 5.99999 12 5.99999Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M12 15.3333C12.3682 15.3333 12.6667 15.0348 12.6667 14.6667C12.6667 14.2985 12.3682 14 12 14C11.6318 14 11.3333 14.2985 11.3333 14.6667C11.3333 15.0348 11.6318 15.3333 12 15.3333Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,cAAA,GAAmDA,CAAC;EAAEC;AAAS,CAAE,kBAC5EC,KAAA,CAAC;EACCD,SAAA,EAAW,CAAC,0BAA0BA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EACtEC,OAAA,EAAQ;EACRC,KAAA,EAAM;0BAENC,IAAA,CAAC;IACCP,SAAA,EAAU;IACVQ,CAAA,EAAE;IACFC,aAAA,EAAc;mBAEhBF,IAAA,CAAC;IACCP,SAAA,EAAU;IACVQ,CAAA,EAAE;IACFC,aAAA,EAAc;mBAEhBF,IAAA,CAAC;IACCP,SAAA,EAAU;IACVQ,CAAA,EAAE;IACFC,aAAA,EAAc;mBAEhBF,IAAA,CAAC;IACCP,SAAA,EAAU;IACVQ,CAAA,EAAE;IACFC,aAAA,EAAc;mBAEhBF,IAAA,CAAC;IACCP,SAAA,EAAU;IACVQ,CAAA,EAAE;IACFC,aAAA,EAAc;mBAEhBF,IAAA,CAAC;IACCP,SAAA,EAAU;IACVQ,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/DragHandle/index.scss

@@ -1,10 +1,14 @@
 @import '../../scss/styles';
 
-.icon--drag-handle {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--drag-handle {
+    height: $baseline;
+    width: $baseline;
 
-  .fill {
-    fill: var(--theme-elevation-800);
+    .fill {
+      stroke: currentColor;
+      stroke-width: $style-stroke-width-s;
+      fill: var(--theme-elevation-800);
+    }
   }
 }

package/dist/icons/Edit/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Edit/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAuBrD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Edit/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAYrD,CAAA"}

package/dist/icons/Edit/index.js

@@ -1,31 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const EditIcon = ({ className })=>/*#__PURE__*/ _jsxs("svg", {
-        className: [
-            className,
-            'icon icon--edit'
-        ].filter(Boolean).join(' '),
-        viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("polygon", {
-                className: "fill",
-                points: "16.92 16.86 8.25 16.86 8.25 8.21 12.54 8.21 12.54 6.63 6.68 6.63 6.68 18.43 18.5 18.43 18.5 12.53 16.92 12.53 16.92 16.86"
-            }),
-            /*#__PURE__*/ _jsx("polygon", {
-                className: "fill",
-                points: "16.31 7.33 17.42 8.44 12.66 13.2 11.51 13.24 11.55 12.09 16.31 7.33"
-            }),
-            /*#__PURE__*/ _jsx("rect", {
-                className: "fill",
-                height: "1.15",
-                transform: "translate(10.16 -10.48) rotate(45)",
-                width: "1.58",
-                x: "16.94",
-                y: "6.44"
-            })
-        ]
-    });
-
+export const EditIcon = ({
+  className
+}) => /*#__PURE__*/_jsx("svg", {
+  className: [className, 'icon icon--edit'].filter(Boolean).join(' '),
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M9.68531 4.62938H5.2634C4.92833 4.62938 4.60698 4.76248 4.37004 4.99942C4.13311 5.23635 4 5.5577 4 5.89278V14.7366C4 15.0717 4.13311 15.393 4.37004 15.63C4.60698 15.8669 4.92833 16 5.2634 16H14.1072C14.4423 16 14.7636 15.8669 15.0006 15.63C15.2375 15.393 15.3706 15.0717 15.3706 14.7366V10.3147M13.7124 4.39249C13.9637 4.14118 14.3046 4 14.66 4C15.0154 4 15.3562 4.14118 15.6075 4.39249C15.8588 4.6438 16 4.98464 16 5.34004C16 5.69544 15.8588 6.03629 15.6075 6.28759L9.91399 11.9817C9.76399 12.1316 9.57868 12.2413 9.37515 12.3008L7.56027 12.8314C7.50591 12.8472 7.44829 12.8482 7.39344 12.8341C7.33859 12.8201 7.28853 12.7915 7.24849 12.7515C7.20845 12.7115 7.17991 12.6614 7.16586 12.6066C7.15181 12.5517 7.15276 12.4941 7.16861 12.4397L7.69924 10.6249C7.75896 10.4215 7.86888 10.2364 8.01888 10.0866L13.7124 4.39249Z",
+    strokeLinecap: "square"
+  })
+});
 //# sourceMappingURL=index.js.map

package/dist/icons/Edit/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Edit/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const EditIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={[className, 'icon icon--edit'].filter(Boolean).join(' ')}\n    viewBox=\"0 0 25 25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <polygon\n      className=\"fill\"\n      points=\"16.92 16.86 8.25 16.86 8.25 8.21 12.54 8.21 12.54 6.63 6.68 6.63 6.68 18.43 18.5 18.43 18.5 12.53 16.92 12.53 16.92 16.86\"\n    />\n    <polygon\n      className=\"fill\"\n      points=\"16.31 7.33 17.42 8.44 12.66 13.2 11.51 13.24 11.55 12.09 16.31 7.33\"\n    />\n    <rect\n      className=\"fill\"\n      height=\"1.15\"\n      transform=\"translate(10.16 -10.48) rotate(45)\"\n      width=\"1.58\"\n      x=\"16.94\"\n      y=\"6.44\"\n    />\n  </svg>\n)\n"],"names":["React","EditIcon","className","svg","filter","Boolean","join","viewBox","xmlns","polygon","points","rect","height","transform","width","x","y"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAA6C,CAAC,EAAEC,SAAS,EAAE,iBACtE,MAACC;QACCD,WAAW;YAACA;YAAW;SAAkB,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QAC/DC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBACCP,WAAU;gBACVQ,QAAO;;0BAET,KAACD;gBACCP,WAAU;gBACVQ,QAAO;;0BAET,KAACC;gBACCT,WAAU;gBACVU,QAAO;gBACPC,WAAU;gBACVC,OAAM;gBACNC,GAAE;gBACFC,GAAE;;;OAGP"}
+{"version":3,"file":"index.js","names":["React","EditIcon","className","_jsx","filter","Boolean","join","viewBox","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Edit/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const EditIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={[className, 'icon icon--edit'].filter(Boolean).join(' ')}\n    viewBox=\"0 0 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M9.68531 4.62938H5.2634C4.92833 4.62938 4.60698 4.76248 4.37004 4.99942C4.13311 5.23635 4 5.5577 4 5.89278V14.7366C4 15.0717 4.13311 15.393 4.37004 15.63C4.60698 15.8669 4.92833 16 5.2634 16H14.1072C14.4423 16 14.7636 15.8669 15.0006 15.63C15.2375 15.393 15.3706 15.0717 15.3706 14.7366V10.3147M13.7124 4.39249C13.9637 4.14118 14.3046 4 14.66 4C15.0154 4 15.3562 4.14118 15.6075 4.39249C15.8588 4.6438 16 4.98464 16 5.34004C16 5.69544 15.8588 6.03629 15.6075 6.28759L9.91399 11.9817C9.76399 12.1316 9.57868 12.2413 9.37515 12.3008L7.56027 12.8314C7.50591 12.8472 7.44829 12.8482 7.39344 12.8341C7.33859 12.8201 7.28853 12.7915 7.24849 12.7515C7.20845 12.7115 7.17991 12.6614 7.16586 12.6066C7.15181 12.5517 7.15276 12.4941 7.16861 12.4397L7.69924 10.6249C7.75896 10.4215 7.86888 10.2364 8.01888 10.0866L13.7124 4.39249Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAA6CA,CAAC;EAAEC;AAAS,CAAE,kBACtEC,IAAA,CAAC;EACCD,SAAA,EAAW,CAACA,SAAA,EAAW,kBAAkB,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC/DC,OAAA,EAAQ;EACRC,KAAA,EAAM;YAEN,aAAAL,IAAA,CAAC;IACCD,SAAA,EAAU;IACVO,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/Edit/index.scss

@@ -1,12 +1,14 @@
 @import '../../scss/styles';
 
-.icon--edit {
-  height: $baseline;
-  width: $baseline;
-  shape-rendering: auto;
+@layer payload-default {
+  .icon--edit {
+    height: $baseline;
+    width: $baseline;
+    shape-rendering: auto;
 
-  .fill {
-    fill: var(--theme-elevation-800);
-    stroke: none;
+    .stroke {
+      fill: none;
+      stroke: currentColor;
+    }
   }
 }

package/dist/icons/Line/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Line/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAI5B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Line/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAW5B,CAAA"}

package/dist/icons/Line/index.js

@@ -1,17 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const LineIcon = ()=>/*#__PURE__*/ _jsx("svg", {
-        className: "icon icon--line",
-        viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsx("line", {
-            className: "stroke",
-            x1: "8.05164",
-            x2: "16.468",
-            y1: "12.594",
-            y2: "12.594"
-        })
-    });
-
+export const LineIcon = () => /*#__PURE__*/_jsx("svg", {
+  className: "icon icon--line",
+  fill: "none",
+  height: "20",
+  viewBox: "0 0 20 20",
+  width: "20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M5.33333 10H14.6667",
+    strokeLinecap: "square"
+  })
+});
 //# sourceMappingURL=index.js.map

package/dist/icons/Line/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Line/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LineIcon: React.FC = () => (\n  <svg className=\"icon icon--line\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <line className=\"stroke\" x1=\"8.05164\" x2=\"16.468\" y1=\"12.594\" y2=\"12.594\" />\n  </svg>\n)\n"],"names":["React","LineIcon","svg","className","viewBox","xmlns","line","x1","x2","y1","y2"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,kBAChC,KAACC;QAAIC,WAAU;QAAkBC,SAAQ;QAAYC,OAAM;kBACzD,cAAA,KAACC;YAAKH,WAAU;YAASI,IAAG;YAAUC,IAAG;YAASC,IAAG;YAASC,IAAG;;OAEpE"}
+{"version":3,"file":"index.js","names":["React","LineIcon","_jsx","className","fill","height","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Line/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LineIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--line\"\n    fill=\"none\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M5.33333 10H14.6667\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAAqBA,CAAA,kBAChCC,IAAA,CAAC;EACCC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAN,IAAA,CAAC;IAAKC,SAAA,EAAU;IAASM,CAAA,EAAE;IAAsBC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/Line/index.scss

@@ -1,11 +1,13 @@
 @import '../../scss/styles';
 
-.icon--line {
-  width: $baseline;
-  height: $baseline;
+@layer payload-default {
+  .icon--line {
+    width: $baseline;
+    height: $baseline;
 
-  .stroke {
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width;
+    .stroke {
+      stroke: currentColor;
+      stroke-width: $style-stroke-width;
+    }
   }
 }

package/dist/icons/Link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAe5B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Link/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAiB5B,CAAA"}

package/dist/icons/Link/index.js

@@ -1,23 +1,19 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const LinkIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
-        "aria-hidden": "true",
-        className: "graphic link icon icon--link",
-        fill: "currentColor",
-        focusable: "false",
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                d: "M0 0h24v24H0z",
-                fill: "none"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                className: "fill",
-                d: "M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"
-            })
-        ]
-    });
-
+export const LinkIcon = () => /*#__PURE__*/_jsx("svg", {
+  "aria-hidden": "true",
+  className: "graphic link icon icon--link",
+  fill: "none",
+  focusable: "false",
+  height: "20",
+  viewBox: "0 0 20 20",
+  width: "20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M7.99999 13.3333H6.66666C5.78261 13.3333 4.93476 12.9821 4.30964 12.357C3.68452 11.7319 3.33333 10.884 3.33333 9.99999C3.33333 9.11593 3.68452 8.26809 4.30964 7.64297C4.93476 7.01785 5.78261 6.66666 6.66666 6.66666H7.99999M12 6.66666H13.3333C14.2174 6.66666 15.0652 7.01785 15.6904 7.64297C16.3155 8.26809 16.6667 9.11593 16.6667 9.99999C16.6667 10.884 16.3155 11.7319 15.6904 12.357C15.0652 12.9821 14.2174 13.3333 13.3333 13.3333H12M7.33333 9.99999H12.6667",
+    strokeLinecap: "square"
+  })
+});
 //# sourceMappingURL=index.js.map

package/dist/icons/Link/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Link/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LinkIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic link icon icon--link\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path d=\"M0 0h24v24H0z\" fill=\"none\" />\n    <path\n      className=\"fill\"\n      d=\"M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z\"\n    />\n  </svg>\n)\n"],"names":["React","LinkIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,kBAChC,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAKC,GAAE;gBAAgBL,MAAK;;0BAC7B,KAACI;gBACCL,WAAU;gBACVM,GAAE;;;OAGP"}
+{"version":3,"file":"index.js","names":["React","LinkIcon","_jsx","className","fill","focusable","height","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Link/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LinkIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic link icon icon--link\"\n    fill=\"none\"\n    focusable=\"false\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M7.99999 13.3333H6.66666C5.78261 13.3333 4.93476 12.9821 4.30964 12.357C3.68452 11.7319 3.33333 10.884 3.33333 9.99999C3.33333 9.11593 3.68452 8.26809 4.30964 7.64297C4.93476 7.01785 5.78261 6.66666 6.66666 6.66666H7.99999M12 6.66666H13.3333C14.2174 6.66666 15.0652 7.01785 15.6904 7.64297C16.3155 8.26809 16.6667 9.11593 16.6667 9.99999C16.6667 10.884 16.3155 11.7319 15.6904 12.357C15.0652 12.9821 14.2174 13.3333 13.3333 13.3333H12M7.33333 9.99999H12.6667\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAAqBA,CAAA,kBAChCC,IAAA,CAAC;EACC,eAAY;EACZC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,SAAA,EAAU;EACVC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAP,IAAA,CAAC;IACCC,SAAA,EAAU;IACVO,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/Link/index.scss

@@ -1,11 +1,13 @@
 @import '../../scss/styles';
 
-.icon--link {
-  width: $baseline;
-  height: $baseline;
+@layer payload-default {
+  .icon--link {
+    width: $baseline;
+    height: $baseline;
 
-  .stroke {
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width;
+    .stroke {
+      stroke: currentColor;
+      stroke-width: $style-stroke-width;
+    }
   }
 }

package/dist/icons/Lock/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import './index.scss';
+export declare const LockIcon: React.FC<{
+    className?: string;
+}>;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/Lock/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Lock/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAwBrD,CAAA"}

package/dist/icons/Lock/index.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import './index.scss';
+export const LockIcon = ({
+  className
+}) => /*#__PURE__*/_jsxs("svg", {
+  className: ['icon icon--lock', className].filter(Boolean).join(' '),
+  fill: "none",
+  height: "20",
+  viewBox: "0 0 20 20",
+  width: "20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: [/*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M7.5 9.5V7.5C7.5 6.83696 7.76339 6.20107 8.23223 5.73223C8.70107 5.26339 9.33696 5 10 5C10.663 5 11.2989 5.26339 11.7678 5.73223C12.2366 6.20107 12.5 6.83696 12.5 7.5V9.5",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeOpacity: "1"
+  }), /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M13.5 9.5H6.5C5.94772 9.5 5.5 9.94772 5.5 10.5V14C5.5 14.5523 5.94772 15 6.5 15H13.5C14.0523 15 14.5 14.5523 14.5 14V10.5C14.5 9.94772 14.0523 9.5 13.5 9.5Z",
+    stopOpacity: "1",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })]
+});
+//# sourceMappingURL=index.js.map

package/dist/icons/Lock/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","LockIcon","className","_jsxs","filter","Boolean","join","fill","height","viewBox","width","xmlns","_jsx","d","strokeLinecap","strokeLinejoin","strokeOpacity","stopOpacity"],"sources":["../../../src/icons/Lock/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LockIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={['icon icon--lock', className].filter(Boolean).join(' ')}\n    fill=\"none\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M7.5 9.5V7.5C7.5 6.83696 7.76339 6.20107 8.23223 5.73223C8.70107 5.26339 9.33696 5 10 5C10.663 5 11.2989 5.26339 11.7678 5.73223C12.2366 6.20107 12.5 6.83696 12.5 7.5V9.5\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      strokeOpacity=\"1\"\n    />\n    <path\n      className=\"stroke\"\n      d=\"M13.5 9.5H6.5C5.94772 9.5 5.5 9.94772 5.5 10.5V14C5.5 14.5523 5.94772 15 6.5 15H13.5C14.0523 15 14.5 14.5523 14.5 14V10.5C14.5 9.94772 14.0523 9.5 13.5 9.5Z\"\n      stopOpacity=\"1\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAA6CA,CAAC;EAAEC;AAAS,CAAE,kBACtEC,KAAA,CAAC;EACCD,SAAA,EAAW,CAAC,mBAAmBA,SAAA,CAAU,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC/DC,IAAA,EAAK;EACLC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;0BAENC,IAAA,CAAC;IACCV,SAAA,EAAU;IACVW,CAAA,EAAE;IACFC,aAAA,EAAc;IACdC,cAAA,EAAe;IACfC,aAAA,EAAc;mBAEhBJ,IAAA,CAAC;IACCV,SAAA,EAAU;IACVW,CAAA,EAAE;IACFI,WAAA,EAAY;IACZH,aAAA,EAAc;IACdC,cAAA,EAAe","ignoreList":[]}

package/dist/icons/Lock/index.scss

@@ -0,0 +1,10 @@
+@import '../../scss/styles';
+
+@layer payload-default {
+  .icon--lock {
+    .stroke {
+      stroke: currentColor;
+      stroke-width: $style-stroke-width;
+    }
+  }
+}

package/dist/icons/LogOut/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/LogOut/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAa9B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/LogOut/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAe9B,CAAA"}

package/dist/icons/LogOut/index.js

@@ -1,32 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const LogOutIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
-        className: "icon icon--logout",
-        fill: "none",
-        viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                className: "stroke",
-                d: "M10 5H18V19H10"
-            }),
-            /*#__PURE__*/ _jsxs("g", {
-                children: [
-                    /*#__PURE__*/ _jsx("path", {
-                        className: "stroke",
-                        d: "M8 8.5L4.46447 12.0355L8 15.5711"
-                    }),
-                    /*#__PURE__*/ _jsx("line", {
-                        className: "stroke",
-                        x1: "5",
-                        x2: "13",
-                        y1: "12",
-                        y2: "12"
-                    })
-                ]
-            })
-        ]
-    });
-
+export const LogOutIcon = () => /*#__PURE__*/_jsx("svg", {
+  className: "icon icon--logout",
+  fill: "none",
+  height: "20",
+  viewBox: "0 0 20 20",
+  width: "20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M12 16H14.6667C15.0203 16 15.3594 15.8595 15.6095 15.6095C15.8595 15.3594 16 15.0203 16 14.6667V5.33333C16 4.97971 15.8595 4.64057 15.6095 4.39052C15.3594 4.14048 15.0203 4 14.6667 4H12M7.33333 13.3333L4 10M4 10L7.33333 6.66667M4 10H12",
+    strokeLinecap: "square"
+  })
+});
 //# sourceMappingURL=index.js.map

package/dist/icons/LogOut/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/LogOut/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LogOutIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--logout\"\n    fill=\"none\"\n    viewBox=\"0 0 25 25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M10 5H18V19H10\" />\n    <g>\n      <path className=\"stroke\" d=\"M8 8.5L4.46447 12.0355L8 15.5711\" />\n      <line className=\"stroke\" x1=\"5\" x2=\"13\" y1=\"12\" y2=\"12\" />\n    </g>\n  </svg>\n)\n"],"names":["React","LogOutIcon","svg","className","fill","viewBox","xmlns","path","d","g","line","x1","x2","y1","y2"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,aAAuB,kBAClC,MAACC;QACCC,WAAU;QACVC,MAAK;QACLC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAKJ,WAAU;gBAASK,GAAE;;0BAC3B,MAACC;;kCACC,KAACF;wBAAKJ,WAAU;wBAASK,GAAE;;kCAC3B,KAACE;wBAAKP,WAAU;wBAASQ,IAAG;wBAAIC,IAAG;wBAAKC,IAAG;wBAAKC,IAAG;;;;;OAGxD"}
+{"version":3,"file":"index.js","names":["React","LogOutIcon","_jsx","className","fill","height","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/LogOut/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LogOutIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--logout\"\n    fill=\"none\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M12 16H14.6667C15.0203 16 15.3594 15.8595 15.6095 15.6095C15.8595 15.3594 16 15.0203 16 14.6667V5.33333C16 4.97971 15.8595 4.64057 15.6095 4.39052C15.3594 4.14048 15.0203 4 14.6667 4H12M7.33333 13.3333L4 10M4 10L7.33333 6.66667M4 10H12\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,UAAA,GAAuBA,CAAA,kBAClCC,IAAA,CAAC;EACCC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAN,IAAA,CAAC;IACCC,SAAA,EAAU;IACVM,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/LogOut/index.scss

@@ -1,11 +1,13 @@
 @import '../../scss/styles.scss';
 
-.icon--logout {
-  height: $baseline;
-  width: $baseline;
+@layer payload-default {
+  .icon--logout {
+    height: $baseline;
+    width: $baseline;
 
-  .stroke {
-    stroke: var(--theme-elevation-800);
-    stroke-width: 2px;
+    .stroke {
+      stroke: currentColor;
+      stroke-width: 2px;
+    }
   }
 }

package/dist/icons/Menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAa5B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAe5B,CAAA"}

package/dist/icons/Menu/index.js

@@ -1,36 +1,17 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const MenuIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
-        className: "icon icon--menu",
-        fill: "none",
-        height: "25",
-        viewBox: "0 0 25 25",
-        width: "25",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("rect", {
-                className: "fill",
-                height: "2",
-                width: "18",
-                x: "3.5",
-                y: "4.5"
-            }),
-            /*#__PURE__*/ _jsx("rect", {
-                className: "fill",
-                height: "2",
-                width: "18",
-                x: "3.5",
-                y: "11.5"
-            }),
-            /*#__PURE__*/ _jsx("rect", {
-                className: "fill",
-                height: "2",
-                width: "18",
-                x: "3.5",
-                y: "18.5"
-            })
-        ]
-    });
-
+export const MenuIcon = () => /*#__PURE__*/_jsx("svg", {
+  className: "icon icon--menu",
+  fill: "none",
+  height: "20",
+  viewBox: "0 0 20 20",
+  width: "20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M4.66667 10H15.3333M4.66667 6H15.3333M4.66667 14H15.3333",
+    strokeLinecap: "square"
+  })
+});
 //# sourceMappingURL=index.js.map

package/dist/icons/Menu/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Menu/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const MenuIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--menu\"\n    fill=\"none\"\n    height=\"25\"\n    viewBox=\"0 0 25 25\"\n    width=\"25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <rect className=\"fill\" height=\"2\" width=\"18\" x=\"3.5\" y=\"4.5\" />\n    <rect className=\"fill\" height=\"2\" width=\"18\" x=\"3.5\" y=\"11.5\" />\n    <rect className=\"fill\" height=\"2\" width=\"18\" x=\"3.5\" y=\"18.5\" />\n  </svg>\n)\n"],"names":["React","MenuIcon","svg","className","fill","height","viewBox","width","xmlns","rect","x","y"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,kBAChC,MAACC;QACCC,WAAU;QACVC,MAAK;QACLC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;gBAAKN,WAAU;gBAAOE,QAAO;gBAAIE,OAAM;gBAAKG,GAAE;gBAAMC,GAAE;;0BACvD,KAACF;gBAAKN,WAAU;gBAAOE,QAAO;gBAAIE,OAAM;gBAAKG,GAAE;gBAAMC,GAAE;;0BACvD,KAACF;gBAAKN,WAAU;gBAAOE,QAAO;gBAAIE,OAAM;gBAAKG,GAAE;gBAAMC,GAAE;;;OAE1D"}
+{"version":3,"file":"index.js","names":["React","MenuIcon","_jsx","className","fill","height","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Menu/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const MenuIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--menu\"\n    fill=\"none\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M4.66667 10H15.3333M4.66667 6H15.3333M4.66667 14H15.3333\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAAqBA,CAAA,kBAChCC,IAAA,CAAC;EACCC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAN,IAAA,CAAC;IACCC,SAAA,EAAU;IACVM,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}