@payloadcms/ui 3.0.0-canary.a0b06af → 3.0.0-canary.a5aaf21

package/dist/hooks/useUseAsTitle.js

@@ -1,8 +1,13 @@
+'use client';
+
 import { flattenFieldMap } from '../utilities/flattenFieldMap.js';
-export const useUseTitleField = (collection, fieldMap)=>{
-    const { admin: { useAsTitle } } = collection;
-    const topLevelFields = flattenFieldMap(fieldMap);
-    return topLevelFields.find((field)=>field.name === useAsTitle);
+export const useUseTitleField = (collection, fields) => {
+  const {
+    admin: {
+      useAsTitle
+    }
+  } = collection;
+  const topLevelFields = flattenFieldMap(fields);
+  return topLevelFields.find(field => 'name' in field && field.name === useAsTitle);
 };
-
 //# sourceMappingURL=useUseAsTitle.js.map

package/dist/hooks/useUseAsTitle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/useUseAsTitle.ts"],"sourcesContent":["import type { ClientCollectionConfig } from 'payload'\n\nimport type { FieldMap, MappedField } from '../providers/ComponentMap/buildComponentMap/types.js'\n\nimport { flattenFieldMap } from '../utilities/flattenFieldMap.js'\n\nexport const useUseTitleField = (\n  collection: ClientCollectionConfig,\n  fieldMap: FieldMap,\n): MappedField => {\n  const {\n    admin: { useAsTitle },\n  } = collection\n\n  const topLevelFields = flattenFieldMap(fieldMap)\n  return topLevelFields.find((field) => field.name === useAsTitle)\n}\n"],"names":["flattenFieldMap","useUseTitleField","collection","fieldMap","admin","useAsTitle","topLevelFields","find","field","name"],"mappings":"AAIA,SAASA,eAAe,QAAQ,kCAAiC;AAEjE,OAAO,MAAMC,mBAAmB,CAC9BC,YACAC;IAEA,MAAM,EACJC,OAAO,EAAEC,UAAU,EAAE,EACtB,GAAGH;IAEJ,MAAMI,iBAAiBN,gBAAgBG;IACvC,OAAOG,eAAeC,IAAI,CAAC,CAACC,QAAUA,MAAMC,IAAI,KAAKJ;AACvD,EAAC"}
+{"version":3,"file":"useUseAsTitle.js","names":["flattenFieldMap","useUseTitleField","collection","fields","admin","useAsTitle","topLevelFields","find","field","name"],"sources":["../../src/hooks/useUseAsTitle.ts"],"sourcesContent":["'use client'\nimport type { ClientCollectionConfig, ClientField } from 'payload'\n\nimport { flattenFieldMap } from '../utilities/flattenFieldMap.js'\n\nexport const useUseTitleField = (\n  collection: ClientCollectionConfig,\n  fields: ClientField[],\n): ClientField => {\n  const {\n    admin: { useAsTitle },\n  } = collection\n\n  const topLevelFields = flattenFieldMap(fields)\n  return topLevelFields.find((field) => 'name' in field && field.name === useAsTitle)\n}\n"],"mappings":"AAAA;;AAGA,SAASA,eAAe,QAAQ;AAEhC,OAAO,MAAMC,gBAAA,GAAmBA,CAC9BC,UAAA,EACAC,MAAA;EAEA,MAAM;IACJC,KAAA,EAAO;MAAEC;IAAU;EAAE,CACtB,GAAGH,UAAA;EAEJ,MAAMI,cAAA,GAAiBN,eAAA,CAAgBG,MAAA;EACvC,OAAOG,cAAA,CAAeC,IAAI,CAAEC,KAAA,IAAU,UAAUA,KAAA,IAASA,KAAA,CAAMC,IAAI,KAAKJ,UAAA;AAC1E","ignoreList":[]}

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

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

package/dist/icons/Calendar/index.js

@@ -1,40 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const CalendarIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
-        className: "icon icon--calendar",
-        viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("rect", {
-                className: "stroke",
-                height: "14",
-                width: "16",
-                x: "4.5",
-                y: "6.11401"
-            }),
-            /*#__PURE__*/ _jsx("line", {
-                className: "stroke",
-                x1: "8.625",
-                x2: "8.625",
-                y1: "8.02026",
-                y2: "3.70776"
-            }),
-            /*#__PURE__*/ _jsx("line", {
-                className: "stroke",
-                x1: "16.375",
-                x2: "16.375",
-                y1: "8.02026",
-                y2: "3.70776"
-            }),
-            /*#__PURE__*/ _jsx("line", {
-                className: "stroke",
-                x1: "4.5",
-                x2: "20.5",
-                y1: "11.114",
-                y2: "11.114"
-            })
-        ]
-    });
-
+export const CalendarIcon = () => /*#__PURE__*/_jsx("svg", {
+  className: "icon icon--calendar",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M7.33333 3.33334V6M12.6667 3.33334V6M4 8.66667H16M5.33333 4.66667H14.6667C15.403 4.66667 16 5.26362 16 6V15.3333C16 16.0697 15.403 16.6667 14.6667 16.6667H5.33333C4.59695 16.6667 4 16.0697 4 15.3333V6C4 5.26362 4.59695 4.66667 5.33333 4.66667Z",
+    strokeLinecap: "square"
+  })
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Calendar/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const CalendarIcon: React.FC = () => (\n  <svg className=\"icon icon--calendar\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <rect className=\"stroke\" height=\"14\" width=\"16\" x=\"4.5\" y=\"6.11401\" />\n    <line className=\"stroke\" x1=\"8.625\" x2=\"8.625\" y1=\"8.02026\" y2=\"3.70776\" />\n    <line className=\"stroke\" x1=\"16.375\" x2=\"16.375\" y1=\"8.02026\" y2=\"3.70776\" />\n    <line className=\"stroke\" x1=\"4.5\" x2=\"20.5\" y1=\"11.114\" y2=\"11.114\" />\n  </svg>\n)\n"],"names":["React","CalendarIcon","svg","className","viewBox","xmlns","rect","height","width","x","y","line","x1","x2","y1","y2"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,eAAyB,kBACpC,MAACC;QAAIC,WAAU;QAAsBC,SAAQ;QAAYC,OAAM;;0BAC7D,KAACC;gBAAKH,WAAU;gBAASI,QAAO;gBAAKC,OAAM;gBAAKC,GAAE;gBAAMC,GAAE;;0BAC1D,KAACC;gBAAKR,WAAU;gBAASS,IAAG;gBAAQC,IAAG;gBAAQC,IAAG;gBAAUC,IAAG;;0BAC/D,KAACJ;gBAAKR,WAAU;gBAASS,IAAG;gBAASC,IAAG;gBAASC,IAAG;gBAAUC,IAAG;;0BACjE,KAACJ;gBAAKR,WAAU;gBAASS,IAAG;gBAAMC,IAAG;gBAAOC,IAAG;gBAASC,IAAG;;;OAE9D"}
+{"version":3,"file":"index.js","names":["React","CalendarIcon","_jsx","className","viewBox","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Calendar/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const CalendarIcon: React.FC = () => (\n  <svg className=\"icon icon--calendar\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M7.33333 3.33334V6M12.6667 3.33334V6M4 8.66667H16M5.33333 4.66667H14.6667C15.403 4.66667 16 5.26362 16 6V15.3333C16 16.0697 15.403 16.6667 14.6667 16.6667H5.33333C4.59695 16.6667 4 16.0697 4 15.3333V6C4 5.26362 4.59695 4.66667 5.33333 4.66667Z\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,YAAA,GAAyBA,CAAA,kBACpCC,IAAA,CAAC;EAAIC,SAAA,EAAU;EAAsBC,OAAA,EAAQ;EAAYC,KAAA,EAAM;YAC7D,aAAAH,IAAA,CAAC;IACCC,SAAA,EAAU;IACVG,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/Calendar/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/Check/index.d.ts.map

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

package/dist/icons/Check/index.js

@@ -1,24 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const CheckIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
-        className: "icon icon--check",
-        viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("path", {
-                className: "stroke",
-                d: "M10.6092 16.0192L17.6477 8.98076",
-                strokeLinecap: "square",
-                strokeLinejoin: "bevel"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                className: "stroke",
-                d: "M7.35229 12.7623L10.6092 16.0192",
-                strokeLinecap: "square",
-                strokeLinejoin: "bevel"
-            })
-        ]
-    });
-
+export const CheckIcon = () => /*#__PURE__*/_jsx("svg", {
+  className: "icon icon--check",
+  viewBox: "0 0 20 20",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M15.3333 6.00001L8.00001 13.3333L4.66667 10",
+    strokeLinecap: "square"
+  })
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Check/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const CheckIcon: React.FC = () => (\n  <svg className=\"icon icon--check\" viewBox=\"0 0 25 25\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M10.6092 16.0192L17.6477 8.98076\"\n      strokeLinecap=\"square\"\n      strokeLinejoin=\"bevel\"\n    />\n    <path\n      className=\"stroke\"\n      d=\"M7.35229 12.7623L10.6092 16.0192\"\n      strokeLinecap=\"square\"\n      strokeLinejoin=\"bevel\"\n    />\n  </svg>\n)\n"],"names":["React","CheckIcon","svg","className","viewBox","xmlns","path","d","strokeLinecap","strokeLinejoin"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,YAAsB,kBACjC,MAACC;QAAIC,WAAU;QAAmBC,SAAQ;QAAYC,OAAM;;0BAC1D,KAACC;gBACCH,WAAU;gBACVI,GAAE;gBACFC,eAAc;gBACdC,gBAAe;;0BAEjB,KAACH;gBACCH,WAAU;gBACVI,GAAE;gBACFC,eAAc;gBACdC,gBAAe;;;OAGpB"}
+{"version":3,"file":"index.js","names":["React","CheckIcon","_jsx","className","viewBox","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Check/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const CheckIcon: React.FC = () => (\n  <svg className=\"icon icon--check\" viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\">\n    <path\n      className=\"stroke\"\n      d=\"M15.3333 6.00001L8.00001 13.3333L4.66667 10\"\n      strokeLinecap=\"square\"\n    />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,SAAA,GAAsBA,CAAA,kBACjCC,IAAA,CAAC;EAAIC,SAAA,EAAU;EAAmBC,OAAA,EAAQ;EAAYC,KAAA,EAAM;YAC1D,aAAAH,IAAA,CAAC;IACCC,SAAA,EAAU;IACVG,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/Check/index.scss

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

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

@@ -1,8 +1,8 @@
 import React from 'react';
 import './index.scss';
 export declare const ChevronIcon: React.FC<{
-    className?: string;
-    direction?: 'down' | 'left' | 'right' | 'up';
-    size?: 'large' | 'small';
+    readonly className?: string;
+    readonly direction?: 'down' | 'left' | 'right' | 'up';
+    readonly size?: 'large' | 'small';
 }>;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Chevron/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IAC5C,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CACzB,CAsBA,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/icons/Chevron/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IACjC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;IACrD,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;CAClC,CAsBA,CAAA"}

package/dist/icons/Chevron/index.js

@@ -1,23 +1,23 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const ChevronIcon = ({ className, direction, size })=>/*#__PURE__*/ _jsx("svg", {
-        className: [
-            'icon icon--chevron',
-            className,
-            size && `icon--size-${size}`
-        ].filter(Boolean).join(' '),
-        height: "100%",
-        style: {
-            transform: direction === 'left' ? 'rotate(90deg)' : direction === 'right' ? 'rotate(-90deg)' : direction === 'up' ? 'rotate(180deg)' : undefined
-        },
-        viewBox: "0 0 9 7",
-        width: "100%",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/ _jsx("path", {
-            className: "stroke",
-            d: "M1.42871 1.5332L4.42707 4.96177L7.42543 1.5332"
-        })
-    });
-
+export const ChevronIcon = ({
+  className,
+  direction,
+  size
+}) => /*#__PURE__*/_jsx("svg", {
+  className: ['icon icon--chevron', className, size && `icon--size-${size}`].filter(Boolean).join(' '),
+  height: "100%",
+  style: {
+    transform: direction === 'left' ? 'rotate(90deg)' : direction === 'right' ? 'rotate(-90deg)' : direction === 'up' ? 'rotate(180deg)' : undefined
+  },
+  viewBox: "0 0 22 12",
+  width: "100%",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /*#__PURE__*/_jsx("path", {
+    className: "stroke",
+    d: "M1 1.12109L11 11.1211L21 1.12109",
+    strokeLinecap: "square"
+  })
+});
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/icons/Chevron/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const ChevronIcon: React.FC<{\n  className?: string\n  direction?: 'down' | 'left' | 'right' | 'up'\n  size?: 'large' | 'small'\n}> = ({ className, direction, size }) => (\n  <svg\n    className={['icon icon--chevron', className, size && `icon--size-${size}`]\n      .filter(Boolean)\n      .join(' ')}\n    height=\"100%\"\n    style={{\n      transform:\n        direction === 'left'\n          ? 'rotate(90deg)'\n          : direction === 'right'\n            ? 'rotate(-90deg)'\n            : direction === 'up'\n              ? 'rotate(180deg)'\n              : undefined,\n    }}\n    viewBox=\"0 0 9 7\"\n    width=\"100%\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M1.42871 1.5332L4.42707 4.96177L7.42543 1.5332\" />\n  </svg>\n)\n"],"names":["React","ChevronIcon","className","direction","size","svg","filter","Boolean","join","height","style","transform","undefined","viewBox","width","xmlns","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,cAIR,CAAC,EAAEC,SAAS,EAAEC,SAAS,EAAEC,IAAI,EAAE,iBAClC,KAACC;QACCH,WAAW;YAAC;YAAsBA;YAAWE,QAAQ,CAAC,WAAW,EAAEA,KAAK,CAAC;SAAC,CACvEE,MAAM,CAACC,SACPC,IAAI,CAAC;QACRC,QAAO;QACPC,OAAO;YACLC,WACER,cAAc,SACV,kBACAA,cAAc,UACZ,mBACAA,cAAc,OACZ,mBACAS;QACZ;QACAC,SAAQ;QACRC,OAAM;QACNC,OAAM;kBAEN,cAAA,KAACC;YAAKd,WAAU;YAASe,GAAE;;OAE9B"}
+{"version":3,"file":"index.js","names":["React","ChevronIcon","className","direction","size","_jsx","filter","Boolean","join","height","style","transform","undefined","viewBox","width","xmlns","d","strokeLinecap"],"sources":["../../../src/icons/Chevron/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport './index.scss'\n\nexport const ChevronIcon: React.FC<{\n  readonly className?: string\n  readonly direction?: 'down' | 'left' | 'right' | 'up'\n  readonly size?: 'large' | 'small'\n}> = ({ className, direction, size }) => (\n  <svg\n    className={['icon icon--chevron', className, size && `icon--size-${size}`]\n      .filter(Boolean)\n      .join(' ')}\n    height=\"100%\"\n    style={{\n      transform:\n        direction === 'left'\n          ? 'rotate(90deg)'\n          : direction === 'right'\n            ? 'rotate(-90deg)'\n            : direction === 'up'\n              ? 'rotate(180deg)'\n              : undefined,\n    }}\n    viewBox=\"0 0 22 12\"\n    width=\"100%\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M1 1.12109L11 11.1211L21 1.12109\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,WAAA,GAIRA,CAAC;EAAEC,SAAS;EAAEC,SAAS;EAAEC;AAAI,CAAE,kBAClCC,IAAA,CAAC;EACCH,SAAA,EAAW,CAAC,sBAAsBA,SAAA,EAAWE,IAAA,IAAQ,cAAcA,IAAA,EAAM,CAAC,CACvEE,MAAM,CAACC,OAAA,EACPC,IAAI,CAAC;EACRC,MAAA,EAAO;EACPC,KAAA,EAAO;IACLC,SAAA,EACER,SAAA,KAAc,SACV,kBACAA,SAAA,KAAc,UACZ,mBACAA,SAAA,KAAc,OACZ,mBACAS;EACZ;EACAC,OAAA,EAAQ;EACRC,KAAA,EAAM;EACNC,KAAA,EAAM;YAEN,aAAAV,IAAA,CAAC;IAAKH,SAAA,EAAU;IAASc,CAAA,EAAE;IAAmCC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/Chevron/index.scss

@@ -6,13 +6,18 @@
 
   .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;
   }
 
-  &--size-large {
+  &.icon--size-large {
     height: var(--base);
     width: var(--base);
   }
+
+  &.icon--size-small {
+    height: 8px;
+    width: 8px;
+  }
 }

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,aAAa,EAAE,KAAK,CAAC,EAwBjC,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,29 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const CloseMenuIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
-        className: "icon icon--close-menu",
-        fill: "none",
-        viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("rect", {
-                className: "fill",
-                height: "2",
-                transform: "rotate(-45 5.42896 18.1569)",
-                width: "18",
-                x: "5.42896",
-                y: "18.1569"
-            }),
-            /*#__PURE__*/ _jsx("rect", {
-                className: "fill",
-                height: "2",
-                transform: "rotate(45 6.84314 5.42892)",
-                width: "18",
-                x: "6.84314",
-                y: "5.42892"
-            })
-        ]
-    });
-
+export const CloseMenuIcon = () => /*#__PURE__*/_jsx("svg", {
+  className: "icon icon--close-menu",
+  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 CloseMenuIcon: 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","CloseMenuIcon","svg","className","fill","viewBox","xmlns","rect","height","transform","width","x","y"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,gBAA0B,kBACrC,MAACC;QACCC,WAAU;QACVC,MAAK;QACLC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBACCJ,WAAU;gBACVK,QAAO;gBACPC,WAAU;gBACVC,OAAM;gBACNC,GAAE;gBACFC,GAAE;;0BAEJ,KAACL;gBACCJ,WAAU;gBACVK,QAAO;gBACPC,WAAU;gBACVC,OAAM;gBACNC,GAAE;gBACFC,GAAE;;;OAGP"}
+{"version":3,"file":"index.js","names":["React","CloseMenuIcon","_jsx","className","viewBox","xmlns","d","strokeLinecap"],"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"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,aAAA,GAA0BA,CAAA,kBACrCC,IAAA,CAAC;EAAIC,SAAA,EAAU;EAAwBC,OAAA,EAAQ;EAAYC,KAAA,EAAM;YAC/D,aAAAH,IAAA,CAAC;IAAKC,SAAA,EAAU;IAASG,CAAA,EAAE;IAAuBC,aAAA,EAAc","ignoreList":[]}

package/dist/icons/CloseMenu/index.scss

@@ -4,7 +4,7 @@
   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,22 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
-export const CodeBlockIcon = ()=>/*#__PURE__*/ _jsxs("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",
-        children: [
-            /*#__PURE__*/ _jsx("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__*/ _jsx("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"
-            })
-        ]
-    });
-
+export const CodeBlockIcon = () => /*#__PURE__*/_jsx("svg", {
+  "aria-hidden": "true",
+  className: "graphic code-block-icon",
+  focusable: "false",
+  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"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,MAAMC,gBAA0B,kBACrC,MAACC;QACCC,eAAY;QACZC,WAAU;QACVC,MAAK;QACLC,WAAU;QACVC,SAAQ;QACRC,OAAM;;0BAEN,KAACC;gBACCL,WAAU;gBACVM,GAAE;;0BAEJ,KAACD;gBACCL,WAAU;gBACVM,GAAE;;;OAGP"}
+{"version":3,"file":"index.js","names":["React","CodeBlockIcon","_jsx","className","focusable","viewBox","xmlns","d","strokeLinecap"],"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"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO,MAAMC,aAAA,GAA0BA,CAAA,kBACrCC,IAAA,CAAC;EACC,eAAY;EACZC,SAAA,EAAU;EACVC,SAAA,EAAU;EACVC,OAAA,EAAQ;EACRC,KAAA,EAAM;YAEN,aAAAJ,IAAA,CAAC;IACCC,SAAA,EAAU;IACVI,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}

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,QAAQ,EAAE,KAAK,CAAC,EAK5B,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,23 +1,20 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import './index.scss';
-export const CopyIcon = ()=>/*#__PURE__*/ _jsxs("svg", {
-        className: "icon icon--copy",
-        viewBox: "0 0 25 25",
-        xmlns: "http://www.w3.org/2000/svg",
-        children: [
-            /*#__PURE__*/ _jsx("rect", {
-                className: "stroke",
-                height: "8",
-                width: "8",
-                x: "6.5",
-                y: "10"
-            }),
-            /*#__PURE__*/ _jsx("path", {
-                className: "stroke",
-                d: "M10 9.98438V6.5H18V14.5H14"
-            })
-        ]
-    });
-
+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 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 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)\n"],"names":["React","CopyIcon","svg","className","viewBox","xmlns","rect","height","width","x","y","path","d"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,WAAqB,kBAChC,MAACC;QAAIC,WAAU;QAAkBC,SAAQ;QAAYC,OAAM;;0BACzD,KAACC;gBAAKH,WAAU;gBAASI,QAAO;gBAAIC,OAAM;gBAAIC,GAAE;gBAAMC,GAAE;;0BACxD,KAACC;gBAAKR,WAAU;gBAASS,GAAE;;;OAE9B"}
+{"version":3,"file":"index.js","names":["React","CopyIcon","_jsx","className","viewBox","xmlns","d","strokeLinecap"],"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"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,OAAO;AAEP,OAAO,MAAMC,QAAA,GAAqBA,CAAA;AAChC;AACA;AACA;AACA;;AACAC,IAAA,CAAC;EAAIC,SAAA,EAAU;EAAkBC,OAAA,EAAQ;EAAYC,KAAA,EAAM;YACzD,aAAAH,IAAA,CAAC;IACCC,SAAA,EAAU;IACVG,CAAA,EAAE;IACFC,aAAA,EAAc","ignoreList":[]}

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.map

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

package/dist/icons/DragHandle/index.js

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

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

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

package/dist/icons/DragHandle/index.scss

@@ -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.map

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