@payloadcms/ui 3.0.0-canary.ef0a8d0 → 3.0.0-canary.f13d413

package/dist/forms/useField/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/forms/useField/types.ts"],"sourcesContent":["import type { ClientValidate, FieldPermissions, FilterOptionsResult, Row } from 'payload'\n\nexport type Options = {\n  disableFormData?: boolean\n  hasRows?: boolean\n  /**\n   * If you do not provide a `path` or a `name`, this hook will look for one using the `useFieldPath` hook.\n   **/\n  path?: string\n  validate?: ClientValidate\n}\n\nexport type FieldType<T> = {\n  errorMessage?: string\n  errorPaths?: string[]\n  filterOptions?: FilterOptionsResult\n  formInitializing: boolean\n  formProcessing: boolean\n  formSubmitted: boolean\n  initialValue?: T\n  path: string\n  permissions: FieldPermissions\n  readOnly?: boolean\n  rows?: Row[]\n  schemaPath: string\n  setValue: (val: unknown, disableModifyingForm?: boolean) => void\n  showError: boolean\n  valid?: boolean\n  value: T\n}\n"],"names":[],"mappings":"AAYA,WAiBC"}
+{"version":3,"sources":["../../../src/forms/useField/types.ts"],"sourcesContent":["import type { FieldPermissions, FilterOptionsResult, Row, Validate } from 'payload'\n\nexport type Options = {\n  disableFormData?: boolean\n  hasRows?: boolean\n  /**\n   * If you do not provide a `path` or a `name`, this hook will look for one using the `useFieldPath` hook.\n   **/\n  path?: string\n  validate?: Validate\n}\n\nexport type FieldType<T> = {\n  errorMessage?: string\n  errorPaths?: string[]\n  filterOptions?: FilterOptionsResult\n  formInitializing: boolean\n  formProcessing: boolean\n  formSubmitted: boolean\n  initialValue?: T\n  path: string\n  permissions: FieldPermissions\n  readOnly?: boolean\n  rows?: Row[]\n  schemaPath: string\n  setValue: (val: unknown, disableModifyingForm?: boolean) => void\n  showError: boolean\n  valid?: boolean\n  value: T\n}\n"],"names":[],"mappings":"AAYA,WAiBC"}

package/dist/graphics/Account/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Account/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,OAAO,yBAiBnB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/graphics/Account/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAQzB,eAAO,MAAM,OAAO,yBAenB,CAAA"}

package/dist/graphics/Account/index.js

@@ -4,13 +4,17 @@ import { usePathname } from 'next/navigation.js';
 import React from 'react';
 import { useAuth } from '../../providers/Auth/index.js';
 import { useConfig } from '../../providers/Config/index.js';
