@payloadcms/ui 3.0.0-beta.7 → 3.0.0-beta.71

package/dist/icons/LogOut/index.js

@@ -1,21 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const LogOut = ()=>/*#__PURE__*/ React.createElement("svg", {
+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"
-    }, /*#__PURE__*/ React.createElement("path", {
-        className: "stroke",
-        d: "M10 5H18V19H10"
-    }), /*#__PURE__*/ React.createElement("g", null, /*#__PURE__*/ React.createElement("path", {
-        className: "stroke",
-        d: "M8 8.5L4.46447 12.0355L8 15.5711"
-    }), /*#__PURE__*/ React.createElement("line", {
-        className: "stroke",
-        x1: "5",
-        x2: "13",
-        y1: "12",
-        y2: "12"
-    })));
+        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"
+                    })
+                ]
+            })
+        ]
+    });
 
 //# 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 LogOut: 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","LogOut","svg","className","fill","viewBox","xmlns","path","d","g","line","x1","x2","y1","y2"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,SAAmB,kBAC9B,oBAACC;QACCC,WAAU;QACVC,MAAK;QACLC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAKJ,WAAU;QAASK,GAAE;sBAC3B,oBAACC,yBACC,oBAACF;QAAKJ,WAAU;QAASK,GAAE;sBAC3B,oBAACE;QAAKP,WAAU;QAASQ,IAAG;QAAIC,IAAG;QAAKC,IAAG;QAAKC,IAAG;SAGxD"}
+{"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"}

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import './index.scss';
-export declare const Menu: React.FC;
+export declare const MenuIcon: React.FC;
 //# sourceMappingURL=index.d.ts.map

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,IAAI,EAAE,KAAK,CAAC,EAaxB,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,EAa5B,CAAA"}

package/dist/icons/Menu/index.js

@@ -1,29 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const Menu = ()=>/*#__PURE__*/ React.createElement("svg", {
+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"
-    }, /*#__PURE__*/ React.createElement("rect", {
-        className: "fill",
-        height: "2",
-        width: "18",
-        x: "3.5",
-        y: "4.5"
-    }), /*#__PURE__*/ React.createElement("rect", {
-        className: "fill",
-        height: "2",
-        width: "18",
-        x: "3.5",
-        y: "11.5"
-    }), /*#__PURE__*/ React.createElement("rect", {
-        className: "fill",
-        height: "2",
-        width: "18",
-        x: "3.5",
-        y: "18.5"
-    }));
+        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"
+            })
+        ]
+    });
 
 //# 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 Menu: 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","Menu","svg","className","fill","height","viewBox","width","xmlns","rect","x","y"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,OAAiB,kBAC5B,oBAACC;QACCC,WAAU;QACVC,MAAK;QACLC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;qBAEN,oBAACC;QAAKN,WAAU;QAAOE,QAAO;QAAIE,OAAM;QAAKG,GAAE;QAAMC,GAAE;sBACvD,oBAACF;QAAKN,WAAU;QAAOE,QAAO;QAAIE,OAAM;QAAKG,GAAE;QAAMC,GAAE;sBACvD,oBAACF;QAAKN,WAAU;QAAOE,QAAO;QAAIE,OAAM;QAAKG,GAAE;QAAMC,GAAE;QAE1D"}
+{"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"}

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

@@ -3,6 +3,6 @@ type Props = {
     className?: string;
     isMinimized?: boolean;
 };
-export declare const MinimizeMaximize: React.FC<Props>;
+export declare const MinimizeMaximizeIcon: React.FC<Props>;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/MinimizeMaximize/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AACD,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoC5C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/MinimizeMaximize/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AACD,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoChD,CAAA"}

package/dist/icons/MinimizeMaximize/index.js

