@payloadcms/ui 3.80.0-internal-debug.cd99b1f → 3.80.0-internal.21e9c47

package/dist/icons/ExternalLink/index.js

@@ -1,29 +1,19 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const ExternalLinkIcon = (props)=>{
-    const { className } = props;
-    return /*#__PURE__*/ _jsxDEV("svg", {
-        className: [
-            className,
-            'icon icon--externalLink'
-        ].filter(Boolean).join(' '),
-        viewBox: "0 0 20 20",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsxDEV("path", {
-            className: "stroke",
-            d: "M16 10.6667V14.6667C16 15.0203 15.8595 15.3594 15.6095 15.6095C15.3594 15.8595 15.0203 16 14.6667 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 4H9.33333M16 4L10 10M16 4H12M16 4V8",
-            strokeLinecap: "square"
-        }, void 0, false, {
-            fileName: "src/icons/ExternalLink/index.tsx",
-            lineNumber: 15,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/icons/ExternalLink/index.tsx",
-        lineNumber: 10,
-        columnNumber: 5
-    }, this);
+export const ExternalLinkIcon = props => {
+  const {
+    className
+  } = props;
+  return /*#__PURE__*/_jsx("svg", {
+    className: [className, 'icon icon--externalLink'].filter(Boolean).join(' '),
+    viewBox: "0 0 20 20",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/_jsx("path", {
+      className: "stroke",
+      d: "M16 10.6667V14.6667C16 15.0203 15.8595 15.3594 15.6095 15.6095C15.3594 15.8595 15.0203 16 14.6667 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 4H9.33333M16 4L10 10M16 4H12M16 4V8",
+      strokeLinecap: "square"
+    })
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/ExternalLink/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const ExternalLinkIcon: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n  return (\n    <svg\n      className={[className, 'icon icon--externalLink'].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=\"M16 10.6667V14.6667C16 15.0203 15.8595 15.3594 15.6095 15.6095C15.3594 15.8595 15.0203 16 14.6667 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 4H9.33333M16 4L10 10M16 4H12M16 4V8\"\n        strokeLinecap=\"square\"\n      />\n    </svg>\n  )\n}\n"],"names":["React","ExternalLinkIcon","props","className","svg","filter","Boolean","join","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,mBAER,CAACC;IACJ,MAAM,EAAEC,SAAS,EAAE,GAAGD;IACtB,qBACE,QAACE;QACCD,WAAW;YAACA;YAAW;SAA0B,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QACvEC,SAAQ;QACRC,OAAM;kBAEN,cAAA,QAACC;YACCP,WAAU;YACVQ,GAAE;YACFC,eAAc;;;;;;;;;;;AAItB,EAAC"}
+{"version":3,"file":"index.js","names":["React","ExternalLinkIcon","props","className","_jsx","filter","Boolean","join","viewBox","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/ExternalLink/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const ExternalLinkIcon: React.FC<{\n  className?: string\n}> = (props) => {\n  const { className } = props\n  return (\n    <svg\n      className={[className, 'icon icon--externalLink'].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=\"M16 10.6667V14.6667C16 15.0203 15.8595 15.3594 15.6095 15.6095C15.3594 15.8595 15.0203 16 14.6667 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 4H9.33333M16 4L10 10M16 4H12M16 4V8\"\n        strokeLinecap=\"square\"\n      />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,gBAAA,GAEPC,KAAA;EACJ,MAAM;IAAEC;EAAS,CAAE,GAAGD,KAAA;EACtB,oBACEE,IAAA,CAAC;IACCD,SAAA,EAAW,CAACA,SAAA,EAAW,0BAA0B,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IACvEC,OAAA,EAAQ;IACRC,KAAA,EAAM;cAEN,aAAAL,IAAA,CAAC;MACCD,SAAA,EAAU;MACVO,CAAA,EAAE;MACFC,aAAA,EAAc;;;AAItB","ignoreList":[]}

package/dist/icons/Eye/index.js

@@ -1,56 +1,28 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { Fragment } from 'react';
 import './index.scss';
-export const EyeIcon = ({ active = true, className })=>/*#__PURE__*/ _jsxDEV("svg", {
-        className: [
-            className,
-            'icon icon--eye'
-        ].filter(Boolean).join(' '),
-        viewBox: "0 0 16 12",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: !active ? /*#__PURE__*/ _jsxDEV(Fragment, {
-            children: [
-                /*#__PURE__*/ _jsxDEV("circle", {
-                    className: "stroke",
-                    cx: "8.5",
-                    cy: "6",
-                    r: "2.5"
-                }, void 0, false, {
-                    fileName: "src/icons/Eye/index.tsx",
-                    lineNumber: 16,
-                    columnNumber: 9
-                }, this),
-                /*#__PURE__*/ _jsxDEV("path", {
-                    className: "stroke",
-                    d: "M8.5 1C3.83333 1 1.5 6 1.5 6C1.5 6 3.83333 11 8.5 11C13.1667 11 15.5 6 15.5 6C15.5 6 13.1667 1 8.5 1Z"
-                }, void 0, false, {
-                    fileName: "src/icons/Eye/index.tsx",
-                    lineNumber: 17,
-                    columnNumber: 9
-                }, this)
-            ]
-        }, void 0, true, {
-            fileName: "src/icons/Eye/index.tsx",
-            lineNumber: 15,
-            columnNumber: 7
-        }, this) : /*#__PURE__*/ _jsxDEV(Fragment, {
-            children: /*#__PURE__*/ _jsxDEV("path", {
-                className: "stroke",
-                d: "M2 11.5L4.35141 9.51035M15 0.5L12.6486 2.48965M10.915 6.64887C10.6493 7.64011 9.78959 8.38832 8.7408 8.48855M10.4085 4.38511C9.94992 3.84369 9.2651 3.5 8.5 3.5C7.11929 3.5 6 4.61929 6 6C6 6.61561 6.22251 7.17926 6.59149 7.61489M10.4085 4.38511L6.59149 7.61489M10.4085 4.38511L12.6486 2.48965M6.59149 7.61489L4.35141 9.51035M14.1292 3.92915C15.0431 5.02085 15.5 6 15.5 6C15.5 6 13.1667 11 8.5 11C7.67995 11 6.93195 10.8456 6.256 10.5911M4.35141 9.51035C2.45047 8.03672 1.5 6 1.5 6C1.5 6 3.83333 1 8.5 1C10.1882 1 11.5711 1.65437 12.6486 2.48965"
-            }, void 0, false, {
-                fileName: "src/icons/Eye/index.tsx",
-                lineNumber: 24,
-                columnNumber: 9
-            }, this)
-        }, void 0, false, {
-            fileName: "src/icons/Eye/index.tsx",
-            lineNumber: 23,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/icons/Eye/index.tsx",
-        lineNumber: 9,
-        columnNumber: 3
-    }, this);
-
+export const EyeIcon = ({
+  active = true,
+  className
+}) => /*#__PURE__*/_jsx("svg", {
+  className: [className, 'icon icon--eye'].filter(Boolean).join(' '),
+  viewBox: "0 0 16 12",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: !active ? /*#__PURE__*/_jsxs(Fragment, {
+    children: [/*#__PURE__*/_jsx("circle", {
+      className: "stroke",
+      cx: "8.5",
+      cy: "6",
+      r: "2.5"
+    }), /*#__PURE__*/_jsx("path", {
+      className: "stroke",
+      d: "M8.5 1C3.83333 1 1.5 6 1.5 6C1.5 6 3.83333 11 8.5 11C13.1667 11 15.5 6 15.5 6C15.5 6 13.1667 1 8.5 1Z"
+    })]
+  }) : /*#__PURE__*/_jsx(Fragment, {
+    children: /*#__PURE__*/_jsx("path", {
+      className: "stroke",
+      d: "M2 11.5L4.35141 9.51035M15 0.5L12.6486 2.48965M10.915 6.64887C10.6493 7.64011 9.78959 8.38832 8.7408 8.48855M10.4085 4.38511C9.94992 3.84369 9.2651 3.5 8.5 3.5C7.11929 3.5 6 4.61929 6 6C6 6.61561 6.22251 7.17926 6.59149 7.61489M10.4085 4.38511L6.59149 7.61489M10.4085 4.38511L12.6486 2.48965M6.59149 7.61489L4.35141 9.51035M14.1292 3.92915C15.0431 5.02085 15.5 6 15.5 6C15.5 6 13.1667 11 8.5 11C7.67995 11 6.93195 10.8456 6.256 10.5911M4.35141 9.51035C2.45047 8.03672 1.5 6 1.5 6C1.5 6 3.83333 1 8.5 1C10.1882 1 11.5711 1.65437 12.6486 2.48965"
+    })
+  })
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Eye/index.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\n\nimport './index.scss'\n\nexport const EyeIcon: React.FC<{ active?: boolean; className?: string }> = ({\n  active = true,\n  className,\n}) => (\n  <svg\n    className={[className, 'icon icon--eye'].filter(Boolean).join(' ')}\n    viewBox=\"0 0 16 12\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    {!active ? (\n      <Fragment>\n        <circle className=\"stroke\" cx=\"8.5\" cy=\"6\" r=\"2.5\" />\n        <path\n          className=\"stroke\"\n          d=\"M8.5 1C3.83333 1 1.5 6 1.5 6C1.5 6 3.83333 11 8.5 11C13.1667 11 15.5 6 15.5 6C15.5 6 13.1667 1 8.5 1Z\"\n        />\n      </Fragment>\n    ) : (\n      <Fragment>\n        <path\n          className=\"stroke\"\n          d=\"M2 11.5L4.35141 9.51035M15 0.5L12.6486 2.48965M10.915 6.64887C10.6493 7.64011 9.78959 8.38832 8.7408 8.48855M10.4085 4.38511C9.94992 3.84369 9.2651 3.5 8.5 3.5C7.11929 3.5 6 4.61929 6 6C6 6.61561 6.22251 7.17926 6.59149 7.61489M10.4085 4.38511L6.59149 7.61489M10.4085 4.38511L12.6486 2.48965M6.59149 7.61489L4.35141 9.51035M14.1292 3.92915C15.0431 5.02085 15.5 6 15.5 6C15.5 6 13.1667 11 8.5 11C7.67995 11 6.93195 10.8456 6.256 10.5911M4.35141 9.51035C2.45047 8.03672 1.5 6 1.5 6C1.5 6 3.83333 1 8.5 1C10.1882 1 11.5711 1.65437 12.6486 2.48965\"\n        />\n      </Fragment>\n    )}\n  </svg>\n)\n"],"names":["React","Fragment","EyeIcon","active","className","svg","filter","Boolean","join","viewBox","xmlns","circle","cx","cy","r","path","d"],"mappings":";AAAA,OAAOA,SAASC,QAAQ,QAAQ,QAAO;AAEvC,OAAO,eAAc;AAErB,OAAO,MAAMC,UAA8D,CAAC,EAC1EC,SAAS,IAAI,EACbC,SAAS,EACV,iBACC,QAACC;QACCD,WAAW;YAACA;YAAW;SAAiB,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QAC9DC,SAAQ;QACRC,OAAM;kBAEL,CAACP,uBACA,QAACF;;8BACC,QAACU;oBAAOP,WAAU;oBAASQ,IAAG;oBAAMC,IAAG;oBAAIC,GAAE;;;;;;8BAC7C,QAACC;oBACCX,WAAU;oBACVY,GAAE;;;;;;;;;;;iCAIN,QAACf;sBACC,cAAA,QAACc;gBACCX,WAAU;gBACVY,GAAE;;;;;;;;;;;;;;;aAKX"}
+{"version":3,"file":"index.js","names":["React","Fragment","EyeIcon","active","className","_jsx","filter","Boolean","join","viewBox","xmlns","_jsxs","cx","cy","r","d"],"sources":["../../../src/icons/Eye/index.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\n\nimport './index.scss'\n\nexport const EyeIcon: React.FC<{ active?: boolean; className?: string }> = ({\n  active = true,\n  className,\n}) => (\n  <svg\n    className={[className, 'icon icon--eye'].filter(Boolean).join(' ')}\n    viewBox=\"0 0 16 12\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    {!active ? (\n      <Fragment>\n        <circle className=\"stroke\" cx=\"8.5\" cy=\"6\" r=\"2.5\" />\n        <path\n          className=\"stroke\"\n          d=\"M8.5 1C3.83333 1 1.5 6 1.5 6C1.5 6 3.83333 11 8.5 11C13.1667 11 15.5 6 15.5 6C15.5 6 13.1667 1 8.5 1Z\"\n        />\n      </Fragment>\n    ) : (\n      <Fragment>\n        <path\n          className=\"stroke\"\n          d=\"M2 11.5L4.35141 9.51035M15 0.5L12.6486 2.48965M10.915 6.64887C10.6493 7.64011 9.78959 8.38832 8.7408 8.48855M10.4085 4.38511C9.94992 3.84369 9.2651 3.5 8.5 3.5C7.11929 3.5 6 4.61929 6 6C6 6.61561 6.22251 7.17926 6.59149 7.61489M10.4085 4.38511L6.59149 7.61489M10.4085 4.38511L12.6486 2.48965M6.59149 7.61489L4.35141 9.51035M14.1292 3.92915C15.0431 5.02085 15.5 6 15.5 6C15.5 6 13.1667 11 8.5 11C7.67995 11 6.93195 10.8456 6.256 10.5911M4.35141 9.51035C2.45047 8.03672 1.5 6 1.5 6C1.5 6 3.83333 1 8.5 1C10.1882 1 11.5711 1.65437 12.6486 2.48965\"\n        />\n      </Fragment>\n    )}\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,IAASC,QAAQ,QAAQ;AAEhC,OAAO;AAEP,OAAO,MAAMC,OAAA,GAA8DA,CAAC;EAC1EC,MAAA,GAAS,IAAI;EACbC;AAAS,CACV,kBACCC,IAAA,CAAC;EACCD,SAAA,EAAW,CAACA,SAAA,EAAW,iBAAiB,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;EAC9DC,OAAA,EAAQ;EACRC,KAAA,EAAM;YAEL,CAACP,MAAA,gBACAQ,KAAA,CAACV,QAAA;4BACCI,IAAA,CAAC;MAAOD,SAAA,EAAU;MAASQ,EAAA,EAAG;MAAMC,EAAA,EAAG;MAAIC,CAAA,EAAE;qBAC7CT,IAAA,CAAC;MACCD,SAAA,EAAU;MACVW,CAAA,EAAE;;oBAINV,IAAA,CAACJ,QAAA;cACC,aAAAI,IAAA,CAAC;MACCD,SAAA,EAAU;MACVW,CAAA,EAAE","ignoreList":[]}

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

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

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

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

package/dist/icons/Filter/index.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import './index.scss';
+export const FilterIcon = () => /*#__PURE__*/_jsx("svg", {
+  className: "icon icon--filter",
+  fill: "none",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M3 5H17M6 10H14M9 15H11",
+    strokeLinecap: "square"
+  })
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","FilterIcon","_jsx","className","fill","viewBox","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Filter/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const FilterIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--filter\"\n    fill=\"none\"\n    viewBox=\"0 0 20 20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M3 5H17M6 10H14M9 15H11\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,UAAA,GAAuBA,CAAA,kBAClCC,IAAA,CAAC;EACCC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,OAAA,EAAQ;EACRC,KAAA,EAAM;YAEN,aAAAJ,IAAA,CAAC;IAAKC,SAAA,EAAU;IAASI,CAAA,EAAE;IAA0BC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/Filter/index.scss

@@ -0,0 +1,13 @@
+@import '../../scss/styles';
+
+@layer payload-default {
+  .icon--filter {
+    height: $baseline;
+    width: $baseline;
+
+    .stroke {
+      stroke: currentColor;
+      stroke-width: 2px;
+    }
+  }
+}

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

@@ -1,6 +1,8 @@
 import React from 'react';
 import './index.scss';
-export declare function FolderIcon({ className }: {
+export type FolderIconProps = {
     className?: string;
-}): React.JSX.Element;
+    color?: 'dark' | 'default' | 'muted';
+};
+export declare function FolderIcon({ className, color }: FolderIconProps): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Folder/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,qBAgB/D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Folder/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAAA;CACrC,CAAA;AAED,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,eAAe,qBAkB/D"}

package/dist/icons/Folder/index.js

@@ -1,30 +1,22 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export function FolderIcon({ className }) {
-    return /*#__PURE__*/ _jsxDEV("svg", {
-        className: [
-            className,
-            'icon icon--folder'
-        ].filter(Boolean).join(' '),
-        fill: "none",
-        height: "16",
-        viewBox: "0 0 16 16",
-        width: "16",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsxDEV("path", {
-            d: "M13.3333 13.3333C13.6869 13.3333 14.026 13.1929 14.2761 12.9428C14.5261 12.6928 14.6666 12.3536 14.6666 12V5.33333C14.6666 4.97971 14.5261 4.64057 14.2761 4.39052C14.026 4.14048 13.6869 4 13.3333 4H8.06659C7.84359 4.00219 7.62362 3.94841 7.42679 3.84359C7.22996 3.73877 7.06256 3.58625 6.93992 3.4L6.39992 2.6C6.27851 2.41565 6.11323 2.26432 5.91892 2.1596C5.7246 2.05488 5.50732 2.00004 5.28659 2H2.66659C2.31296 2 1.97382 2.14048 1.72378 2.39052C1.47373 2.64057 1.33325 2.97971 1.33325 3.33333V12C1.33325 12.3536 1.47373 12.6928 1.72378 12.9428C1.97382 13.1929 2.31296 13.3333 2.66659 13.3333H13.3333Z",
-            fill: "currentColor"
-        }, void 0, false, {
-            fileName: "src/icons/Folder/index.tsx",
-            lineNumber: 15,
-            columnNumber: 7
-        }, this)
-    }, void 0, false, {
-        fileName: "src/icons/Folder/index.tsx",
-        lineNumber: 7,
-        columnNumber: 5
-    }, this);
+export function FolderIcon({
+  className,
+  color
+}) {
+  const colorClass = color ? `icon--folder--${color}` : '';
+  return /*#__PURE__*/_jsx("svg", {
+    className: [className, 'icon icon--folder', colorClass].filter(Boolean).join(' '),
+    fill: "none",
+    height: "16",
+    viewBox: "0 0 16 16",
+    width: "16",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M13.3333 13.3333C13.6869 13.3333 14.026 13.1929 14.2761 12.9428C14.5261 12.6928 14.6666 12.3536 14.6666 12V5.33333C14.6666 4.97971 14.5261 4.64057 14.2761 4.39052C14.026 4.14048 13.6869 4 13.3333 4H8.06659C7.84359 4.00219 7.62362 3.94841 7.42679 3.84359C7.22996 3.73877 7.06256 3.58625 6.93992 3.4L6.39992 2.6C6.27851 2.41565 6.11323 2.26432 5.91892 2.1596C5.7246 2.05488 5.50732 2.00004 5.28659 2H2.66659C2.31296 2 1.97382 2.14048 1.72378 2.39052C1.47373 2.64057 1.33325 2.97971 1.33325 3.33333V12C1.33325 12.3536 1.47373 12.6928 1.72378 12.9428C1.97382 13.1929 2.31296 13.3333 2.66659 13.3333H13.3333Z",
+      fill: "currentColor"
+    })
+  });
 }
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Folder/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport function FolderIcon({ className }: { className?: string }) {\n  return (\n    <svg\n      className={[className, 'icon icon--folder'].filter(Boolean).join(' ')}\n      fill=\"none\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M13.3333 13.3333C13.6869 13.3333 14.026 13.1929 14.2761 12.9428C14.5261 12.6928 14.6666 12.3536 14.6666 12V5.33333C14.6666 4.97971 14.5261 4.64057 14.2761 4.39052C14.026 4.14048 13.6869 4 13.3333 4H8.06659C7.84359 4.00219 7.62362 3.94841 7.42679 3.84359C7.22996 3.73877 7.06256 3.58625 6.93992 3.4L6.39992 2.6C6.27851 2.41565 6.11323 2.26432 5.91892 2.1596C5.7246 2.05488 5.50732 2.00004 5.28659 2H2.66659C2.31296 2 1.97382 2.14048 1.72378 2.39052C1.47373 2.64057 1.33325 2.97971 1.33325 3.33333V12C1.33325 12.3536 1.47373 12.6928 1.72378 12.9428C1.97382 13.1929 2.31296 13.3333 2.66659 13.3333H13.3333Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n"],"names":["React","FolderIcon","className","svg","filter","Boolean","join","fill","height","viewBox","width","xmlns","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,SAASC,WAAW,EAAEC,SAAS,EAA0B;IAC9D,qBACE,QAACC;QACCD,WAAW;YAACA;YAAW;SAAoB,CAACE,MAAM,CAACC,SAASC,IAAI,CAAC;QACjEC,MAAK;QACLC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAEN,cAAA,QAACC;YACCC,GAAE;YACFN,MAAK;;;;;;;;;;;AAIb"}
+{"version":3,"file":"index.js","names":["React","FolderIcon","className","color","colorClass","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d"],"sources":["../../../src/icons/Folder/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport type FolderIconProps = {\n  className?: string\n  color?: 'dark' | 'default' | 'muted'\n}\n\nexport function FolderIcon({ className, color }: FolderIconProps) {\n  const colorClass = color ? `icon--folder--${color}` : ''\n\n  return (\n    <svg\n      className={[className, 'icon icon--folder', colorClass].filter(Boolean).join(' ')}\n      fill=\"none\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      width=\"16\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n    >\n      <path\n        d=\"M13.3333 13.3333C13.6869 13.3333 14.026 13.1929 14.2761 12.9428C14.5261 12.6928 14.6666 12.3536 14.6666 12V5.33333C14.6666 4.97971 14.5261 4.64057 14.2761 4.39052C14.026 4.14048 13.6869 4 13.3333 4H8.06659C7.84359 4.00219 7.62362 3.94841 7.42679 3.84359C7.22996 3.73877 7.06256 3.58625 6.93992 3.4L6.39992 2.6C6.27851 2.41565 6.11323 2.26432 5.91892 2.1596C5.7246 2.05488 5.50732 2.00004 5.28659 2H2.66659C2.31296 2 1.97382 2.14048 1.72378 2.39052C1.47373 2.64057 1.33325 2.97971 1.33325 3.33333V12C1.33325 12.3536 1.47373 12.6928 1.72378 12.9428C1.97382 13.1929 2.31296 13.3333 2.66659 13.3333H13.3333Z\"\n        fill=\"currentColor\"\n      />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAOP,OAAO,SAASC,WAAW;EAAEC,SAAS;EAAEC;AAAK,CAAmB;EAC9D,MAAMC,UAAA,GAAaD,KAAA,GAAQ,iBAAiBA,KAAA,EAAO,GAAG;EAEtD,oBACEE,IAAA,CAAC;IACCH,SAAA,EAAW,CAACA,SAAA,EAAW,qBAAqBE,UAAA,CAAW,CAACE,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;IAC7EC,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MACCS,CAAA,EAAE;MACFL,IAAA,EAAK;;;AAIb","ignoreList":[]}

package/dist/icons/Folder/index.scss

@@ -2,5 +2,13 @@
   .icon--folder {
     height: var(--base);
     width: var(--base);
+
+    &--muted {
+      color: var(--theme-elevation-300);
+    }
+
+    &--dark {
+      color: var(--theme-elevation-800);
+    }
   }
 }

package/dist/icons/Gear/index.js

@@ -1,38 +1,25 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
 const baseClass = 'gear';
-export const GearIcon = ({ ariaLabel, className })=>/*#__PURE__*/ _jsxDEV("div", {
-        "aria-label": ariaLabel,
-        className: [
-            className,
-            baseClass
-        ].filter(Boolean).join(' '),
-        children: /*#__PURE__*/ _jsxDEV("svg", {
-            className: "icon icon--gear",
-            fill: "none",
-            height: "20",
-            viewBox: "0 0 20 20",
-            width: "20",
-            xmlns: "http://www.w3.org/2000/svg",
-            children: /*#__PURE__*/ _jsxDEV("path", {
-                d: "M9.33337 8.84671L6.66671 4.22671M9.33337 11.1534L6.66671 15.7734M10 16.6667V15.3334M10 15.3334C12.9456 15.3334 15.3334 12.9456 15.3334 10C15.3334 7.05452 12.9456 4.66671 10 4.66671M10 15.3334C7.05452 15.3334 4.66671 12.9456 4.66671 10M10 3.33337V4.66671M10 4.66671C7.05452 4.66671 4.66671 7.05452 4.66671 10M11.3334 10H16.6667M11.3334 10C11.3334 10.7364 10.7364 11.3334 10 11.3334C9.26366 11.3334 8.66671 10.7364 8.66671 10C8.66671 9.26366 9.26366 8.66671 10 8.66671C10.7364 8.66671 11.3334 9.26366 11.3334 10ZM13.3334 15.7734L12.6667 14.62M13.3334 4.22671L12.6667 5.38004M3.33337 10H4.66671M15.7734 13.3334L14.62 12.6667M15.7734 6.66671L14.62 7.33337M4.22671 13.3334L5.38004 12.6667M4.22671 6.66671L5.38004 7.33337",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-            }, void 0, false, {
-                fileName: "src/icons/Gear/index.tsx",
-                lineNumber: 20,
-                columnNumber: 7
-            }, this)
-        }, void 0, false, {
-            fileName: "src/icons/Gear/index.tsx",
-            lineNumber: 12,
-            columnNumber: 5
-        }, this)
-    }, void 0, false, {
-        fileName: "src/icons/Gear/index.tsx",
-        lineNumber: 11,
-        columnNumber: 3
-    }, this);
-
+export const GearIcon = ({
+  ariaLabel,
+  className
+}) => /*#__PURE__*/_jsx("div", {
+  "aria-label": ariaLabel,
+  className: [className, baseClass].filter(Boolean).join(' '),
+  children: /*#__PURE__*/_jsx("svg", {
+    className: "icon icon--gear",
+    fill: "none",
+    height: "20",
+    viewBox: "0 0 20 20",
+    width: "20",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /*#__PURE__*/_jsx("path", {
+      d: "M9.33337 8.84671L6.66671 4.22671M9.33337 11.1534L6.66671 15.7734M10 16.6667V15.3334M10 15.3334C12.9456 15.3334 15.3334 12.9456 15.3334 10C15.3334 7.05452 12.9456 4.66671 10 4.66671M10 15.3334C7.05452 15.3334 4.66671 12.9456 4.66671 10M10 3.33337V4.66671M10 4.66671C7.05452 4.66671 4.66671 7.05452 4.66671 10M11.3334 10H16.6667M11.3334 10C11.3334 10.7364 10.7364 11.3334 10 11.3334C9.26366 11.3334 8.66671 10.7364 8.66671 10C8.66671 9.26366 9.26366 8.66671 10 8.66671C10.7364 8.66671 11.3334 9.26366 11.3334 10ZM13.3334 15.7734L12.6667 14.62M13.3334 4.22671L12.6667 5.38004M3.33337 10H4.66671M15.7734 13.3334L14.62 12.6667M15.7734 6.66671L14.62 7.33337M4.22671 13.3334L5.38004 12.6667M4.22671 6.66671L5.38004 7.33337",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })
+  })
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Gear/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'gear'\n\nexport const GearIcon: React.FC<{\n  ariaLabel?: string\n  className?: string\n}> = ({ ariaLabel, className }) => (\n  <div aria-label={ariaLabel} className={[className, baseClass].filter(Boolean).join(' ')}>\n    <svg\n      className=\"icon icon--gear\"\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        d=\"M9.33337 8.84671L6.66671 4.22671M9.33337 11.1534L6.66671 15.7734M10 16.6667V15.3334M10 15.3334C12.9456 15.3334 15.3334 12.9456 15.3334 10C15.3334 7.05452 12.9456 4.66671 10 4.66671M10 15.3334C7.05452 15.3334 4.66671 12.9456 4.66671 10M10 3.33337V4.66671M10 4.66671C7.05452 4.66671 4.66671 7.05452 4.66671 10M11.3334 10H16.6667M11.3334 10C11.3334 10.7364 10.7364 11.3334 10 11.3334C9.26366 11.3334 8.66671 10.7364 8.66671 10C8.66671 9.26366 9.26366 8.66671 10 8.66671C10.7364 8.66671 11.3334 9.26366 11.3334 10ZM13.3334 15.7734L12.6667 14.62M13.3334 4.22671L12.6667 5.38004M3.33337 10H4.66671M15.7734 13.3334L14.62 12.6667M15.7734 6.66671L14.62 7.33337M4.22671 13.3334L5.38004 12.6667M4.22671 6.66671L5.38004 7.33337\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  </div>\n)\n"],"names":["React","baseClass","GearIcon","ariaLabel","className","div","aria-label","filter","Boolean","join","svg","fill","height","viewBox","width","xmlns","path","d","strokeLinecap","strokeLinejoin"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,MAAMC,YAAY;AAElB,OAAO,MAAMC,WAGR,CAAC,EAAEC,SAAS,EAAEC,SAAS,EAAE,iBAC5B,QAACC;QAAIC,cAAYH;QAAWC,WAAW;YAACA;YAAWH;SAAU,CAACM,MAAM,CAACC,SAASC,IAAI,CAAC;kBACjF,cAAA,QAACC;YACCN,WAAU;YACVO,MAAK;YACLC,QAAO;YACPC,SAAQ;YACRC,OAAM;YACNC,OAAM;sBAEN,cAAA,QAACC;gBACCC,GAAE;gBACFC,eAAc;gBACdC,gBAAe;;;;;;;;;;;;;;;aAItB"}
+{"version":3,"file":"index.js","names":["React","baseClass","GearIcon","ariaLabel","className","_jsx","filter","Boolean","join","fill","height","viewBox","width","xmlns","d","strokeLinecap","strokeLinejoin"],"sources":["../../../src/icons/Gear/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nconst baseClass = 'gear'\n\nexport const GearIcon: React.FC<{\n  ariaLabel?: string\n  className?: string\n}> = ({ ariaLabel, className }) => (\n  <div aria-label={ariaLabel} className={[className, baseClass].filter(Boolean).join(' ')}>\n    <svg\n      className=\"icon icon--gear\"\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        d=\"M9.33337 8.84671L6.66671 4.22671M9.33337 11.1534L6.66671 15.7734M10 16.6667V15.3334M10 15.3334C12.9456 15.3334 15.3334 12.9456 15.3334 10C15.3334 7.05452 12.9456 4.66671 10 4.66671M10 15.3334C7.05452 15.3334 4.66671 12.9456 4.66671 10M10 3.33337V4.66671M10 4.66671C7.05452 4.66671 4.66671 7.05452 4.66671 10M11.3334 10H16.6667M11.3334 10C11.3334 10.7364 10.7364 11.3334 10 11.3334C9.26366 11.3334 8.66671 10.7364 8.66671 10C8.66671 9.26366 9.26366 8.66671 10 8.66671C10.7364 8.66671 11.3334 9.26366 11.3334 10ZM13.3334 15.7734L12.6667 14.62M13.3334 4.22671L12.6667 5.38004M3.33337 10H4.66671M15.7734 13.3334L14.62 12.6667M15.7734 6.66671L14.62 7.33337M4.22671 13.3334L5.38004 12.6667M4.22671 6.66671L5.38004 7.33337\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  </div>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,QAAA,GAGRA,CAAC;EAAEC,SAAS;EAAEC;AAAS,CAAE,kBAC5BC,IAAA,CAAC;EAAI,cAAYF,SAAA;EAAWC,SAAA,EAAW,CAACA,SAAA,EAAWH,SAAA,CAAU,CAACK,MAAM,CAACC,OAAA,EAASC,IAAI,CAAC;YACjF,aAAAH,IAAA,CAAC;IACCD,SAAA,EAAU;IACVK,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;cAEN,aAAAR,IAAA,CAAC;MACCS,CAAA,EAAE;MACFC,aAAA,EAAc;MACdC,cAAA,EAAe","ignoreList":[]}

package/dist/icons/GridView/index.js

@@ -1,61 +1,35 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const GridViewIcon = ()=>{
-    return /*#__PURE__*/ _jsxDEV("svg", {
-        className: "icon icon--grid-view",
-        fill: "none",
-        height: "20",
-        viewBox: "0 0 20 20",
-        width: "20",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsxDEV("path", {
-                d: "M8 4H4.66667C4.29848 4 4 4.29848 4 4.66667V8C4 8.36819 4.29848 8.66667 4.66667 8.66667H8C8.36819 8.66667 8.66667 8.36819 8.66667 8V4.66667C8.66667 4.29848 8.36819 4 8 4Z",
-                stroke: "currentColor",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-            }, void 0, false, {
-                fileName: "src/icons/GridView/index.tsx",
-                lineNumber: 15,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("path", {
-                d: "M15.3333 4H12C11.6318 4 11.3333 4.29848 11.3333 4.66667V8C11.3333 8.36819 11.6318 8.66667 12 8.66667H15.3333C15.7015 8.66667 16 8.36819 16 8V4.66667C16 4.29848 15.7015 4 15.3333 4Z",
-                stroke: "currentColor",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-            }, void 0, false, {
-                fileName: "src/icons/GridView/index.tsx",
-                lineNumber: 21,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("path", {
-                d: "M15.3333 11.3333H12C11.6318 11.3333 11.3333 11.6318 11.3333 12V15.3333C11.3333 15.7015 11.6318 16 12 16H15.3333C15.7015 16 16 15.7015 16 15.3333V12C16 11.6318 15.7015 11.3333 15.3333 11.3333Z",
-                stroke: "currentColor",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-            }, void 0, false, {
-                fileName: "src/icons/GridView/index.tsx",
-                lineNumber: 27,
-                columnNumber: 7
-            }, this),
-            /*#__PURE__*/ _jsxDEV("path", {
-                d: "M8 11.3333H4.66667C4.29848 11.3333 4 11.6318 4 12V15.3333C4 15.7015 4.29848 16 4.66667 16H8C8.36819 16 8.66667 15.7015 8.66667 15.3333V12C8.66667 11.6318 8.36819 11.3333 8 11.3333Z",
-                stroke: "currentColor",
-                strokeLinecap: "round",
-                strokeLinejoin: "round"
-            }, void 0, false, {
-                fileName: "src/icons/GridView/index.tsx",
-                lineNumber: 33,
-                columnNumber: 7
-            }, this)
-        ]
-    }, void 0, true, {
-        fileName: "src/icons/GridView/index.tsx",
-        lineNumber: 7,
-        columnNumber: 5
-    }, this);
+export const GridViewIcon = () => {
+  return /*#__PURE__*/_jsxs("svg", {
+    className: "icon icon--grid-view",
+    fill: "none",
+    height: "20",
+    viewBox: "0 0 20 20",
+    width: "20",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [/*#__PURE__*/_jsx("path", {
+      d: "M8 4H4.66667C4.29848 4 4 4.29848 4 4.66667V8C4 8.36819 4.29848 8.66667 4.66667 8.66667H8C8.36819 8.66667 8.66667 8.36819 8.66667 8V4.66667C8.66667 4.29848 8.36819 4 8 4Z",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M15.3333 4H12C11.6318 4 11.3333 4.29848 11.3333 4.66667V8C11.3333 8.36819 11.6318 8.66667 12 8.66667H15.3333C15.7015 8.66667 16 8.36819 16 8V4.66667C16 4.29848 15.7015 4 15.3333 4Z",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M15.3333 11.3333H12C11.6318 11.3333 11.3333 11.6318 11.3333 12V15.3333C11.3333 15.7015 11.6318 16 12 16H15.3333C15.7015 16 16 15.7015 16 15.3333V12C16 11.6318 15.7015 11.3333 15.3333 11.3333Z",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }), /*#__PURE__*/_jsx("path", {
+      d: "M8 11.3333H4.66667C4.29848 11.3333 4 11.6318 4 12V15.3333C4 15.7015 4.29848 16 4.66667 16H8C8.36819 16 8.66667 15.7015 8.66667 15.3333V12C8.66667 11.6318 8.36819 11.3333 8 11.3333Z",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    })]
+  });
 };
-
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/GridView/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const GridViewIcon = () => {\n  return (\n    <svg\n      className=\"icon icon--grid-view\"\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        d=\"M8 4H4.66667C4.29848 4 4 4.29848 4 4.66667V8C4 8.36819 4.29848 8.66667 4.66667 8.66667H8C8.36819 8.66667 8.66667 8.36819 8.66667 8V4.66667C8.66667 4.29848 8.36819 4 8 4Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M15.3333 4H12C11.6318 4 11.3333 4.29848 11.3333 4.66667V8C11.3333 8.36819 11.6318 8.66667 12 8.66667H15.3333C15.7015 8.66667 16 8.36819 16 8V4.66667C16 4.29848 15.7015 4 15.3333 4Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M15.3333 11.3333H12C11.6318 11.3333 11.3333 11.6318 11.3333 12V15.3333C11.3333 15.7015 11.6318 16 12 16H15.3333C15.7015 16 16 15.7015 16 15.3333V12C16 11.6318 15.7015 11.3333 15.3333 11.3333Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M8 11.3333H4.66667C4.29848 11.3333 4 11.6318 4 12V15.3333C4 15.7015 4.29848 16 4.66667 16H8C8.36819 16 8.66667 15.7015 8.66667 15.3333V12C8.66667 11.6318 8.36819 11.3333 8 11.3333Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"names":["React","GridViewIcon","svg","className","fill","height","viewBox","width","xmlns","path","d","stroke","strokeLinecap","strokeLinejoin"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,eAAe;IAC1B,qBACE,QAACC;QACCC,WAAU;QACVC,MAAK;QACLC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;;0BAEN,QAACC;gBACCC,GAAE;gBACFC,QAAO;gBACPC,eAAc;gBACdC,gBAAe;;;;;;0BAEjB,QAACJ;gBACCC,GAAE;gBACFC,QAAO;gBACPC,eAAc;gBACdC,gBAAe;;;;;;0BAEjB,QAACJ;gBACCC,GAAE;gBACFC,QAAO;gBACPC,eAAc;gBACdC,gBAAe;;;;;;0BAEjB,QAACJ;gBACCC,GAAE;gBACFC,QAAO;gBACPC,eAAc;gBACdC,gBAAe;;;;;;;;;;;;AAIvB,EAAC"}
+{"version":3,"file":"index.js","names":["React","GridViewIcon","_jsxs","className","fill","height","viewBox","width","xmlns","_jsx","d","stroke","strokeLinecap","strokeLinejoin"],"sources":["../../../src/icons/GridView/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const GridViewIcon = () => {\n  return (\n    <svg\n      className=\"icon icon--grid-view\"\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        d=\"M8 4H4.66667C4.29848 4 4 4.29848 4 4.66667V8C4 8.36819 4.29848 8.66667 4.66667 8.66667H8C8.36819 8.66667 8.66667 8.36819 8.66667 8V4.66667C8.66667 4.29848 8.36819 4 8 4Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M15.3333 4H12C11.6318 4 11.3333 4.29848 11.3333 4.66667V8C11.3333 8.36819 11.6318 8.66667 12 8.66667H15.3333C15.7015 8.66667 16 8.36819 16 8V4.66667C16 4.29848 15.7015 4 15.3333 4Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M15.3333 11.3333H12C11.6318 11.3333 11.3333 11.6318 11.3333 12V15.3333C11.3333 15.7015 11.6318 16 12 16H15.3333C15.7015 16 16 15.7015 16 15.3333V12C16 11.6318 15.7015 11.3333 15.3333 11.3333Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M8 11.3333H4.66667C4.29848 11.3333 4 11.6318 4 12V15.3333C4 15.7015 4.29848 16 4.66667 16H8C8.36819 16 8.66667 15.7015 8.66667 15.3333V12C8.66667 11.6318 8.36819 11.3333 8 11.3333Z\"\n        stroke=\"currentColor\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,YAAA,GAAeA,CAAA;EAC1B,oBACEC,KAAA,CAAC;IACCC,SAAA,EAAU;IACVC,IAAA,EAAK;IACLC,MAAA,EAAO;IACPC,OAAA,EAAQ;IACRC,KAAA,EAAM;IACNC,KAAA,EAAM;4BAENC,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;qBAEjBJ,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;qBAEjBJ,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;qBAEjBJ,IAAA,CAAC;MACCC,CAAA,EAAE;MACFC,MAAA,EAAO;MACPC,aAAA,EAAc;MACdC,cAAA,EAAe;;;AAIvB","ignoreList":[]}

package/dist/icons/Line/index.js

@@ -1,26 +1,17 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const LineIcon = ()=>/*#__PURE__*/ _jsxDEV("svg", {
-        className: "icon icon--line",
-        fill: "none",
-        height: "20",
-        viewBox: "0 0 20 20",
-        width: "20",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsxDEV("path", {
-            className: "stroke",
-            d: "M5.33333 10H14.6667",
-            strokeLinecap: "square"
-        }, void 0, false, {
-            fileName: "src/icons/Line/index.tsx",
-            lineNumber: 14,
-            columnNumber: 5
-        }, this)
-    }, void 0, false, {
-        fileName: "src/icons/Line/index.tsx",
-        lineNumber: 6,
-        columnNumber: 3
-    }, this);
-
+export const LineIcon = () => /*#__PURE__*/_jsx("svg", {
+  className: "icon icon--line",
+  fill: "none",
+  height: "20",
+  viewBox: "0 0 20 20",
+  width: "20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M5.33333 10H14.6667",
+    strokeLinecap: "square"
+  })
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Line/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LineIcon: React.FC = () => (\n  <svg\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,QAACC;QACCC,WAAU;QACVC,MAAK;QACLC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAEN,cAAA,QAACC;YAAKN,WAAU;YAASO,GAAE;YAAsBC,eAAc;;;;;;;;;;aAElE"}
+{"version":3,"file":"index.js","names":["React","LineIcon","_jsx","className","fill","height","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Line/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LineIcon: React.FC = () => (\n  <svg\n    className=\"icon icon--line\"\n    fill=\"none\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M5.33333 10H14.6667\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAAqBA,CAAA,kBAChCC,IAAA,CAAC;EACCC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAN,IAAA,CAAC;IAAKC,SAAA,EAAU;IAASM,CAAA,EAAE;IAAsBC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/Link/index.js

@@ -1,28 +1,19 @@
-import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const LinkIcon = ()=>/*#__PURE__*/ _jsxDEV("svg", {
-        "aria-hidden": "true",
-        className: "graphic link icon icon--link",
-        fill: "none",
-        focusable: "false",
-        height: "20",
-        viewBox: "0 0 20 20",
-        width: "20",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsxDEV("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"
-        }, void 0, false, {
-            fileName: "src/icons/Link/index.tsx",
-            lineNumber: 16,
-            columnNumber: 5
-        }, this)
-    }, void 0, false, {
-        fileName: "src/icons/Link/index.tsx",
-        lineNumber: 6,
-        columnNumber: 3
-    }, this);
-
+export const LinkIcon = () => /*#__PURE__*/_jsx("svg", {
+  "aria-hidden": "true",
+  className: "graphic link icon icon--link",
+  fill: "none",
+  focusable: "false",
+  height: "20",
+  viewBox: "0 0 20 20",
+  width: "20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M7.99999 13.3333H6.66666C5.78261 13.3333 4.93476 12.9821 4.30964 12.357C3.68452 11.7319 3.33333 10.884 3.33333 9.99999C3.33333 9.11593 3.68452 8.26809 4.30964 7.64297C4.93476 7.01785 5.78261 6.66666 6.66666 6.66666H7.99999M12 6.66666H13.3333C14.2174 6.66666 15.0652 7.01785 15.6904 7.64297C16.3155 8.26809 16.6667 9.11593 16.6667 9.99999C16.6667 10.884 16.3155 11.7319 15.6904 12.357C15.0652 12.9821 14.2174 13.3333 13.3333 13.3333H12M7.33333 9.99999H12.6667",
+    strokeLinecap: "square"
+  })
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Link/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LinkIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic link icon icon--link\"\n    fill=\"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,QAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,QAAO;QACPC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAEN,cAAA,QAACC;YACCP,WAAU;YACVQ,GAAE;YACFC,eAAc;;;;;;;;;;aAGnB"}
+{"version":3,"file":"index.js","names":["React","LinkIcon","_jsx","className","fill","focusable","height","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Link/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const LinkIcon: React.FC = () => (\n  <svg\n    aria-hidden=\"true\"\n    className=\"graphic link icon icon--link\"\n    fill=\"none\"\n    focusable=\"false\"\n    height=\"20\"\n    viewBox=\"0 0 20 20\"\n    width=\"20\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      className=\"stroke\"\n      d=\"M7.99999 13.3333H6.66666C5.78261 13.3333 4.93476 12.9821 4.30964 12.357C3.68452 11.7319 3.33333 10.884 3.33333 9.99999C3.33333 9.11593 3.68452 8.26809 4.30964 7.64297C4.93476 7.01785 5.78261 6.66666 6.66666 6.66666H7.99999M12 6.66666H13.3333C14.2174 6.66666 15.0652 7.01785 15.6904 7.64297C16.3155 8.26809 16.6667 9.11593 16.6667 9.99999C16.6667 10.884 16.3155 11.7319 15.6904 12.357C15.0652 12.9821 14.2174 13.3333 13.3333 13.3333H12M7.33333 9.99999H12.6667\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAAqBA,CAAA,kBAChCC,IAAA,CAAC;EACC,eAAY;EACZC,SAAA,EAAU;EACVC,IAAA,EAAK;EACLC,SAAA,EAAU;EACVC,MAAA,EAAO;EACPC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAP,IAAA,CAAC;IACCC,SAAA,EAAU;IACVO,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}