+import { formatAdminURL } from '../../utilities/formatAdminURL.js';
 import { DefaultAccountIcon } from './Default/index.js';
 import { GravatarAccountIcon } from './Gravatar/index.js';
 export const Account = ()=>{
     const { admin: { avatar: Avatar }, admin: { routes: { account: accountRoute } }, routes: { admin: adminRoute } } = useConfig();
     const { user } = useAuth();
     const pathname = usePathname();
-    const isOnAccountPage = pathname === `${adminRoute}${accountRoute}`;
+    const isOnAccountPage = pathname === formatAdminURL({
+        adminRoute,
+        path: accountRoute
+    });
     if (!user?.email || Avatar === 'default') return /*#__PURE__*/ _jsx(DefaultAccountIcon, {
         active: isOnAccountPage
     });

package/dist/graphics/Account/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/graphics/Account/index.tsx"],"sourcesContent":["'use client'\nimport { usePathname } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { DefaultAccountIcon } from './Default/index.js'\nimport { GravatarAccountIcon } from './Gravatar/index.js'\n\nexport const Account = () => {\n  const {\n    admin: { avatar: Avatar },\n    admin: {\n      routes: { account: accountRoute },\n    },\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  const { user } = useAuth()\n  const pathname = usePathname()\n\n  const isOnAccountPage = pathname === `${adminRoute}${accountRoute}`\n\n  if (!user?.email || Avatar === 'default') return <DefaultAccountIcon active={isOnAccountPage} />\n  if (Avatar === 'gravatar') return <GravatarAccountIcon />\n  if (Avatar) return <Avatar active={isOnAccountPage} />\n}\n"],"names":["usePathname","React","useAuth","useConfig","DefaultAccountIcon","GravatarAccountIcon","Account","admin","avatar","Avatar","routes","account","accountRoute","adminRoute","user","pathname","isOnAccountPage","email","active"],"mappings":"AAAA;;AACA,SAASA,WAAW,QAAQ,qBAAoB;AAChD,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,kBAAkB,QAAQ,qBAAoB;AACvD,SAASC,mBAAmB,QAAQ,sBAAqB;AAEzD,OAAO,MAAMC,UAAU;IACrB,MAAM,EACJC,OAAO,EAAEC,QAAQC,MAAM,EAAE,EACzBF,OAAO,EACLG,QAAQ,EAAEC,SAASC,YAAY,EAAE,EAClC,EACDF,QAAQ,EAAEH,OAAOM,UAAU,EAAE,EAC9B,GAAGV;IAEJ,MAAM,EAAEW,IAAI,EAAE,GAAGZ;IACjB,MAAMa,WAAWf;IAEjB,MAAMgB,kBAAkBD,aAAa,CAAC,EAAEF,WAAW,EAAED,aAAa,CAAC;IAEnE,IAAI,CAACE,MAAMG,SAASR,WAAW,WAAW,qBAAO,KAACL;QAAmBc,QAAQF;;IAC7E,IAAIP,WAAW,YAAY,qBAAO,KAACJ;IACnC,IAAII,QAAQ,qBAAO,KAACA;QAAOS,QAAQF;;AACrC,EAAC"}
+{"version":3,"sources":["../../../src/graphics/Account/index.tsx"],"sourcesContent":["'use client'\nimport { usePathname } from 'next/navigation.js'\nimport React from 'react'\n\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useConfig } from '../../providers/Config/index.js'\nimport { formatAdminURL } from '../../utilities/formatAdminURL.js'\nimport { DefaultAccountIcon } from './Default/index.js'\nimport { GravatarAccountIcon } from './Gravatar/index.js'\n\nexport const Account = () => {\n  const {\n    admin: { avatar: Avatar },\n    admin: {\n      routes: { account: accountRoute },\n    },\n    routes: { admin: adminRoute },\n  } = useConfig()\n\n  const { user } = useAuth()\n  const pathname = usePathname()\n  const isOnAccountPage = pathname === formatAdminURL({ adminRoute, path: accountRoute })\n  if (!user?.email || Avatar === 'default') return <DefaultAccountIcon active={isOnAccountPage} />\n  if (Avatar === 'gravatar') return <GravatarAccountIcon />\n  if (Avatar) return <Avatar active={isOnAccountPage} />\n}\n"],"names":["usePathname","React","useAuth","useConfig","formatAdminURL","DefaultAccountIcon","GravatarAccountIcon","Account","admin","avatar","Avatar","routes","account","accountRoute","adminRoute","user","pathname","isOnAccountPage","path","email","active"],"mappings":"AAAA;;AACA,SAASA,WAAW,QAAQ,qBAAoB;AAChD,OAAOC,WAAW,QAAO;AAEzB,SAASC,OAAO,QAAQ,gCAA+B;AACvD,SAASC,SAAS,QAAQ,kCAAiC;AAC3D,SAASC,cAAc,QAAQ,oCAAmC;AAClE,SAASC,kBAAkB,QAAQ,qBAAoB;AACvD,SAASC,mBAAmB,QAAQ,sBAAqB;AAEzD,OAAO,MAAMC,UAAU;IACrB,MAAM,EACJC,OAAO,EAAEC,QAAQC,MAAM,EAAE,EACzBF,OAAO,EACLG,QAAQ,EAAEC,SAASC,YAAY,EAAE,EAClC,EACDF,QAAQ,EAAEH,OAAOM,UAAU,EAAE,EAC9B,GAAGX;IAEJ,MAAM,EAAEY,IAAI,EAAE,GAAGb;IACjB,MAAMc,WAAWhB;IACjB,MAAMiB,kBAAkBD,aAAaZ,eAAe;QAAEU;QAAYI,MAAML;IAAa;IACrF,IAAI,CAACE,MAAMI,SAAST,WAAW,WAAW,qBAAO,KAACL;QAAmBe,QAAQH;;IAC7E,IAAIP,WAAW,YAAY,qBAAO,KAACJ;IACnC,IAAII,QAAQ,qBAAO,KAACA;QAAOU,QAAQH;;AACrC,EAAC"}

package/dist/hooks/usePayloadAPI.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePayloadAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/usePayloadAPI.ts"],"names":[],"mappings":"AAQA,KAAK,MAAM,GAAG;IACZ;QACE,IAAI,EAAE,GAAG,CAAA;QACT,OAAO,EAAE,OAAO,CAAA;QAChB,SAAS,EAAE,OAAO,CAAA;KACnB;IACD;QACE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;KACnC;CACF,CAAA;AAED,KAAK,OAAO,GAAG;IACb,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,MAAM,CAAA;AAE/D,eAAO,MAAM,aAAa,EAAE,aA6E3B,CAAA"}
+{"version":3,"file":"usePayloadAPI.d.ts","sourceRoot":"","sources":["../../src/hooks/usePayloadAPI.ts"],"names":[],"mappings":"AAQA,KAAK,MAAM,GAAG;IACZ;QACE,IAAI,EAAE,GAAG,CAAA;QACT,OAAO,EAAE,OAAO,CAAA;QAChB,SAAS,EAAE,OAAO,CAAA;KACnB;IACD;QACE,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAA;KACnC;CACF,CAAA;AAED,KAAK,OAAO,GAAG;IACb,WAAW,CAAC,EAAE,GAAG,CAAA;IACjB,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,KAAK,aAAa,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,KAAK,MAAM,CAAA;AAE/D,eAAO,MAAM,aAAa,EAAE,aAiF3B,CAAA"}

package/dist/hooks/usePayloadAPI.js

@@ -56,7 +56,11 @@ export const usePayloadAPI = (url, options = {})=>{
             setIsLoading(false);
         }
         return ()=>{
-            abortController.abort();
+            try {
+                abortController.abort();
+            } catch (error) {
+            // swallow error
+            }
         };
     }, [
         url,

package/dist/hooks/usePayloadAPI.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/hooks/usePayloadAPI.ts"],"sourcesContent":["'use client'\nimport * as qs from 'qs-esm'\nimport { useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../providers/Locale/index.js'\nimport { useTranslation } from '../providers/Translation/index.js'\nimport { requests } from '../utilities/api.js'\n\ntype Result = [\n  {\n    data: any\n    isError: boolean\n    isLoading: boolean\n  },\n  {\n    setParams: React.Dispatch<unknown>\n  },\n]\n\ntype Options = {\n  initialData?: any\n  initialParams?: unknown\n}\n\ntype UsePayloadAPI = (url: string, options?: Options) => Result\n\nexport const usePayloadAPI: UsePayloadAPI = (url, options = {}) => {\n  const { initialData, initialParams = {} } = options\n\n  const { i18n } = useTranslation()\n  const [data, setData] = useState(initialData || {})\n  const [params, setParams] = useState(initialParams)\n  const [isLoading, setIsLoading] = useState(!initialData)\n  const [isError, setIsError] = useState(false)\n  const { code: locale } = useLocale()\n  const hasInitialized = useRef(false)\n\n  const search = qs.stringify(\n    {\n      locale,\n      ...(typeof params === 'object' ? params : {}),\n    },\n    {\n      addQueryPrefix: true,\n    },\n  )\n\n  // If `initialData`, no need to make a request\n  useEffect(() => {\n    if (initialData && !hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    const abortController = new AbortController()\n\n    const fetchData = async () => {\n      setIsError(false)\n      setIsLoading(true)\n\n      try {\n        const response = await requests.get(`${url}${search}`, {\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          signal: abortController.signal,\n        })\n\n        if (response.status > 201) {\n          setIsError(true)\n        }\n\n        const json = await response.json()\n        setData(json)\n        setIsLoading(false)\n      } catch (error) {\n        if (!abortController.signal.aborted) {\n          setIsError(true)\n          setIsLoading(false)\n        }\n      }\n    }\n\n    if (url) {\n      void fetchData()\n    } else {\n      setIsError(false)\n      setIsLoading(false)\n    }\n\n    return () => {\n      abortController.abort()\n    }\n  }, [url, locale, search, i18n.language, initialData])\n\n  // If `initialData` changes, reset the state\n  useEffect(() => {\n    if (initialData && hasInitialized.current) {\n      setData(initialData)\n    }\n  }, [initialData])\n\n  return [{ data, isError, isLoading }, { setParams }]\n}\n"],"names":["qs","useEffect","useRef","useState","useLocale","useTranslation","requests","usePayloadAPI","url","options","initialData","initialParams","i18n","data","setData","params","setParams","isLoading","setIsLoading","isError","setIsError","code","locale","hasInitialized","search","stringify","addQueryPrefix","current","abortController","AbortController","fetchData","response","get","headers","language","signal","status","json","error","aborted","abort"],"mappings":"AAAA;AACA,YAAYA,QAAQ,SAAQ;AAC5B,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAEnD,SAASC,SAAS,QAAQ,+BAA8B;AACxD,SAASC,cAAc,QAAQ,oCAAmC;AAClE,SAASC,QAAQ,QAAQ,sBAAqB;AAoB9C,OAAO,MAAMC,gBAA+B,CAACC,KAAKC,UAAU,CAAC,CAAC;IAC5D,MAAM,EAAEC,WAAW,EAAEC,gBAAgB,CAAC,CAAC,EAAE,GAAGF;IAE5C,MAAM,EAAEG,IAAI,EAAE,GAAGP;IACjB,MAAM,CAACQ,MAAMC,QAAQ,GAAGX,SAASO,eAAe,CAAC;IACjD,MAAM,CAACK,QAAQC,UAAU,GAAGb,SAASQ;IACrC,MAAM,CAACM,WAAWC,aAAa,GAAGf,SAAS,CAACO;IAC5C,MAAM,CAACS,SAASC,WAAW,GAAGjB,SAAS;IACvC,MAAM,EAAEkB,MAAMC,MAAM,EAAE,GAAGlB;IACzB,MAAMmB,iBAAiBrB,OAAO;IAE9B,MAAMsB,SAASxB,GAAGyB,SAAS,CACzB;QACEH;QACA,GAAI,OAAOP,WAAW,WAAWA,SAAS,CAAC,CAAC;IAC9C,GACA;QACEW,gBAAgB;IAClB;IAGF,8CAA8C;IAC9CzB,UAAU;QACR,IAAIS,eAAe,CAACa,eAAeI,OAAO,EAAE;YAC1CJ,eAAeI,OAAO,GAAG;YACzB;QACF;QAEA,MAAMC,kBAAkB,IAAIC;QAE5B,MAAMC,YAAY;YAChBV,WAAW;YACXF,aAAa;YAEb,IAAI;gBACF,MAAMa,WAAW,MAAMzB,SAAS0B,GAAG,CAAC,CAAC,EAAExB,IAAI,EAAEgB,OAAO,CAAC,EAAE;oBACrDS,SAAS;wBACP,mBAAmBrB,KAAKsB,QAAQ;oBAClC;oBACAC,QAAQP,gBAAgBO,MAAM;gBAChC;gBAEA,IAAIJ,SAASK,MAAM,GAAG,KAAK;oBACzBhB,WAAW;gBACb;gBAEA,MAAMiB,OAAO,MAAMN,SAASM,IAAI;gBAChCvB,QAAQuB;gBACRnB,aAAa;YACf,EAAE,OAAOoB,OAAO;gBACd,IAAI,CAACV,gBAAgBO,MAAM,CAACI,OAAO,EAAE;oBACnCnB,WAAW;oBACXF,aAAa;gBACf;YACF;QACF;QAEA,IAAIV,KAAK;YACP,KAAKsB;QACP,OAAO;YACLV,WAAW;YACXF,aAAa;QACf;QAEA,OAAO;YACLU,gBAAgBY,KAAK;QACvB;IACF,GAAG;QAAChC;QAAKc;QAAQE;QAAQZ,KAAKsB,QAAQ;QAAExB;KAAY;IAEpD,4CAA4C;IAC5CT,UAAU;QACR,IAAIS,eAAea,eAAeI,OAAO,EAAE;YACzCb,QAAQJ;QACV;IACF,GAAG;QAACA;KAAY;IAEhB,OAAO;QAAC;YAAEG;YAAMM;YAASF;QAAU;QAAG;YAAED;QAAU;KAAE;AACtD,EAAC"}
+{"version":3,"sources":["../../src/hooks/usePayloadAPI.ts"],"sourcesContent":["'use client'\nimport * as qs from 'qs-esm'\nimport { useEffect, useRef, useState } from 'react'\n\nimport { useLocale } from '../providers/Locale/index.js'\nimport { useTranslation } from '../providers/Translation/index.js'\nimport { requests } from '../utilities/api.js'\n\ntype Result = [\n  {\n    data: any\n    isError: boolean\n    isLoading: boolean\n  },\n  {\n    setParams: React.Dispatch<unknown>\n  },\n]\n\ntype Options = {\n  initialData?: any\n  initialParams?: unknown\n}\n\ntype UsePayloadAPI = (url: string, options?: Options) => Result\n\nexport const usePayloadAPI: UsePayloadAPI = (url, options = {}) => {\n  const { initialData, initialParams = {} } = options\n\n  const { i18n } = useTranslation()\n  const [data, setData] = useState(initialData || {})\n  const [params, setParams] = useState(initialParams)\n  const [isLoading, setIsLoading] = useState(!initialData)\n  const [isError, setIsError] = useState(false)\n  const { code: locale } = useLocale()\n  const hasInitialized = useRef(false)\n\n  const search = qs.stringify(\n    {\n      locale,\n      ...(typeof params === 'object' ? params : {}),\n    },\n    {\n      addQueryPrefix: true,\n    },\n  )\n\n  // If `initialData`, no need to make a request\n  useEffect(() => {\n    if (initialData && !hasInitialized.current) {\n      hasInitialized.current = true\n      return\n    }\n\n    const abortController = new AbortController()\n\n    const fetchData = async () => {\n      setIsError(false)\n      setIsLoading(true)\n\n      try {\n        const response = await requests.get(`${url}${search}`, {\n          headers: {\n            'Accept-Language': i18n.language,\n          },\n          signal: abortController.signal,\n        })\n\n        if (response.status > 201) {\n          setIsError(true)\n        }\n\n        const json = await response.json()\n        setData(json)\n        setIsLoading(false)\n      } catch (error) {\n        if (!abortController.signal.aborted) {\n          setIsError(true)\n          setIsLoading(false)\n        }\n      }\n    }\n\n    if (url) {\n      void fetchData()\n    } else {\n      setIsError(false)\n      setIsLoading(false)\n    }\n\n    return () => {\n      try {\n        abortController.abort()\n      } catch (error) {\n        // swallow error\n      }\n    }\n  }, [url, locale, search, i18n.language, initialData])\n\n  // If `initialData` changes, reset the state\n  useEffect(() => {\n    if (initialData && hasInitialized.current) {\n      setData(initialData)\n    }\n  }, [initialData])\n\n  return [{ data, isError, isLoading }, { setParams }]\n}\n"],"names":["qs","useEffect","useRef","useState","useLocale","useTranslation","requests","usePayloadAPI","url","options","initialData","initialParams","i18n","data","setData","params","setParams","isLoading","setIsLoading","isError","setIsError","code","locale","hasInitialized","search","stringify","addQueryPrefix","current","abortController","AbortController","fetchData","response","get","headers","language","signal","status","json","error","aborted","abort"],"mappings":"AAAA;AACA,YAAYA,QAAQ,SAAQ;AAC5B,SAASC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,QAAO;AAEnD,SAASC,SAAS,QAAQ,+BAA8B;AACxD,SAASC,cAAc,QAAQ,oCAAmC;AAClE,SAASC,QAAQ,QAAQ,sBAAqB;AAoB9C,OAAO,MAAMC,gBAA+B,CAACC,KAAKC,UAAU,CAAC,CAAC;IAC5D,MAAM,EAAEC,WAAW,EAAEC,gBAAgB,CAAC,CAAC,EAAE,GAAGF;IAE5C,MAAM,EAAEG,IAAI,EAAE,GAAGP;IACjB,MAAM,CAACQ,MAAMC,QAAQ,GAAGX,SAASO,eAAe,CAAC;IACjD,MAAM,CAACK,QAAQC,UAAU,GAAGb,SAASQ;IACrC,MAAM,CAACM,WAAWC,aAAa,GAAGf,SAAS,CAACO;IAC5C,MAAM,CAACS,SAASC,WAAW,GAAGjB,SAAS;IACvC,MAAM,EAAEkB,MAAMC,MAAM,EAAE,GAAGlB;IACzB,MAAMmB,iBAAiBrB,OAAO;IAE9B,MAAMsB,SAASxB,GAAGyB,SAAS,CACzB;QACEH;QACA,GAAI,OAAOP,WAAW,WAAWA,SAAS,CAAC,CAAC;IAC9C,GACA;QACEW,gBAAgB;IAClB;IAGF,8CAA8C;IAC9CzB,UAAU;QACR,IAAIS,eAAe,CAACa,eAAeI,OAAO,EAAE;YAC1CJ,eAAeI,OAAO,GAAG;YACzB;QACF;QAEA,MAAMC,kBAAkB,IAAIC;QAE5B,MAAMC,YAAY;YAChBV,WAAW;YACXF,aAAa;YAEb,IAAI;gBACF,MAAMa,WAAW,MAAMzB,SAAS0B,GAAG,CAAC,CAAC,EAAExB,IAAI,EAAEgB,OAAO,CAAC,EAAE;oBACrDS,SAAS;wBACP,mBAAmBrB,KAAKsB,QAAQ;oBAClC;oBACAC,QAAQP,gBAAgBO,MAAM;gBAChC;gBAEA,IAAIJ,SAASK,MAAM,GAAG,KAAK;oBACzBhB,WAAW;gBACb;gBAEA,MAAMiB,OAAO,MAAMN,SAASM,IAAI;gBAChCvB,QAAQuB;gBACRnB,aAAa;YACf,EAAE,OAAOoB,OAAO;gBACd,IAAI,CAACV,gBAAgBO,MAAM,CAACI,OAAO,EAAE;oBACnCnB,WAAW;oBACXF,aAAa;gBACf;YACF;QACF;QAEA,IAAIV,KAAK;YACP,KAAKsB;QACP,OAAO;YACLV,WAAW;YACXF,aAAa;QACf;QAEA,OAAO;YACL,IAAI;gBACFU,gBAAgBY,KAAK;YACvB,EAAE,OAAOF,OAAO;YACd,gBAAgB;YAClB;QACF;IACF,GAAG;QAAC9B;QAAKc;QAAQE;QAAQZ,KAAKsB,QAAQ;QAAExB;KAAY;IAEpD,4CAA4C;IAC5CT,UAAU;QACR,IAAIS,eAAea,eAAeI,OAAO,EAAE;YACzCb,QAAQJ;QACV;IACF,GAAG;QAACA;KAAY;IAEhB,OAAO;QAAC;YAAEG;YAAMM;YAASF;QAAU;QAAG;YAAED;QAAU;KAAE;AACtD,EAAC"}

package/dist/hooks/useUseAsTitle.d.ts

@@ -1,4 +1,3 @@
-import type { ClientCollectionConfig } from 'payload';
-import type { FieldMap, MappedField } from '../providers/ComponentMap/buildComponentMap/types.js';
+import type { ClientCollectionConfig, FieldMap, MappedField } from 'payload';
 export declare const useUseTitleField: (collection: ClientCollectionConfig, fieldMap: FieldMap) => MappedField;
 //# sourceMappingURL=useUseAsTitle.d.ts.map

package/dist/hooks/useUseAsTitle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUseAsTitle.d.ts","sourceRoot":"","sources":["../../src/hooks/useUseAsTitle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,KAAK,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,sDAAsD,CAAA;AAIjG,eAAO,MAAM,gBAAgB,eACf,sBAAsB,YACxB,QAAQ,KACjB,WAOF,CAAA"}
+{"version":3,"file":"useUseAsTitle.d.ts","sourceRoot":"","sources":["../../src/hooks/useUseAsTitle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAI5E,eAAO,MAAM,gBAAgB,eACf,sBAAsB,YACxB,QAAQ,KACjB,WAOF,CAAA"}

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,"sources":["../../src/hooks/useUseAsTitle.ts"],"sourcesContent":["import type { ClientCollectionConfig, FieldMap, MappedField } from 'payload'\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":"AAEA,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"}

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,15 @@
-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", {
+export const CalendarIcon = ()=>/*#__PURE__*/ _jsx("svg", {
         className: "icon icon--calendar",
-        viewBox: "0 0 25 25",
+        viewBox: "0 0 20 20",
         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"
-            })
-        ]
+        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,"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"],"names":["React","CalendarIcon","svg","className","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,eAAyB,kBACpC,KAACC;QAAIC,WAAU;QAAsBC,SAAQ;QAAYC,OAAM;kBAC7D,cAAA,KAACC;YACCH,WAAU;YACVI,GAAE;YACFC,eAAc;;OAGnB"}

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,15 @@
-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", {
+export const CheckIcon = ()=>/*#__PURE__*/ _jsx("svg", {
         className: "icon icon--check",
-        viewBox: "0 0 25 25",
+        viewBox: "0 0 20 20",
         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"
-            })
-        ]
+        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,"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"],"names":["React","CheckIcon","svg","className","viewBox","xmlns","path","d","strokeLinecap"],"mappings":";AAAA,OAAOA,WAAW,QAAO;AAEzB,OAAO,eAAc;AAErB,OAAO,MAAMC,YAAsB,kBACjC,KAACC;QAAIC,WAAU;QAAmBC,SAAQ;QAAYC,OAAM;kBAC1D,cAAA,KAACC;YACCH,WAAU;YACVI,GAAE;YACFC,eAAc;;OAGnB"}

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

