@payloadcms/ui 3.0.0-canary.92e4997 → 3.0.0-canary.95fcd13

package/dist/icons/Chevron/index.scss

@@ -1,13 +1,10 @@
 @import '../../scss/styles';
 
 .icon--chevron {
-  height: calc(var(--base) / 2);
-  width: calc(var(--base) / 2);
-
   .stroke {
     fill: none;
-    stroke: var(--theme-elevation-800);
-    stroke-width: $style-stroke-width-m;
+    stroke: currentColor;
+    stroke-width: $style-stroke-width-s;
     vector-effect: non-scaling-stroke;
   }
 

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

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

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

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

package/dist/icons/CloseMenu/index.js

@@ -1,23 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const CloseMenu = ()=>/*#__PURE__*/ React.createElement("svg", {
+import './index.scss';
+export const CloseMenuIcon = ()=>/*#__PURE__*/ _jsx("svg", {
         className: "icon icon--close-menu",
-        fill: "none",
-        viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("rect", {
-        className: "fill",
-        height: "2",
-        transform: "rotate(-45 5.42896 18.1569)",
-        width: "18",
-        x: "5.42896",
-        y: "18.1569"
-    }), /*#__PURE__*/ React.createElement("rect", {
-        className: "fill",
-        height: "2",
-        transform: "rotate(45 6.84314 5.42892)",
-        width: "18",
-        x: "6.84314",
-        y: "5.42892"
-    }));
+        viewBox: "0 0 20 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/CloseMenu/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/CloseMenu/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const CloseMenu: React.FC = () => (\n  <svg\n    className=\"icon icon--close-menu\"\n    fill=\"none\"\n    viewBox=\"0 0 25 25\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <rect\n      className=\"fill\"\n      height=\"2\"\n      transform=\"rotate(-45 5.42896 18.1569)\"\n      width=\"18\"\n      x=\"5.42896\"\n      y=\"18.1569\"\n    />\n    <rect\n      className=\"fill\"\n      height=\"2\"\n      transform=\"rotate(45 6.84314 5.42892)\"\n      width=\"18\"\n      x=\"6.84314\"\n      y=\"5.42892\"\n    />\n  </svg>\n)\n"],"names":["React","CloseMenu","svg","className","fill","viewBox","xmlns","rect","height","transform","width","x","y"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,YAAsB,kBACjC,oBAACC;QACCC,WAAU;QACVC,MAAK;QACLC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QACCJ,WAAU;QACVK,QAAO;QACPC,WAAU;QACVC,OAAM;QACNC,GAAE;QACFC,GAAE;sBAEJ,oBAACL;QACCJ,WAAU;QACVK,QAAO;QACPC,WAAU;QACVC,OAAM;QACNC,GAAE;QACFC,GAAE;QAGP"}
+{"version":3,"sources":["../../../src/icons/CloseMenu/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const CloseMenuIcon: React.FC = () => (\n  <svg className=\"icon icon--close-menu\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path className=\"stroke\" d=\"M14 6L6 14M6 6L14 14\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"names":["React","CloseMenuIcon","svg","className","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,gBAA0B,kBACrC,KAACC;QAAIC,WAAU;QAAwBC,SAAQ;QAAYC,OAAM;kBAC/D,cAAA,KAACC;YAAKH,WAAU;YAASI,GAAE;YAAuBC,eAAc;;OAEnE"}

package/dist/icons/CloseMenu/index.scss

@@ -1,10 +1,10 @@
-@import '../../../scss/styles.scss';
+@import '../../scss/styles.scss';
 
 .icon--close-menu {
   height: $baseline;
   width: $baseline;
 
-  .fill {
-    fill: var(--theme-elevation-800);
+  .stroke {
+    stroke: currentColor;
   }
 }

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/CodeBlock/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAkBjC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/CodeBlock/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAcjC,CAAA"}

package/dist/icons/CodeBlock/index.js

@@ -1,17 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const CodeBlockIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+export const CodeBlockIcon = ()=>/*#__PURE__*/ _jsx("svg", {
         "aria-hidden": "true",
         className: "graphic code-block-icon",
-        fill: "currentColor",
         focusable: "false",
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M20 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zM4 19V7h16l.002 12H4z"
-    }), /*#__PURE__*/ React.createElement("path", {
-        className: "fill",
-        d: "M9.293 9.293L5.586 13l3.707 3.707 1.414-1.414L8.414 13l2.293-2.293zm5.414 0l-1.414 1.414L15.586 13l-2.293 2.293 1.414 1.414L18.414 13z"
-    }));
+        viewBox: "0 0 20 20",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ _jsx("path", {
+            className: "stroke",
+            d: "M14 12.6667L16.6667 9.99999L14 7.33332M5.99999 7.33332L3.33333 9.99999L5.99999 12.6667M11.6667 4.66666L8.33333 15.3333",
+            strokeLinecap: "square"
+        })
+    });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/CodeBlock/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const CodeBlockIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic code-block-icon\"\n    fill=\"currentColor\"\n    focusable=\"false\"\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"fill\"\n      d=\"M20 3H4c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2h16c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2zM4 19V7h16l.002 12H4z\"\n    />\n    <path\n      className=\"fill\"\n      d=\"M9.293 9.293L5.586 13l3.707 3.707 1.414-1.414L8.414 13l2.293-2.293zm5.414 0l-1.414 1.414L15.586 13l-2.293 2.293 1.414 1.414L18.414 13z\"\n    />\n  </svg>\n)\n"],"names":["React","CodeBlockIcon","svg","aria-hidden","className","fill","focusable","viewBox","xmlns","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,gBAA0B,kBACrC,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QACCL,WAAU;QACVM,GAAE;sBAEJ,oBAACD;QACCL,WAAU;QACVM,GAAE;QAGP"}
+{"version":3,"sources":["../../../src/icons/CodeBlock/index.tsx"],"sourcesContent":["import React from 'react'\n\nexport const CodeBlockIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic code-block-icon\"\n    focusable=\"false\"\n    viewBox=\"0 0 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M14 12.6667L16.6667 9.99999L14 7.33332M5.99999 7.33332L3.33333 9.99999L5.99999 12.6667M11.6667 4.66666L8.33333 15.3333\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","CodeBlockIcon","svg","aria-hidden","className","focusable","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,gBAA0B,kBACrC,KAACC;QACCC,eAAY;QACZC,WAAU;QACVC,WAAU;QACVC,SAAQ;QACRC,OAAM;kBAEN,cAAA,KAACC;YACCJ,WAAU;YACVK,GAAE;YACFC,eAAc;;OAGnB"}

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

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

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

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

package/dist/icons/Copy/index.js

@@ -1,17 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const Copy = ()=>/*#__PURE__*/ React.createElement("svg", {
+import './index.scss';
+export const CopyIcon = ()=>// <svg className="icon icon--copy" viewBox="0 0 25 25" xmlns="http://www.w3.org/2000/svg">
+    //   <rect className="stroke" height="8" width="8" x="6.5" y="10" />
+    //   <path className="stroke" d="M10 9.98438V6.5H18V14.5H14" />
+    // </svg>
+    /*#__PURE__*/ _jsx("svg", {
         className: "icon icon--copy",
-        viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("rect", {
-        className: "stroke",
-        height: "8",
-        width: "8",
-        x: "6.5",
-        y: "10"
-    }), /*#__PURE__*/ React.createElement("path", {
-        className: "stroke",
-        d: "M10 9.98438V6.5H18V14.5H14"
-    }));
+        viewBox: "0 0 20 20",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ _jsx("path", {
+            className: "stroke",
+            d: "M4.66666 12.6667C3.93333 12.6667 3.33333 12.0667 3.33333 11.3333V4.66668C3.33333 3.93334 3.93333 3.33334 4.66666 3.33334H11.3333C12.0667 3.33334 12.6667 3.93334 12.6667 4.66668M8.66666 7.33334H15.3333C16.0697 7.33334 16.6667 7.9303 16.6667 8.66668V15.3333C16.6667 16.0697 16.0697 16.6667 15.3333 16.6667H8.66666C7.93028 16.6667 7.33333 16.0697 7.33333 15.3333V8.66668C7.33333 7.9303 7.93028 7.33334 8.66666 7.33334Z",
+            strokeLinecap: "square"
+        })
+    });
 
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Copy/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const Copy: React.FC = () => (\n  <svg className=\"icon icon--copy\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect className=\"stroke\" height=\"8\" width=\"8\" x=\"6.5\" y=\"10\" />\n    <path className=\"stroke\" d=\"M10 9.98438V6.5H18V14.5H14\" />\n  </svg>\n)\n"],"names":["React","Copy","svg","className","viewBox","xmlns","rect","height","width","x","y","path","d"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,OAAiB,kBAC5B,oBAACC;QAAIC,WAAU;QAAkBC,SAAQ;QAAYC,OAAM;qBACzD,oBAACC;QAAKH,WAAU;QAASI,QAAO;QAAIC,OAAM;QAAIC,GAAE;QAAMC,GAAE;sBACxD,oBAACC;QAAKR,WAAU;QAASS,GAAE;QAE9B"}
+{"version":3,"sources":["../../../src/icons/Copy/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const CopyIcon: React.FC = () => (\n  // <svg className=\"icon icon--copy\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n  //   <rect className=\"stroke\" height=\"8\" width=\"8\" x=\"6.5\" y=\"10\" />\n  //   <path className=\"stroke\" d=\"M10 9.98438V6.5H18V14.5H14\" />\n  // </svg>\n  <svg className=\"icon icon--copy\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M4.66666 12.6667C3.93333 12.6667 3.33333 12.0667 3.33333 11.3333V4.66668C3.33333 3.93334 3.93333 3.33334 4.66666 3.33334H11.3333C12.0667 3.33334 12.6667 3.93334 12.6667 4.66668M8.66666 7.33334H15.3333C16.0697 7.33334 16.6667 7.9303 16.6667 8.66668V15.3333C16.6667 16.0697 16.0697 16.6667 15.3333 16.6667H8.66666C7.93028 16.6667 7.33333 16.0697 7.33333 15.3333V8.66668C7.33333 7.9303 7.93028 7.33334 8.66666 7.33334Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"names":["React","CopyIcon","svg","className","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,IAChC,2FAA2F;IAC3F,oEAAoE;IACpE,+DAA+D;IAC/D,SAAS;kBACT,KAACC;QAAIC,WAAU;QAAkBC,SAAQ;QAAYC,OAAM;kBACzD,cAAA,KAACC;YACCH,WAAU;YACVI,GAAE;YACFC,eAAc;;OAGnB"}

package/dist/icons/Copy/index.scss

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

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

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

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,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAavD,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,41 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
-export const DragHandle = ({ className })=>/*#__PURE__*/ React.createElement("svg", {
+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"
-    }, /*#__PURE__*/ React.createElement("circle", {
-        className: "fill",
-        cx: "10.468",
-        cy: "14.5",
-        r: "1"
-    }), /*#__PURE__*/ React.createElement("circle", {
-        className: "fill",
-        cx: "14.532",
-        cy: "14.5",
-        r: "1"
-    }), /*#__PURE__*/ React.createElement("circle", {
-        className: "fill",
-        cx: "10.468",
-        cy: "11.35",
-        r: "1"
-    }), /*#__PURE__*/ React.createElement("circle", {
-        className: "fill",
-        cx: "14.532",
-        cy: "11.35",
-        r: "1"
-    }), /*#__PURE__*/ React.createElement("circle", {
-        className: "fill",
-        cx: "10.468",
-        cy: "8.3",
-        r: "1"
-    }), /*#__PURE__*/ React.createElement("circle", {
-        className: "fill",
-        cx: "14.532",
-        cy: "8.3",
-        r: "1"
-    }));
+        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 DragHandle: 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","DragHandle","className","svg","filter","Boolean","join","viewBox","xmlns","circle","cx","cy","r"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,aAA+C,CAAC,EAAEC,SAAS,EAAE,iBACxE,oBAACC;QACCD,WAAW;YAAC;YAA0BA;SAAU,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QACtEC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAOP,WAAU;QAAOQ,IAAG;QAASC,IAAG;QAAOC,GAAE;sBACjD,oBAACH;QAAOP,WAAU;QAAOQ,IAAG;QAASC,IAAG;QAAOC,GAAE;sBACjD,oBAACH;QAAOP,WAAU;QAAOQ,IAAG;QAASC,IAAG;QAAQC,GAAE;sBAClD,oBAACH;QAAOP,WAAU;QAAOQ,IAAG;QAASC,IAAG;QAAQC,GAAE;sBAClD,oBAACH;QAAOP,WAAU;QAAOQ,IAAG;QAASC,IAAG;QAAMC,GAAE;sBAChD,oBAACH;QAAOP,WAAU;QAAOQ,IAAG;QAASC,IAAG;QAAMC,GAAE;QAEnD"}
+{"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 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"],"names":["React","DragHandleIcon","className","svg","filter","Boolean","join","viewBox","xmlns","path","d","strokeLinecap"],"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;gBACCP,WAAU;gBACVQ,GAAE;gBACFC,eAAc;;0BAEhB,KAACF;gBACCP,WAAU;gBACVQ,GAAE;gBACFC,eAAc;;0BAEhB,KAACF;gBACCP,WAAU;gBACVQ,GAAE;gBACFC,eAAc;;0BAEhB,KAACF;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/DragHandle/index.scss

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

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

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

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,IAAI,EAAE,KAAK,CAAC,EAmBxB,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,21 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const Edit = ()=>/*#__PURE__*/ React.createElement("svg", {
-        className: "icon icon--edit",
-        viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("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__*/ React.createElement("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__*/ React.createElement("rect", {
-        className: "fill",
-        height: "1.15",
-        transform: "translate(10.16 -10.48) rotate(45)",
-        width: "1.58",
-        x: "16.94",
-        y: "6.44"
-    }));
+import './index.scss';
+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 Edit: React.FC = () => (\n  <svg className=\"icon icon--edit\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\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","Edit","svg","className","viewBox","xmlns","polygon","points","rect","height","transform","width","x","y"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,OAAiB,kBAC5B,oBAACC;QAAIC,WAAU;QAAkBC,SAAQ;QAAYC,OAAM;qBACzD,oBAACC;QACCH,WAAU;QACVI,QAAO;sBAET,oBAACD;QACCH,WAAU;QACVI,QAAO;sBAET,oBAACC;QACCL,WAAU;QACVM,QAAO;QACPC,WAAU;QACVC,OAAM;QACNC,GAAE;QACFC,GAAE;QAGP"}
+{"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 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"],"names":["React","EditIcon","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,KAACC;QACCD,WAAW;YAACA;YAAW;SAAkB,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QAC/DC,SAAQ;QACRC,OAAM;kBAEN,cAAA,KAACC;YACCP,WAAU;YACVQ,GAAE;YACFC,eAAc;;OAGnB"}

package/dist/icons/Edit/index.scss

@@ -5,8 +5,8 @@
   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

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

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,IAAI,EAAE,KAAK,CAAC,EAIxB,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,14 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const Line = ()=>/*#__PURE__*/ React.createElement("svg", {
+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"
-    }, /*#__PURE__*/ React.createElement("line", {
-        className: "stroke",
-        x1: "8.05164",
-        x2: "16.468",
-        y1: "12.594",
-        y2: "12.594"
-    }));
+        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 Line: 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","Line","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;QAASC,IAAG;QAASC,IAAG;QAEpE"}
+{"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\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"],"names":["React","LineIcon","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;YAAKN,WAAU;YAASO,GAAE;YAAsBC,eAAc;;OAElE"}

package/dist/icons/Line/index.scss

@@ -5,7 +5,7 @@
   height: $baseline;
 
   .stroke {
-    stroke: var(--theme-elevation-800);
+    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,17 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const LinkIcon = ()=>/*#__PURE__*/ React.createElement("svg", {
+import './index.scss';
+export const LinkIcon = ()=>/*#__PURE__*/ _jsx("svg", {
         "aria-hidden": "true",
         className: "graphic link icon icon--link",
-        fill: "currentColor",
+        fill: "none",
         focusable: "false",
-        viewBox: "0 0 24 24",
-        xmlns: "http://www.w3.org/2000/svg"
-    }, /*#__PURE__*/ React.createElement("path", {
-        d: "M0 0h24v24H0z",
-        fill: "none"
-    }), /*#__PURE__*/ React.createElement("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"
-    }));
+        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"],"rangeMappings":";;;;;;;;;;;;;;","mappings":"AAAA,OAAOA,WAAW,QAAO;AAIzB,OAAO,MAAMC,WAAqB,kBAChC,oBAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;qBAEN,oBAACC;QAAKC,GAAE;QAAgBL,MAAK;sBAC7B,oBAACI;QACCL,WAAU;QACVM,GAAE;QAGP"}
+{"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=\"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"],"names":["React","LinkIcon","svg","aria-hidden","className","fill","focusable","height","viewBox","width","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,kBAChC,KAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAEN,cAAA,KAACC;YACCP,WAAU;YACVQ,GAAE;YACFC,eAAc;;OAGnB"}

package/dist/icons/Link/index.scss

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

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

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

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,MAAM,EAAE,KAAK,CAAC,EAa1B,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,EAc9B,CAAA"}

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"}