@payloadcms/ui 3.0.0-canary.92e4997 → 3.0.0-canary.93a7bbd

package/dist/icons/LogOut/index.js

@@ -1,21 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const LogOut = ()=>/*#__PURE__*/ React.createElement("svg", {
+import './index.scss';
+export const LogOutIcon = ()=>/*#__PURE__*/ _jsx("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"
-    })));
+        height: "20",
+        viewBox: "0 0 20 20",
+        width: "20",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ _jsx("path", {
+            className: "stroke",
+            d: "M8 16H5.33333C4.97971 16 4.64057 15.8595 4.39052 15.6095C4.14048 15.3594 4 15.0203 4 14.6667V5.33333C4 4.97971 4.14048 4.64057 4.39052 4.39052C4.64057 4.14048 4.97971 4 5.33333 4H8M12.6667 13.3333L16 10M16 10L12.6667 6.66667M16 10H8"
+        })
+    });
 
 //# 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    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=\"M8 16H5.33333C4.97971 16 4.64057 15.8595 4.39052 15.6095C4.14048 15.3594 4 15.0203 4 14.6667V5.33333C4 4.97971 4.14048 4.64057 4.39052 4.39052C4.64057 4.14048 4.97971 4 5.33333 4H8M12.6667 13.3333L16 10M16 10L12.6667 6.66667M16 10H8\"\n    />\n  </svg>\n)\n"],"names":["React","LogOutIcon","svg","className","fill","height","viewBox","width","xmlns","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,aAAuB,kBAClC,KAACC;QACCC,WAAU;QACVC,MAAK;QACLC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAEN,cAAA,KAACC;YACCN,WAAU;YACVO,GAAE;;OAGP"}

package/dist/icons/LogOut/index.scss

@@ -5,7 +5,7 @@
   width: $baseline;
 
   .stroke {
-    stroke: var(--theme-elevation-800);
+    stroke: currentColor;
     stroke-width: 2px;
   }
 }

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,EAe5B,CAAA"}

package/dist/icons/Menu/index.js

@@ -1,29 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const Menu = ()=>/*#__PURE__*/ React.createElement("svg", {
+import './index.scss';
+export const MenuIcon = ()=>/*#__PURE__*/ _jsx("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"
-    }));
+        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 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=\"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"],"names":["React","MenuIcon","svg","className","fill","height","viewBox","width","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,kBAChC,KAACC;QACCC,WAAU;QACVC,MAAK;QACLC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAEN,cAAA,KAACC;YACCN,WAAU;YACVO,GAAE;YACFC,eAAc;;OAGnB"}

package/dist/icons/Menu/index.scss