@@ -7,16 +7,17 @@ export const ChevronIcon = ({ className, direction, size })=>/*#__PURE__*/ _jsx(
             className,
             size && `icon--size-${size}`
         ].filter(Boolean).join(' '),
-        height: "100%",
+        height: 20,
         style: {
             transform: direction === 'left' ? 'rotate(90deg)' : direction === 'right' ? 'rotate(-90deg)' : direction === 'up' ? 'rotate(180deg)' : undefined
         },
-        viewBox: "0 0 9 7",
-        width: "100%",
+        viewBox: "0 0 20 20",
+        width: 20,
         xmlns: "http://www.w3.org/2000/svg",
         children: /*#__PURE__*/ _jsx("path", {
             className: "stroke",
-            d: "M1.42871 1.5332L4.42707 4.96177L7.42543 1.5332"
+            d: "M6 9L10 13L14 9",
+            strokeLinecap: "square"
         })
     });
 

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,"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={20}\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 20 20\"\n    width={20}\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path className=\"stroke\" d=\"M6 9L10 13L14 9\" strokeLinecap=\"square\" />\n  </svg>\n)\n"],"names":["React","ChevronIcon","className","direction","size","svg","filter","Boolean","join","height","style","transform","undefined","viewBox","width","xmlns","path","d","strokeLinecap"],"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,QAAQ;QACRC,OAAO;YACLC,WACER,cAAc,SACV,kBACAA,cAAc,UACZ,mBACAA,cAAc,OACZ,mBACAS;QACZ;QACAC,SAAQ;QACRC,OAAO;QACPC,OAAM;kBAEN,cAAA,KAACC;YAAKd,WAAU;YAASe,GAAE;YAAkBC,eAAc;;OAE9D"}

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.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,15 @@
-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", {
+export const CloseMenuIcon = ()=>/*#__PURE__*/ _jsx("svg", {
         className: "icon icon--close-menu",
-        fill: "none",
-        viewBox: "0 0 25 25",
+        viewBox: "0 0 20 20",
         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"
-            })
-        ]
+        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,"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