@@ -1,36 +1,52 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 const baseClass = 'minimize-maximize';
-export const MinimizeMaximize = ({ className, isMinimized })=>{
+export const MinimizeMaximizeIcon = ({ className, isMinimized })=>{
     const classes = [
         baseClass,
         isMinimized ? `${baseClass}--minimized` : `${baseClass}--maximized`,
         className
     ].filter(Boolean).join(' ');
-    return /*#__PURE__*/ React.createElement("svg", {
+    return /*#__PURE__*/ _jsx("svg", {
         className: classes,
         height: "24",
         stroke: "currentColor",
         strokeWidth: "2",
         viewBox: "0 0 24 24",
         width: "24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, isMinimized ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("path", {
-        d: "M8 3H5a2 2 0 0 0-2 2v3"
-    }), /*#__PURE__*/ React.createElement("path", {
-        d: "M21 8V5a2 2 0 0 0-2-2h-3"
-    }), /*#__PURE__*/ React.createElement("path", {
-        d: "M3 16v3a2 2 0 0 0 2 2h3"
-    }), /*#__PURE__*/ React.createElement("path", {
-        d: "M16 21h3a2 2 0 0 0 2-2v-3"
-    })) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("path", {
-        d: "M8 3v3a2 2 0 0 1-2 2H3"
-    }), /*#__PURE__*/ React.createElement("path", {
-        d: "M21 8h-3a2 2 0 0 1-2-2V3"
-    }), /*#__PURE__*/ React.createElement("path", {
-        d: "M3 16h3a2 2 0 0 1 2 2v3"
-    }), /*#__PURE__*/ React.createElement("path", {
-        d: "M16 21v-3a2 2 0 0 1 2-2h3"
-    })));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: isMinimized ? /*#__PURE__*/ _jsxs(React.Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx("path", {
+                    d: "M8 3H5a2 2 0 0 0-2 2v3"
+                }),
+                /*#__PURE__*/ _jsx("path", {
+                    d: "M21 8V5a2 2 0 0 0-2-2h-3"
+                }),
+                /*#__PURE__*/ _jsx("path", {
+                    d: "M3 16v3a2 2 0 0 0 2 2h3"
+                }),
+                /*#__PURE__*/ _jsx("path", {
+                    d: "M16 21h3a2 2 0 0 0 2-2v-3"
+                })
+            ]
+        }) : /*#__PURE__*/ _jsxs(React.Fragment, {
+            children: [
+                /*#__PURE__*/ _jsx("path", {
+                    d: "M8 3v3a2 2 0 0 1-2 2H3"
+                }),
+                /*#__PURE__*/ _jsx("path", {
+                    d: "M21 8h-3a2 2 0 0 1-2-2V3"
+                }),
+                /*#__PURE__*/ _jsx("path", {
+                    d: "M3 16h3a2 2 0 0 1 2 2v3"
+                }),
+                /*#__PURE__*/ _jsx("path", {
+                    d: "M16 21v-3a2 2 0 0 1 2-2h3"
+                })
+            ]
+        })
+    });
 };
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/MinimizeMaximize/index.tsx"],"sourcesContent":["import * as React from 'react'\n\nconst baseClass = 'minimize-maximize'\n\ntype Props = {\n  className?: string\n  isMinimized?: boolean\n}\nexport const MinimizeMaximize: React.FC<Props> = ({ className, isMinimized }) => {\n  const classes = [\n    baseClass,\n    isMinimized ? `${baseClass}--minimized` : `${baseClass}--maximized`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <svg\n      className={classes}\n      height=\"24\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      viewBox=\"0 0 24 24\"\n      width=\"24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      {isMinimized ? (\n        <React.Fragment>\n          <path d=\"M8 3H5a2 2 0 0 0-2 2v3\" />\n          <path d=\"M21 8V5a2 2 0 0 0-2-2h-3\" />\n          <path d=\"M3 16v3a2 2 0 0 0 2 2h3\" />\n          <path d=\"M16 21h3a2 2 0 0 0 2-2v-3\" />\n        </React.Fragment>\n      ) : (\n        <React.Fragment>\n          <path d=\"M8 3v3a2 2 0 0 1-2 2H3\" />\n          <path d=\"M21 8h-3a2 2 0 0 1-2-2V3\" />\n          <path d=\"M3 16h3a2 2 0 0 1 2 2v3\" />\n          <path d=\"M16 21v-3a2 2 0 0 1 2-2h3\" />\n        </React.Fragment>\n      )}\n    </svg>\n  )\n}\n"],"names":["React","baseClass","MinimizeMaximize","className","isMinimized","classes","filter","Boolean","join","svg","height","stroke","strokeWidth","viewBox","width","xmlns","Fragment","path","d"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,YAAYA,WAAW,QAAO;AAE9B,MAAMC,YAAY;AAMlB,OAAO,MAAMC,mBAAoC,CAAC,EAAEC,SAAS,EAAEC,WAAW,EAAE;IAC1E,MAAMC,UAAU;QACdJ;QACAG,cAAc,CAAC,EAAEH,UAAU,WAAW,CAAC,GAAG,CAAC,EAAEA,UAAU,WAAW,CAAC;QACnEE;KACD,CACEG,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,oBAACC;QACCN,WAAWE;QACXK,QAAO;QACPC,QAAO;QACPC,aAAY;QACZC,SAAQ;QACRC,OAAM;QACNC,OAAM;OAELX,4BACC,oBAACJ,MAAMgB,QAAQ,sBACb,oBAACC;QAAKC,GAAE;sBACR,oBAACD;QAAKC,GAAE;sBACR,oBAACD;QAAKC,GAAE;sBACR,oBAACD;QAAKC,GAAE;wBAGV,oBAAClB,MAAMgB,QAAQ,sBACb,oBAACC;QAAKC,GAAE;sBACR,oBAACD;QAAKC,GAAE;sBACR,oBAACD;QAAKC,GAAE;sBACR,oBAACD;QAAKC,GAAE;;AAKlB,EAAC"}
+{"version":3,"sources":["../../../src/icons/MinimizeMaximize/index.tsx"],"sourcesContent":["import * as React from 'react'\n\nconst baseClass = 'minimize-maximize'\n\ntype Props = {\n  className?: string\n  isMinimized?: boolean\n}\nexport const MinimizeMaximizeIcon: React.FC<Props> = ({ className, isMinimized }) => {\n  const classes = [\n    baseClass,\n    isMinimized ? `${baseClass}--minimized` : `${baseClass}--maximized`,\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <svg\n      className={classes}\n      height=\"24\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      viewBox=\"0 0 24 24\"\n      width=\"24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      {isMinimized ? (\n        <React.Fragment>\n          <path d=\"M8 3H5a2 2 0 0 0-2 2v3\" />\n          <path d=\"M21 8V5a2 2 0 0 0-2-2h-3\" />\n          <path d=\"M3 16v3a2 2 0 0 0 2 2h3\" />\n          <path d=\"M16 21h3a2 2 0 0 0 2-2v-3\" />\n        </React.Fragment>\n      ) : (\n        <React.Fragment>\n          <path d=\"M8 3v3a2 2 0 0 1-2 2H3\" />\n          <path d=\"M21 8h-3a2 2 0 0 1-2-2V3\" />\n          <path d=\"M3 16h3a2 2 0 0 1 2 2v3\" />\n          <path d=\"M16 21v-3a2 2 0 0 1 2-2h3\" />\n        </React.Fragment>\n      )}\n    </svg>\n  )\n}\n"],"names":["React","baseClass","MinimizeMaximizeIcon","className","isMinimized","classes","filter","Boolean","join","svg","height","stroke","strokeWidth","viewBox","width","xmlns","Fragment","path","d"],"mappings":";AAAA,YAAYA,WAAW,QAAO;AAE9B,MAAMC,YAAY;AAMlB,OAAO,MAAMC,uBAAwC,CAAC,EAAEC,SAAS,EAAEC,WAAW,EAAE;IAC9E,MAAMC,UAAU;QACdJ;QACAG,cAAc,CAAC,EAAEH,UAAU,WAAW,CAAC,GAAG,CAAC,EAAEA,UAAU,WAAW,CAAC;QACnEE;KACD,CACEG,MAAM,CAACC,SACPC,IAAI,CAAC;IAER,qBACE,KAACC;QACCN,WAAWE;QACXK,QAAO;QACPC,QAAO;QACPC,aAAY;QACZC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAELX,4BACC,MAACJ,MAAMgB,QAAQ;;8BACb,KAACC;oBAAKC,GAAE;;8BACR,KAACD;oBAAKC,GAAE;;8BACR,KAACD;oBAAKC,GAAE;;8BACR,KAACD;oBAAKC,GAAE;;;2BAGV,MAAClB,MAAMgB,QAAQ;;8BACb,KAACC;oBAAKC,GAAE;;8BACR,KAACD;oBAAKC,GAAE;;8BACR,KAACD;oBAAKC,GAAE;;8BACR,KAACD;oBAAKC,GAAE;;;;;AAKlB,EAAC"}

package/dist/icons/More/index.js

@@ -1,26 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const MoreIcon = ({ className })=>/*#__PURE__*/ React.createElement("svg", {
+import './index.scss';
+export const MoreIcon = ({ className })=>/*#__PURE__*/ _jsxs("svg", {
         className: [
             'icon icon--more',
             className
         ].filter(Boolean).join(' '),
         viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("circle", {
-        className: "fill",
-        cx: "16.3872",
-        cy: "12.5",
-        r: "1"
-    }), /*#__PURE__*/ React.createElement("circle", {
-        className: "fill",
-        cx: "12.3872",
-        cy: "12.5",
-        r: "1"
-    }), /*#__PURE__*/ React.createElement("circle", {
-        className: "fill",
-        cx: "8.61279",
-        cy: "12.5",
-        r: "1"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("circle", {
+                className: "fill",
+                cx: "16.3872",
+                cy: "12.5",
+                r: "1"
+            }),
+            /*#__PURE__*/ _jsx("circle", {
+                className: "fill",
+                cx: "12.3872",
+                cy: "12.5",
+                r: "1"
+            }),
+            /*#__PURE__*/ _jsx("circle", {
+                className: "fill",
+                cx: "8.61279",
+                cy: "12.5",
+                r: "1"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/More/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const MoreIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={['icon icon--more', className].filter(Boolean).join(' ')}\n    viewBox=\"0 0 25 25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle className=\"fill\" cx=\"16.3872\" cy=\"12.5\" r=\"1\" />\n    <circle className=\"fill\" cx=\"12.3872\" cy=\"12.5\" r=\"1\" />\n    <circle className=\"fill\" cx=\"8.61279\" cy=\"12.5\" r=\"1\" />\n  </svg>\n)\n"],"names":["React","MoreIcon","className","svg","filter","Boolean","join","viewBox","xmlns","circle","cx","cy","r"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,WAA6C,CAAC,EAAEC,SAAS,EAAE,iBACtE,oBAACC;QACCD,WAAW;YAAC;YAAmBA;SAAU,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QAC/DC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAOP,WAAU;QAAOQ,IAAG;QAAUC,IAAG;QAAOC,GAAE;sBAClD,oBAACH;QAAOP,WAAU;QAAOQ,IAAG;QAAUC,IAAG;QAAOC,GAAE;sBAClD,oBAACH;QAAOP,WAAU;QAAOQ,IAAG;QAAUC,IAAG;QAAOC,GAAE;QAErD"}
+{"version":3,"sources":["../../../src/icons/More/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const MoreIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={['icon icon--more', className].filter(Boolean).join(' ')}\n    viewBox=\"0 0 25 25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle className=\"fill\" cx=\"16.3872\" cy=\"12.5\" r=\"1\" />\n    <circle className=\"fill\" cx=\"12.3872\" cy=\"12.5\" r=\"1\" />\n    <circle className=\"fill\" cx=\"8.61279\" cy=\"12.5\" r=\"1\" />\n  </svg>\n)\n"],"names":["React","MoreIcon","className","svg","filter","Boolean","join","viewBox","xmlns","circle","cx","cy","r"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAA6C,CAAC,EAAEC,SAAS,EAAE,iBACtE,MAACC;QACCD,WAAW;YAAC;YAAmBA;SAAU,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QAC/DC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBAAOP,WAAU;gBAAOQ,IAAG;gBAAUC,IAAG;gBAAOC,GAAE;;0BAClD,KAACH;gBAAOP,WAAU;gBAAOQ,IAAG;gBAAUC,IAAG;gBAAOC,GAAE;;0BAClD,KAACH;gBAAOP,WAAU;gBAAOQ,IAAG;gBAAUC,IAAG;gBAAOC,GAAE;;;OAErD"}

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import './index.scss';
-export declare const Plus: React.FC;
+export declare const PlusIcon: React.FC;
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/icons/Plus/index.js

@@ -1,20 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const Plus = ()=>/*#__PURE__*/ React.createElement("svg", {
+import './index.scss';
+export const PlusIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
         className: "icon icon--plus",
         viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("line", {
-        className: "stroke",
-        x1: "12.4589",
-        x2: "12.4589",
-        y1: "16.9175",
-        y2: "8.50115"
-    }), /*#__PURE__*/ React.createElement("line", {
-        className: "stroke",
-        x1: "8.05164",
-        x2: "16.468",
-        y1: "12.594",
-        y2: "12.594"
-    }));
+        width: "25",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("line", {
+                className: "stroke",
+                x1: "12.4589",
+                x2: "12.4589",
+                y1: "16.9175",
+                y2: "8.50115"
+            }),
+            /*#__PURE__*/ _jsx("line", {
+                className: "stroke",
+                x1: "8.05164",
+                x2: "16.468",
+                y1: "12.594",
+                y2: "12.594"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Plus/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const Plus: React.FC = () => (\n  <svg className=\"icon icon--plus\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <line className=\"stroke\" x1=\"12.4589\" x2=\"12.4589\" y1=\"16.9175\" y2=\"8.50115\" />\n    <line className=\"stroke\" x1=\"8.05164\" x2=\"16.468\" y1=\"12.594\" y2=\"12.594\" />\n  </svg>\n)\n"],"names":["React","Plus","svg","className","viewBox","xmlns","line","x1","x2","y1","y2"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,OAAiB,kBAC5B,oBAACC;QAAIC,WAAU;QAAkBC,SAAQ;QAAYC,OAAM;qBACzD,oBAACC;QAAKH,WAAU;QAASI,IAAG;QAAUC,IAAG;QAAUC,IAAG;QAAUC,IAAG;sBACnE,oBAACJ;QAAKH,WAAU;QAASI,IAAG;QAAUC,IAAG;QAASC,IAAG;QAASC,IAAG;QAEpE"}
+{"version":3,"sources":["../../../src/icons/Plus/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const PlusIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--plus\"\n    viewBox=\"0 0 25 25\"\n    width=\"25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <line className=\"stroke\" x1=\"12.4589\" x2=\"12.4589\" y1=\"16.9175\" y2=\"8.50115\" />\n    <line className=\"stroke\" x1=\"8.05164\" x2=\"16.468\" y1=\"12.594\" y2=\"12.594\" />\n  </svg>\n)\n"],"names":["React","PlusIcon","svg","className","viewBox","width","xmlns","line","x1","x2","y1","y2"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,kBAChC,MAACC;QACCC,WAAU;QACVC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;gBAAKJ,WAAU;gBAASK,IAAG;gBAAUC,IAAG;gBAAUC,IAAG;gBAAUC,IAAG;;0BACnE,KAACJ;gBAAKJ,WAAU;gBAASK,IAAG;gBAAUC,IAAG;gBAASC,IAAG;gBAASC,IAAG;;;OAEpE"}

package/dist/icons/Plus/index.scss

@@ -1,9 +1,6 @@
 @import '../../scss/styles';
 
 .icon--plus {
-  width: $baseline;
-  height: $baseline;
-
   .stroke {
     stroke: var(--theme-elevation-800);
     stroke-width: $style-stroke-width;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import './index.scss';
-export declare const Search: React.FC;
+export declare const SearchIcon: React.FC;
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/icons/Search/index.js

@@ -1,20 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const Search = ()=>/*#__PURE__*/ React.createElement("svg", {
+import './index.scss';
+export const SearchIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
         className: "icon icon--search",
         fill: "none",
         viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("circle", {
-        className: "stroke",
-        cx: "11.2069",
-        cy: "10.7069",
-        r: "5"
-    }), /*#__PURE__*/ React.createElement("line", {
-        className: "stroke",
-        x1: "14.914",
-        x2: "20.5002",
-        y1: "13.9998",
-        y2: "19.586"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("circle", {
+                className: "stroke",
+                cx: "11.2069",
+                cy: "10.7069",
+                r: "5"
+            }),
+            /*#__PURE__*/ _jsx("line", {
+                className: "stroke",
+                x1: "14.914",
+                x2: "20.5002",
+                y1: "13.9998",
+                y2: "19.586"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Search/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const Search: React.FC = () => (\n  <svg\n    className=\"icon icon--search\"\n    fill=\"none\"\n    viewBox=\"0 0 25 25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle className=\"stroke\" cx=\"11.2069\" cy=\"10.7069\" r=\"5\" />\n    <line className=\"stroke\" x1=\"14.914\" x2=\"20.5002\" y1=\"13.9998\" y2=\"19.586\" />\n  </svg>\n)\n"],"names":["React","Search","svg","className","fill","viewBox","xmlns","circle","cx","cy","r","line","x1","x2","y1","y2"],"rangeMappings":";;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,SAAmB,kBAC9B,oBAACC;QACCC,WAAU;QACVC,MAAK;QACLC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAOJ,WAAU;QAASK,IAAG;QAAUC,IAAG;QAAUC,GAAE;sBACvD,oBAACC;QAAKR,WAAU;QAASS,IAAG;QAASC,IAAG;QAAUC,IAAG;QAAUC,IAAG;QAErE"}
+{"version":3,"sources":["../../../src/icons/Search/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const SearchIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--search\"\n    fill=\"none\"\n    viewBox=\"0 0 25 25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <circle className=\"stroke\" cx=\"11.2069\" cy=\"10.7069\" r=\"5\" />\n    <line className=\"stroke\" x1=\"14.914\" x2=\"20.5002\" y1=\"13.9998\" y2=\"19.586\" />\n  </svg>\n)\n"],"names":["React","SearchIcon","svg","className","fill","viewBox","xmlns","circle","cx","cy","r","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;gBAAOJ,WAAU;gBAASK,IAAG;gBAAUC,IAAG;gBAAUC,GAAE;;0BACvD,KAACC;gBAAKR,WAAU;gBAASS,IAAG;gBAASC,IAAG;gBAAUC,IAAG;gBAAUC,IAAG;;;OAErE"}

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import './index.scss';
-export declare const Swap: React.FC;
+export declare const SwapIcon: React.FC;
 //# sourceMappingURL=index.d.ts.map

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

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

package/dist/icons/Swap/index.js

@@ -1,27 +1,35 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const Swap = ()=>/*#__PURE__*/ React.createElement("svg", {
+import './index.scss';
+export const SwapIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
         className: "icon icon--swap",
         viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        className: "stroke",
-        d: "M9.84631 4.78679L6.00004 8.63306L9.84631 12.4793"
-    }), /*#__PURE__*/ React.createElement("path", {
-        className: "stroke",
-        d: "M15.1537 20.1059L19 16.2596L15.1537 12.4133"
-    }), /*#__PURE__*/ React.createElement("line", {
-        className: "stroke",
-        stroke: "#333333",
-        x1: "7",
-        x2: "15",
-        y1: "8.7013",
-        y2: "8.7013"
-    }), /*#__PURE__*/ React.createElement("line", {
-        className: "stroke",
-        x1: "18",
-        x2: "10",
-        y1: "16.1195",
-        y2: "16.1195"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                className: "stroke",
+                d: "M9.84631 4.78679L6.00004 8.63306L9.84631 12.4793"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                className: "stroke",
+                d: "M15.1537 20.1059L19 16.2596L15.1537 12.4133"
+            }),
+            /*#__PURE__*/ _jsx("line", {
+                className: "stroke",
+                stroke: "#333333",
+                x1: "7",
+                x2: "15",
+                y1: "8.7013",
+                y2: "8.7013"
+            }),
+            /*#__PURE__*/ _jsx("line", {
+                className: "stroke",
+                x1: "18",
+                x2: "10",
+                y1: "16.1195",
+                y2: "16.1195"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Swap/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const Swap: React.FC = () => (\n  <svg className=\"icon icon--swap\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path className=\"stroke\" d=\"M9.84631 4.78679L6.00004 8.63306L9.84631 12.4793\" />\n    <path className=\"stroke\" d=\"M15.1537 20.1059L19 16.2596L15.1537 12.4133\" />\n    <line className=\"stroke\" stroke=\"#333333\" x1=\"7\" x2=\"15\" y1=\"8.7013\" y2=\"8.7013\" />\n    <line className=\"stroke\" x1=\"18\" x2=\"10\" y1=\"16.1195\" y2=\"16.1195\" />\n  </svg>\n)\n"],"names":["React","Swap","svg","className","viewBox","xmlns","path","d","line","stroke","x1","x2","y1","y2"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,OAAiB,kBAC5B,oBAACC;QAAIC,WAAU;QAAkBC,SAAQ;QAAYC,OAAM;qBACzD,oBAACC;QAAKH,WAAU;QAASI,GAAE;sBAC3B,oBAACD;QAAKH,WAAU;QAASI,GAAE;sBAC3B,oBAACC;QAAKL,WAAU;QAASM,QAAO;QAAUC,IAAG;QAAIC,IAAG;QAAKC,IAAG;QAASC,IAAG;sBACxE,oBAACL;QAAKL,WAAU;QAASO,IAAG;QAAKC,IAAG;QAAKC,IAAG;QAAUC,IAAG;QAE5D"}
+{"version":3,"sources":["../../../src/icons/Swap/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const SwapIcon: React.FC = () => (\n  <svg className=\"icon icon--swap\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path className=\"stroke\" d=\"M9.84631 4.78679L6.00004 8.63306L9.84631 12.4793\" />\n    <path className=\"stroke\" d=\"M15.1537 20.1059L19 16.2596L15.1537 12.4133\" />\n    <line className=\"stroke\" stroke=\"#333333\" x1=\"7\" x2=\"15\" y1=\"8.7013\" y2=\"8.7013\" />\n    <line className=\"stroke\" x1=\"18\" x2=\"10\" y1=\"16.1195\" y2=\"16.1195\" />\n  </svg>\n)\n"],"names":["React","SwapIcon","svg","className","viewBox","xmlns","path","d","line","stroke","x1","x2","y1","y2"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,kBAChC,MAACC;QAAIC,WAAU;QAAkBC,SAAQ;QAAYC,OAAM;;0BACzD,KAACC;gBAAKH,WAAU;gBAASI,GAAE;;0BAC3B,KAACD;gBAAKH,WAAU;gBAASI,GAAE;;0BAC3B,KAACC;gBAAKL,WAAU;gBAASM,QAAO;gBAAUC,IAAG;gBAAIC,IAAG;gBAAKC,IAAG;gBAASC,IAAG;;0BACxE,KAACL;gBAAKL,WAAU;gBAASO,IAAG;gBAAKC,IAAG;gBAAKC,IAAG;gBAAUC,IAAG;;;OAE5D"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/X/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,CAW9C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/X/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAWlD,CAAA"}

package/dist/icons/X/index.js

@@ -1,5 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const X = ({ className })=>/*#__PURE__*/ React.createElement("svg", {
+import './index.scss';
+export const XIcon = ({ className })=>/*#__PURE__*/ _jsxs("svg", {
         className: [
             className,
             'icon icon--x'
@@ -7,19 +9,23 @@ export const X = ({ className })=>/*#__PURE__*/ React.createElement("svg", {
         height: "25",
         viewBox: "0 0 25 25",
         width: "25",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("line", {
-        className: "stroke",
-        x1: "8.74612",
-        x2: "16.3973",
-        y1: "16.347",
-        y2: "8.69584"
-    }), /*#__PURE__*/ React.createElement("line", {
-        className: "stroke",
-        x1: "8.6027",
-        x2: "16.2539",
-        y1: "8.69585",
-        y2: "16.3471"
-    }));
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("line", {
+                className: "stroke",
+                x1: "8.74612",
+                x2: "16.3973",
+                y1: "16.347",
+                y2: "8.69584"
+            }),
+            /*#__PURE__*/ _jsx("line", {
+                className: "stroke",
+                x1: "8.6027",
+                x2: "16.2539",
+                y1: "8.69585",
+                y2: "16.3471"
+            })
+        ]
+    });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/X/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const X: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={[className, 'icon icon--x'].filter(Boolean).join(' ')}\n    height=\"25\"\n    viewBox=\"0 0 25 25\"\n    width=\"25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <line className=\"stroke\" x1=\"8.74612\" x2=\"16.3973\" y1=\"16.347\" y2=\"8.69584\" />\n    <line className=\"stroke\" x1=\"8.6027\" x2=\"16.2539\" y1=\"8.69585\" y2=\"16.3471\" />\n  </svg>\n)\n"],"names":["React","X","className","svg","filter","Boolean","join","height","viewBox","width","xmlns","line","x1","x2","y1","y2"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,IAAsC,CAAC,EAAEC,SAAS,EAAE,iBAC/D,oBAACC;QACCD,WAAW;YAACA;YAAW;SAAe,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QAC5DC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;qBAEN,oBAACC;QAAKT,WAAU;QAASU,IAAG;QAAUC,IAAG;QAAUC,IAAG;QAASC,IAAG;sBAClE,oBAACJ;QAAKT,WAAU;QAASU,IAAG;QAASC,IAAG;QAAUC,IAAG;QAAUC,IAAG;QAErE"}
+{"version":3,"sources":["../../../src/icons/X/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const XIcon: React.FC<{ className?: string }> = ({ className }) => (\n  <svg\n    className={[className, 'icon icon--x'].filter(Boolean).join(' ')}\n    height=\"25\"\n    viewBox=\"0 0 25 25\"\n    width=\"25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <line className=\"stroke\" x1=\"8.74612\" x2=\"16.3973\" y1=\"16.347\" y2=\"8.69584\" />\n    <line className=\"stroke\" x1=\"8.6027\" x2=\"16.2539\" y1=\"8.69585\" y2=\"16.3471\" />\n  </svg>\n)\n"],"names":["React","XIcon","className","svg","filter","Boolean","join","height","viewBox","width","xmlns","line","x1","x2","y1","y2"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,QAA0C,CAAC,EAAEC,SAAS,EAAE,iBACnE,MAACC;QACCD,WAAW;YAACA;YAAW;SAAe,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QAC5DC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,KAACC;gBAAKT,WAAU;gBAASU,IAAG;gBAAUC,IAAG;gBAAUC,IAAG;gBAASC,IAAG;;0BAClE,KAACJ;gBAAKT,WAAU;gBAASU,IAAG;gBAASC,IAAG;gBAAUC,IAAG;gBAAUC,IAAG;;;OAErE"}