@@ -1,7 +1,8 @@
 @import '../../scss/styles.scss';
 
 .icon--menu {
-  .fill {
-    fill: var(--theme-text);
+  .stroke {
+    stroke-width: $style-stroke-width-s;
+    stroke: currentColor;
   }
 }

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,CAyBhD,CAAA"}

package/dist/icons/MinimizeMaximize/index.js

@@ -1,36 +1,25 @@
+import { jsx as _jsx } 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",
+        height: "20",
         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"
-    })));
+        viewBox: "0 0 20 20",
+        width: "20",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: isMinimized ? /*#__PURE__*/ _jsx("path", {
+            d: "M7.33333 4H5.33333C4.97971 4 4.64057 4.14048 4.39052 4.39052C4.14048 4.64057 4 4.97971 4 5.33333V7.33333M16 7.33333V5.33333C16 4.97971 15.8595 4.64057 15.6095 4.39052C15.3594 4.14048 15.0203 4 14.6667 4H12.6667M4 12.6667V14.6667C4 15.0203 4.14048 15.3594 4.39052 15.6095C4.64057 15.8595 4.97971 16 5.33333 16H7.33333M12.6667 16H14.6667C15.0203 16 15.3594 15.8595 15.6095 15.6095C15.8595 15.3594 16 15.0203 16 14.6667V12.6667"
+        }) : /*#__PURE__*/ _jsx("path", {
+            d: "M7.33333 4V6C7.33333 6.35362 7.19286 6.69276 6.94281 6.94281C6.69276 7.19286 6.35362 7.33333 6 7.33333H4M16 7.33333H14C13.6464 7.33333 13.3072 7.19286 13.0572 6.94281C12.8071 6.69276 12.6667 6.35362 12.6667 6V4M4 12.6667H6C6.35362 12.6667 6.69276 12.8071 6.94281 13.0572C7.19286 13.3072 7.33333 13.6464 7.33333 14V16M12.6667 16V14C12.6667 13.6464 12.8071 13.3072 13.0572 13.0572C13.3072 12.8071 13.6464 12.6667 14 12.6667H16"
+        })
+    });
 };
 
 //# 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=\"20\"\n      stroke=\"currentColor\"\n      viewBox=\"0 0 20 20\"\n      width=\"20\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      {isMinimized ? (\n        <path d=\"M7.33333 4H5.33333C4.97971 4 4.64057 4.14048 4.39052 4.39052C4.14048 4.64057 4 4.97971 4 5.33333V7.33333M16 7.33333V5.33333C16 4.97971 15.8595 4.64057 15.6095 4.39052C15.3594 4.14048 15.0203 4 14.6667 4H12.6667M4 12.6667V14.6667C4 15.0203 4.14048 15.3594 4.39052 15.6095C4.64057 15.8595 4.97971 16 5.33333 16H7.33333M12.6667 16H14.6667C15.0203 16 15.3594 15.8595 15.6095 15.6095C15.8595 15.3594 16 15.0203 16 14.6667V12.6667\" />\n      ) : (\n        <path d=\"M7.33333 4V6C7.33333 6.35362 7.19286 6.69276 6.94281 6.94281C6.69276 7.19286 6.35362 7.33333 6 7.33333H4M16 7.33333H14C13.6464 7.33333 13.3072 7.19286 13.0572 6.94281C12.8071 6.69276 12.6667 6.35362 12.6667 6V4M4 12.6667H6C6.35362 12.6667 6.69276 12.8071 6.94281 13.0572C7.19286 13.3072 7.33333 13.6464 7.33333 14V16M12.6667 16V14C12.6667 13.6464 12.8071 13.3072 13.0572 13.0572C13.3072 12.8071 13.6464 12.6667 14 12.6667H16\" />\n      )}\n    </svg>\n  )\n}\n"],"names":["React","baseClass","MinimizeMaximizeIcon","className","isMinimized","classes","filter","Boolean","join","svg","height","stroke","viewBox","width","xmlns","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,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAELV,4BACC,KAACW;YAAKC,GAAE;2BAER,KAACD;YAAKC,GAAE;;;AAIhB,EAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/More/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,CAUrD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/More/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,CAsBrD,CAAA"}

package/dist/icons/More/index.js