@@ -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,16 @@
-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", {
+export const CodeBlockIcon = ()=>/*#__PURE__*/ _jsx("svg", {
         "aria-hidden": "true",
         className: "graphic code-block-icon",
-        fill: "currentColor",
         focusable: "false",
-        viewBox: "0 0 24 24",
+        viewBox: "0 0 20 20",
         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"
-            })
-        ]
+        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,"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.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,19 @@
-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", {
+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",
+        viewBox: "0 0 20 20",
         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"
-            })
-        ]
+        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,"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.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

@@ -6,44 +6,38 @@ export const DragHandleIcon = ({ className })=>/*#__PURE__*/ _jsxs("svg", {
             'icon icon--drag-handle',
             className
         ].filter(Boolean).join(' '),
-        viewBox: "0 0 25 25",
+        viewBox: "0 0 20 20",
         xmlns: "http://www.w3.org/2000/svg",
         children: [
-            /*#__PURE__*/ _jsx("circle", {
+            /*#__PURE__*/ _jsx("path", {
                 className: "fill",
-                cx: "10.468",
-                cy: "14.5",
-                r: "1"
+                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("circle", {
+            /*#__PURE__*/ _jsx("path", {
                 className: "fill",
-                cx: "14.532",
-                cy: "14.5",
-                r: "1"
+                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("circle", {
+            /*#__PURE__*/ _jsx("path", {
                 className: "fill",
-                cx: "10.468",
-                cy: "11.35",
-                r: "1"
+                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("circle", {
+            /*#__PURE__*/ _jsx("path", {
                 className: "fill",
-                cx: "14.532",
-                cy: "11.35",
-                r: "1"
+                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("circle", {
+            /*#__PURE__*/ _jsx("path", {
                 className: "fill",
-                cx: "10.468",
-                cy: "8.3",
-                r: "1"
+                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("circle", {
+            /*#__PURE__*/ _jsx("path", {
                 className: "fill",
-                cx: "14.532",
-                cy: "8.3",
-                r: "1"
+                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"
             })
         ]
     });

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