@@ -1,26 +1,30 @@
+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"
-    }));
+        viewBox: "0 0 20 20",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: [
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M10 10.6666C10.3682 10.6666 10.6667 10.3682 10.6667 9.99998C10.6667 9.63179 10.3682 9.33331 10 9.33331C9.63182 9.33331 9.33334 9.63179 9.33334 9.99998C9.33334 10.3682 9.63182 10.6666 10 10.6666Z",
+                strokeLinecap: "square"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M14.6667 10.6666C15.0349 10.6666 15.3333 10.3682 15.3333 9.99998C15.3333 9.63179 15.0349 9.33331 14.6667 9.33331C14.2985 9.33331 14 9.63179 14 9.99998C14 10.3682 14.2985 10.6666 14.6667 10.6666Z",
+                strokeLinecap: "square"
+            }),
+            /*#__PURE__*/ _jsx("path", {
+                className: "fill",
+                d: "M5.33334 10.6666C5.70153 10.6666 6.00001 10.3682 6.00001 9.99998C6.00001 9.63179 5.70153 9.33331 5.33334 9.33331C4.96515 9.33331 4.66667 9.63179 4.66667 9.99998C4.66667 10.3682 4.96515 10.6666 5.33334 10.6666Z",
+                strokeLinecap: "square"
+            })
+        ]
+    });
 
 //# 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 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"fill\"\n      d=\"M10 10.6666C10.3682 10.6666 10.6667 10.3682 10.6667 9.99998C10.6667 9.63179 10.3682 9.33331 10 9.33331C9.63182 9.33331 9.33334 9.63179 9.33334 9.99998C9.33334 10.3682 9.63182 10.6666 10 10.6666Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M14.6667 10.6666C15.0349 10.6666 15.3333 10.3682 15.3333 9.99998C15.3333 9.63179 15.0349 9.33331 14.6667 9.33331C14.2985 9.33331 14 9.63179 14 9.99998C14 10.3682 14.2985 10.6666 14.6667 10.6666Z\"\n      strokeLinecap=\"square\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M5.33334 10.6666C5.70153 10.6666 6.00001 10.3682 6.00001 9.99998C6.00001 9.63179 5.70153 9.33331 5.33334 9.33331C4.96515 9.33331 4.66667 9.63179 4.66667 9.99998C4.66667 10.3682 4.96515 10.6666 5.33334 10.6666Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","MoreIcon","className","svg","filter","Boolean","join","viewBox","xmlns","path","d","strokeLinecap"],"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;gBACCP,WAAU;gBACVQ,GAAE;gBACFC,eAAc;;0BAEhB,KAACF;gBACCP,WAAU;gBACVQ,GAAE;gBACFC,eAAc;;0BAEhB,KAACF;gBACCP,WAAU;gBACVQ,GAAE;gBACFC,eAAc;;;OAGnB"}

package/dist/icons/More/index.scss

@@ -6,5 +6,6 @@
 
   .fill {
     fill: var(--theme-elevation-800);
+    stroke: currentColor;
   }
 }

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,EAc5B,CAAA"}

package/dist/icons/Plus/index.js

@@ -1,20 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const Plus = ()=>/*#__PURE__*/ React.createElement("svg", {
+import './index.scss';
+export const PlusIcon = ()=>/*#__PURE__*/ _jsx("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"
-    }));
+        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 9.99998H14.6667M9.99999 5.33331V14.6666",
+            strokeLinecap: "square"
+        })
+    });
 
 //# 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    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=\"M5.33333 9.99998H14.6667M9.99999 5.33331V14.6666\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","PlusIcon","svg","className","height","viewBox","width","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,kBAChC,KAACC;QACCC,WAAU;QACVC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAEN,cAAA,KAACC;YACCL,WAAU;YACVM,GAAE;YACFC,eAAc;;OAGnB"}

package/dist/icons/Plus/index.scss

@@ -1,11 +1,8 @@
 @import '../../scss/styles';
 
 .icon--plus {
-  width: $baseline;
-  height: $baseline;
-
   .stroke {
-    stroke: var(--theme-elevation-800);
+    stroke: currentColor;
     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,EAa9B,CAAA"}

package/dist/icons/Search/index.js

@@ -1,20 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const Search = ()=>/*#__PURE__*/ React.createElement("svg", {
+import './index.scss';
+export const SearchIcon = ()=>/*#__PURE__*/ _jsx("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"
-    }));
+        viewBox: "0 0 20 20",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ _jsx("path", {
+            className: "stroke",
+            d: "M16 16L13.1333 13.1333M14.6667 9.33333C14.6667 12.2789 12.2789 14.6667 9.33333 14.6667C6.38781 14.6667 4 12.2789 4 9.33333C4 6.38781 6.38781 4 9.33333 4C12.2789 4 14.6667 6.38781 14.6667 9.33333Z",
+            strokeLinecap: "square"
+        })
+    });
 
 //# 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 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M16 16L13.1333 13.1333M14.6667 9.33333C14.6667 12.2789 12.2789 14.6667 9.33333 14.6667C6.38781 14.6667 4 12.2789 4 9.33333C4 6.38781 6.38781 4 9.33333 4C12.2789 4 14.6667 6.38781 14.6667 9.33333Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","SearchIcon","svg","className","fill","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,aAAuB,kBAClC,KAACC;QACCC,WAAU;QACVC,MAAK;QACLC,SAAQ;QACRC,OAAM;kBAEN,cAAA,KAACC;YACCJ,WAAU;YACVK,GAAE;YACFC,eAAc;;OAGnB"}

package/dist/icons/Search/index.scss

@@ -5,7 +5,7 @@
   width: $baseline;
 
   .stroke {
-    stroke: var(--theme-elevation-800);
+    stroke: currentColor;
     stroke-width: $style-stroke-width-s;
   }
 }

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,EAQ5B,CAAA"}

package/dist/icons/Swap/index.js

@@ -1,27 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const Swap = ()=>/*#__PURE__*/ React.createElement("svg", {
+import './index.scss';
+export const SwapIcon = ()=>/*#__PURE__*/ _jsx("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"
-    }));
+        viewBox: "0 0 20 20",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ _jsx("path", {
+            className: "stroke",
+            d: "M7.33334 4L4.66667 6.66667M4.66667 6.66667L7.33334 9.33333M4.66667 6.66667H15.3333M12.6667 16L15.3333 13.3333M15.3333 13.3333L12.6667 10.6667M15.3333 13.3333H4.66667",
+            strokeLinecap: "square"
+        })
+    });
 
 //# 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 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M7.33334 4L4.66667 6.66667M4.66667 6.66667L7.33334 9.33333M4.66667 6.66667H15.3333M12.6667 16L15.3333 13.3333M15.3333 13.3333L12.6667 10.6667M15.3333 13.3333H4.66667\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","SwapIcon","svg","className","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,kBAChC,KAACC;QAAIC,WAAU;QAAkBC,SAAQ;QAAYC,OAAM;kBACzD,cAAA,KAACC;YACCH,WAAU;YACVI,GAAE;YACFC,eAAc;;OAGnB"}

package/dist/icons/Swap/index.scss

@@ -6,7 +6,7 @@
 
   .stroke {
     fill: none;
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width-m;
+    stroke: currentColor;
+    stroke-width: $style-stroke-width-s;
   }
 }

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,CAUlD,CAAA"}

package/dist/icons/X/index.js

@@ -1,25 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const X = ({ className })=>/*#__PURE__*/ React.createElement("svg", {
+import './index.scss';
+export const XIcon = ({ className })=>/*#__PURE__*/ _jsx("svg", {
         className: [
             className,
             'icon icon--x'
         ].filter(Boolean).join(' '),
-        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"
-    }));
+        height: 20,
+        viewBox: "0 0 20 20",
+        width: 20,
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ _jsx("path", {
+            className: "stroke",
+            d: "M14 6L6 14M6 6L14 14",
+            strokeLinecap: "square"
+        })
+    });
 
 //# 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={20}\n    viewBox=\"0 0 20 20\"\n    width={20}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M14 6L6 14M6 6L14 14\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"names":["React","XIcon","className","svg","filter","Boolean","join","height","viewBox","width","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,QAA0C,CAAC,EAAEC,SAAS,EAAE,iBACnE,KAACC;QACCD,WAAW;YAACA;YAAW;SAAe,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QAC5DC,QAAQ;QACRC,SAAQ;QACRC,OAAO;QACPC,OAAM;kBAEN,cAAA,KAACC;YAAKT,WAAU;YAASU,GAAE;YAAuBC,eAAc;;OAEnE"}

package/dist/icons/X/index.scss

@@ -1,8 +1,8 @@
 @import '../../scss/styles';
 
 .icon--x {
-  line {
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width;
+  .stroke {
+    stroke: currentColor;
+    stroke-width: $style-stroke-width-s;
   }
 }

package/dist/providers/Actions/SetViewActions/index.d.ts

@@ -1,6 +1,6 @@
-import type React from 'react';
-import type { ActionMap } from '../../ComponentMap/buildComponentMap/types.js';
+import React from 'react';
+import type { MappedComponent } from 'payload';
 export declare const SetViewActions: React.FC<{
-    actions: ActionMap['Edit'][string];
+    actions: MappedComponent[];
 }>;
 //# sourceMappingURL=index.d.ts.map