@activecollab/components 2.0.304 → 2.0.307

package/dist/esm/components/Filter/Submenu.js

@@ -4,14 +4,12 @@ import { IconButton } from "../IconButton";
 import { ArrowLeftIcon } from "../Icons";
 import { MenuHeader } from "../Menu";
 export const Submenu = _ref => {
-  let {
-    onBack,
-    onHeightChange,
-    style,
-    children,
-    title,
-    indexPage
-  } = _ref;
+  let onBack = _ref.onBack,
+    onHeightChange = _ref.onHeightChange,
+    style = _ref.style,
+    children = _ref.children,
+    title = _ref.title,
+    indexPage = _ref.indexPage;
   const ref = useRef(null);
   const dimensions = useResizeObserver(ref);
   const height = dimensions == null ? void 0 : dimensions.height;

package/dist/esm/components/Filter/Submenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Submenu.js","names":["React","useRef","useEffect","useResizeObserver","IconButton","ArrowLeftIcon","MenuHeader","Submenu","_ref","onBack","onHeightChange","style","children","title","indexPage","ref","dimensions","height","createElement","leftElement","onClick","variant","size"],"sources":["../../../../src/components/Filter/Submenu.tsx"],"sourcesContent":["import React, { useRef, FC, HTMLAttributes, useEffect } from \"react\";\n\nimport { useResizeObserver } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport { ArrowLeftIcon } from \"../Icons\";\nimport { MenuHeader } from \"../Menu\";\n\ninterface SubmenuProps {\n  title: string;\n  onBack: () => void;\n  onHeightChange?: (height: number) => void;\n  indexPage?: boolean;\n}\n\nexport const Submenu: FC<SubmenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  onBack,\n  onHeightChange,\n  style,\n  children,\n  title,\n  indexPage,\n}) => {\n  const ref = useRef(null);\n  const dimensions = useResizeObserver(ref);\n  const height = dimensions?.height;\n\n  useEffect(() => {\n    if (height && height > 0 && !indexPage) {\n      onHeightChange?.(height);\n    }\n  }, [height, onHeightChange, indexPage]);\n\n  return (\n    <div style={style} ref={ref}>\n      <MenuHeader\n        title={title}\n        leftElement={\n          <IconButton onClick={onBack} variant=\"text gray\" size=\"small\">\n            <ArrowLeftIcon />\n          </IconButton>\n        }\n      />\n      {children}\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAsBC,SAAS,QAAQ,OAAO;AAEpE,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,UAAU,QAAQ,SAAS;AASpC,OAAO,MAAMC,OAA0D,GAAGC,IAAA,IAOpE;EAAA,IAPqE;IACzEC,MAAM;IACNC,cAAc;IACdC,KAAK;IACLC,QAAQ;IACRC,KAAK;IACLC;EACF,CAAC,GAAAN,IAAA;EACC,MAAMO,GAAG,GAAGd,MAAM,CAAC,IAAI,CAAC;EACxB,MAAMe,UAAU,GAAGb,iBAAiB,CAACY,GAAG,CAAC;EACzC,MAAME,MAAM,GAAGD,UAAU,oBAAVA,UAAU,CAAEC,MAAM;EAEjCf,SAAS,CAAC,MAAM;IACd,IAAIe,MAAM,IAAIA,MAAM,GAAG,CAAC,IAAI,CAACH,SAAS,EAAE;MACtCJ,cAAc,YAAdA,cAAc,CAAGO,MAAM,CAAC;IAC1B;EACF,CAAC,EAAE,CAACA,MAAM,EAAEP,cAAc,EAAEI,SAAS,CAAC,CAAC;EAEvC,oBACEd,KAAA,CAAAkB,aAAA;IAAKP,KAAK,EAAEA,KAAM;IAACI,GAAG,EAAEA;EAAI,gBAC1Bf,KAAA,CAAAkB,aAAA,CAACZ,UAAU;IACTO,KAAK,EAAEA,KAAM;IACbM,WAAW,eACTnB,KAAA,CAAAkB,aAAA,CAACd,UAAU;MAACgB,OAAO,EAAEX,MAAO;MAACY,OAAO,EAAC,WAAW;MAACC,IAAI,EAAC;IAAO,gBAC3DtB,KAAA,CAAAkB,aAAA,CAACb,aAAa,MAAE,CACN;EACb,CACF,CAAC,EACDO,QACE,CAAC;AAEV,CAAC","ignoreList":[]}
+{"version":3,"file":"Submenu.js","names":["React","useRef","useEffect","useResizeObserver","IconButton","ArrowLeftIcon","MenuHeader","Submenu","_ref","onBack","onHeightChange","style","children","title","indexPage","ref","dimensions","height","createElement","leftElement","onClick","variant","size"],"sources":["../../../../src/components/Filter/Submenu.tsx"],"sourcesContent":["import React, { useRef, FC, HTMLAttributes, useEffect } from \"react\";\n\nimport { useResizeObserver } from \"../../utils\";\nimport { IconButton } from \"../IconButton\";\nimport { ArrowLeftIcon } from \"../Icons\";\nimport { MenuHeader } from \"../Menu\";\n\ninterface SubmenuProps {\n  title: string;\n  onBack: () => void;\n  onHeightChange?: (height: number) => void;\n  indexPage?: boolean;\n}\n\nexport const Submenu: FC<SubmenuProps & HTMLAttributes<HTMLDivElement>> = ({\n  onBack,\n  onHeightChange,\n  style,\n  children,\n  title,\n  indexPage,\n}) => {\n  const ref = useRef(null);\n  const dimensions = useResizeObserver(ref);\n  const height = dimensions?.height;\n\n  useEffect(() => {\n    if (height && height > 0 && !indexPage) {\n      onHeightChange?.(height);\n    }\n  }, [height, onHeightChange, indexPage]);\n\n  return (\n    <div style={style} ref={ref}>\n      <MenuHeader\n        title={title}\n        leftElement={\n          <IconButton onClick={onBack} variant=\"text gray\" size=\"small\">\n            <ArrowLeftIcon />\n          </IconButton>\n        }\n      />\n      {children}\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,MAAM,EAAsBC,SAAS,QAAQ,OAAO;AAEpE,SAASC,iBAAiB,QAAQ,aAAa;AAC/C,SAASC,UAAU,QAAQ,eAAe;AAC1C,SAASC,aAAa,QAAQ,UAAU;AACxC,SAASC,UAAU,QAAQ,SAAS;AASpC,OAAO,MAAMC,OAA0D,GAAGC,IAAA,IAOpE;EAAA,IANJC,MAAM,GAAAD,IAAA,CAANC,MAAM;IACNC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,SAAS,GAAAN,IAAA,CAATM,SAAS;EAET,MAAMC,GAAG,GAAGd,MAAM,CAAC,IAAI,CAAC;EACxB,MAAMe,UAAU,GAAGb,iBAAiB,CAACY,GAAG,CAAC;EACzC,MAAME,MAAM,GAAGD,UAAU,oBAAVA,UAAU,CAAEC,MAAM;EAEjCf,SAAS,CAAC,MAAM;IACd,IAAIe,MAAM,IAAIA,MAAM,GAAG,CAAC,IAAI,CAACH,SAAS,EAAE;MACtCJ,cAAc,YAAdA,cAAc,CAAGO,MAAM,CAAC;IAC1B;EACF,CAAC,EAAE,CAACA,MAAM,EAAEP,cAAc,EAAEI,SAAS,CAAC,CAAC;EAEvC,oBACEd,KAAA,CAAAkB,aAAA;IAAKP,KAAK,EAAEA,KAAM;IAACI,GAAG,EAAEA;EAAI,gBAC1Bf,KAAA,CAAAkB,aAAA,CAACZ,UAAU;IACTO,KAAK,EAAEA,KAAM;IACbM,WAAW,eACTnB,KAAA,CAAAkB,aAAA,CAACd,UAAU;MAACgB,OAAO,EAAEX,MAAO;MAACY,OAAO,EAAC,WAAW;MAACC,IAAI,EAAC;IAAO,gBAC3DtB,KAAA,CAAAkB,aAAA,CAACb,aAAa,MAAE,CACN;EACb,CACF,CAAC,EACDO,QACE,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/esm/components/Folder/FolderIcon.js

@@ -3,9 +3,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 const _excluded = ["withDocuments"];
 import React from "react";
 const FolderIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      withDocuments = false
-    } = _ref,
+  let _ref$withDocuments = _ref.withDocuments,
+    withDocuments = _ref$withDocuments === void 0 ? false : _ref$withDocuments,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
     width: 100,

package/dist/esm/components/Folder/FolderIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"FolderIcon.js","names":["React","FolderIcon","forwardRef","_ref","svgRef","withDocuments","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","ref","x","y","filterUnits","id","dy","in","result","stdDeviation","values","d","fillRule","fill","filter","xlinkHref","displayName"],"sources":["../../../../src/components/Folder/FolderIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface FolderIconProps {\n  withDocuments?: boolean;\n}\n\nconst FolderIcon = React.forwardRef(\n  (\n    {\n      withDocuments = false,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & FolderIconProps,\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={100}\n      height={100}\n      viewBox=\"0 0 100 100\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      ref={svgRef}\n      {...props}\n    >\n      <defs>\n        <filter\n          x=\"-14.9%\"\n          y=\"-112.5%\"\n          width=\"129.8%\"\n          height=\"275%\"\n          filterUnits=\"objectBoundingBox\"\n          id=\"image_svg__a\"\n        >\n          <feOffset dy={-2} in=\"SourceAlpha\" result=\"shadowOffsetOuter1\" />\n          <feGaussianBlur\n            stdDeviation={2}\n            in=\"shadowOffsetOuter1\"\n            result=\"shadowBlurOuter1\"\n          />\n          <feColorMatrix\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0\"\n            in=\"shadowBlurOuter1\"\n          />\n        </filter>\n        <path id=\"image_svg__b\" d=\"M4 28h47v8H4z\" />\n      </defs>\n      <g fillRule=\"evenodd\">\n        <path\n          d=\"M90 20H50L40 10H10C4.45 10 0 14.45 0 20v60c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#32178B\"\n        />\n        {withDocuments ? (\n          <path d=\"M8 20h42v9H4v-5a4 4 0 014-4z\" fill=\"#FFFFFF\" />\n        ) : null}\n        <use\n          filter=\"url(#image_svg__a)\"\n          xlinkHref=\"#image_svg__b\"\n          fill=\"black\"\n        />\n        <use xlinkHref=\"#image_svg__b\" fill=\"#D8D8D8\" />\n        <path\n          d=\"M90 20H50l-10 8H5a5 5 0 00-5 5v47c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#5D2BFF\"\n        />\n      </g>\n    </svg>\n  )\n);\n\nFolderIcon.displayName = \"FolderIcon\";\nexport default FolderIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAMzB,MAAMC,UAAU,gBAAGD,KAAK,CAACE,UAAU,CACjC,CAAAC,IAAA,EAKEC,MAAiC;EAAA,IAJjC;MACEC,aAAa,GAAG;IAE+B,CAAC,GAAAF,IAAA;IAD7CG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAIVR,KAAA,CAAAS,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE,GAAI;IACZC,OAAO,EAAC,aAAa;IACrBC,KAAK,EAAC,4BAA4B;IAClCC,GAAG,EAAEX;EAAO,GACRE,KAAK,gBAETN,KAAA,CAAAS,aAAA,4BACET,KAAA,CAAAS,aAAA;IACEO,CAAC,EAAC,QAAQ;IACVC,CAAC,EAAC,SAAS;IACXN,KAAK,EAAC,QAAQ;IACdC,MAAM,EAAC,MAAM;IACbM,WAAW,EAAC,mBAAmB;IAC/BC,EAAE,EAAC;EAAc,gBAEjBnB,KAAA,CAAAS,aAAA;IAAUW,EAAE,EAAE,CAAC,CAAE;IAACC,EAAE,EAAC,aAAa;IAACC,MAAM,EAAC;EAAoB,CAAE,CAAC,eACjEtB,KAAA,CAAAS,aAAA;IACEc,YAAY,EAAE,CAAE;IAChBF,EAAE,EAAC,oBAAoB;IACvBC,MAAM,EAAC;EAAkB,CAC1B,CAAC,eACFtB,KAAA,CAAAS,aAAA;IACEe,MAAM,EAAC,2CAA2C;IAClDH,EAAE,EAAC;EAAkB,CACtB,CACK,CAAC,eACTrB,KAAA,CAAAS,aAAA;IAAMU,EAAE,EAAC,cAAc;IAACM,CAAC,EAAC;EAAe,CAAE,CACvC,CAAC,eACPzB,KAAA,CAAAS,aAAA;IAAGiB,QAAQ,EAAC;EAAS,gBACnB1B,KAAA,CAAAS,aAAA;IACEgB,CAAC,EAAC,qHAAqH;IACvHE,IAAI,EAAC;EAAS,CACf,CAAC,EACDtB,aAAa,gBACZL,KAAA,CAAAS,aAAA;IAAMgB,CAAC,EAAC,8BAA8B;IAACE,IAAI,EAAC;EAAS,CAAE,CAAC,GACtD,IAAI,eACR3B,KAAA,CAAAS,aAAA;IACEmB,MAAM,EAAC,oBAAoB;IAC3BC,SAAS,EAAC,eAAe;IACzBF,IAAI,EAAC;EAAO,CACb,CAAC,eACF3B,KAAA,CAAAS,aAAA;IAAKoB,SAAS,EAAC,eAAe;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAChD3B,KAAA,CAAAS,aAAA;IACEgB,CAAC,EAAC,4GAA4G;IAC9GE,IAAI,EAAC;EAAS,CACf,CACA,CACA,CAAC;AAAA,CAEV,CAAC;AAED1B,UAAU,CAAC6B,WAAW,GAAG,YAAY;AACrC,eAAe7B,UAAU","ignoreList":[]}
+{"version":3,"file":"FolderIcon.js","names":["React","FolderIcon","forwardRef","_ref","svgRef","_ref$withDocuments","withDocuments","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","ref","x","y","filterUnits","id","dy","in","result","stdDeviation","values","d","fillRule","fill","filter","xlinkHref","displayName"],"sources":["../../../../src/components/Folder/FolderIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nexport interface FolderIconProps {\n  withDocuments?: boolean;\n}\n\nconst FolderIcon = React.forwardRef(\n  (\n    {\n      withDocuments = false,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & FolderIconProps,\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={100}\n      height={100}\n      viewBox=\"0 0 100 100\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      ref={svgRef}\n      {...props}\n    >\n      <defs>\n        <filter\n          x=\"-14.9%\"\n          y=\"-112.5%\"\n          width=\"129.8%\"\n          height=\"275%\"\n          filterUnits=\"objectBoundingBox\"\n          id=\"image_svg__a\"\n        >\n          <feOffset dy={-2} in=\"SourceAlpha\" result=\"shadowOffsetOuter1\" />\n          <feGaussianBlur\n            stdDeviation={2}\n            in=\"shadowOffsetOuter1\"\n            result=\"shadowBlurOuter1\"\n          />\n          <feColorMatrix\n            values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.4 0\"\n            in=\"shadowBlurOuter1\"\n          />\n        </filter>\n        <path id=\"image_svg__b\" d=\"M4 28h47v8H4z\" />\n      </defs>\n      <g fillRule=\"evenodd\">\n        <path\n          d=\"M90 20H50L40 10H10C4.45 10 0 14.45 0 20v60c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#32178B\"\n        />\n        {withDocuments ? (\n          <path d=\"M8 20h42v9H4v-5a4 4 0 014-4z\" fill=\"#FFFFFF\" />\n        ) : null}\n        <use\n          filter=\"url(#image_svg__a)\"\n          xlinkHref=\"#image_svg__b\"\n          fill=\"black\"\n        />\n        <use xlinkHref=\"#image_svg__b\" fill=\"#D8D8D8\" />\n        <path\n          d=\"M90 20H50l-10 8H5a5 5 0 00-5 5v47c0 5.523 4.477 10 10 10h80c5.523 0 10-4.477 10-10V30c0-5.55-4.5-10-10-10z\"\n          fill=\"#5D2BFF\"\n        />\n      </g>\n    </svg>\n  )\n);\n\nFolderIcon.displayName = \"FolderIcon\";\nexport default FolderIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAMzB,MAAMC,UAAU,gBAAGD,KAAK,CAACE,UAAU,CACjC,CAAAC,IAAA,EAKEC,MAAiC;EAAA,IAAAC,kBAAA,GAAAF,IAAA,CAH/BG,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,KAAK,GAAAA,kBAAA;IAClBE,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAAA,oBAIVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,GAAI;IACXC,MAAM,EAAE,GAAI;IACZC,OAAO,EAAC,aAAa;IACrBC,KAAK,EAAC,4BAA4B;IAClCC,GAAG,EAAEZ;EAAO,GACRG,KAAK,gBAETP,KAAA,CAAAU,aAAA,4BACEV,KAAA,CAAAU,aAAA;IACEO,CAAC,EAAC,QAAQ;IACVC,CAAC,EAAC,SAAS;IACXN,KAAK,EAAC,QAAQ;IACdC,MAAM,EAAC,MAAM;IACbM,WAAW,EAAC,mBAAmB;IAC/BC,EAAE,EAAC;EAAc,gBAEjBpB,KAAA,CAAAU,aAAA;IAAUW,EAAE,EAAE,CAAC,CAAE;IAACC,EAAE,EAAC,aAAa;IAACC,MAAM,EAAC;EAAoB,CAAE,CAAC,eACjEvB,KAAA,CAAAU,aAAA;IACEc,YAAY,EAAE,CAAE;IAChBF,EAAE,EAAC,oBAAoB;IACvBC,MAAM,EAAC;EAAkB,CAC1B,CAAC,eACFvB,KAAA,CAAAU,aAAA;IACEe,MAAM,EAAC,2CAA2C;IAClDH,EAAE,EAAC;EAAkB,CACtB,CACK,CAAC,eACTtB,KAAA,CAAAU,aAAA;IAAMU,EAAE,EAAC,cAAc;IAACM,CAAC,EAAC;EAAe,CAAE,CACvC,CAAC,eACP1B,KAAA,CAAAU,aAAA;IAAGiB,QAAQ,EAAC;EAAS,gBACnB3B,KAAA,CAAAU,aAAA;IACEgB,CAAC,EAAC,qHAAqH;IACvHE,IAAI,EAAC;EAAS,CACf,CAAC,EACDtB,aAAa,gBACZN,KAAA,CAAAU,aAAA;IAAMgB,CAAC,EAAC,8BAA8B;IAACE,IAAI,EAAC;EAAS,CAAE,CAAC,GACtD,IAAI,eACR5B,KAAA,CAAAU,aAAA;IACEmB,MAAM,EAAC,oBAAoB;IAC3BC,SAAS,EAAC,eAAe;IACzBF,IAAI,EAAC;EAAO,CACb,CAAC,eACF5B,KAAA,CAAAU,aAAA;IAAKoB,SAAS,EAAC,eAAe;IAACF,IAAI,EAAC;EAAS,CAAE,CAAC,eAChD5B,KAAA,CAAAU,aAAA;IACEgB,CAAC,EAAC,4GAA4G;IAC9GE,IAAI,EAAC;EAAS,CACf,CACA,CACA,CAAC;AAAA,CAEV,CAAC;AAED3B,UAAU,CAAC8B,WAAW,GAAG,YAAY;AACrC,eAAe9B,UAAU","ignoreList":[]}

package/dist/esm/components/Formatters/FormatDate.js

@@ -1,11 +1,9 @@
 import React from "react";
 import { useFormatDate } from "./useFormatDate";
 export const FormatDate = _ref => {
-  let {
-    value,
-    long,
-    dateFormat
-  } = _ref;
+  let value = _ref.value,
+    long = _ref.long,
+    dateFormat = _ref.dateFormat;
   const formatter = useFormatDate(dateFormat);
   return /*#__PURE__*/React.createElement(React.Fragment, null, formatter(value, long));
 };

package/dist/esm/components/Formatters/FormatDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormatDate.js","names":["React","useFormatDate","FormatDate","_ref","value","long","dateFormat","formatter","createElement","Fragment","defaultProps"],"sources":["../../../../src/components/Formatters/FormatDate.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useFormatDate } from \"./useFormatDate\";\nimport { DateValue } from \"../../utils/dateUtils\";\n\ninterface Props {\n  value: DateValue;\n  long?: boolean;\n  dateFormat?: string;\n}\nexport const FormatDate = ({ value, long, dateFormat }: Props): JSX.Element => {\n  const formatter = useFormatDate(dateFormat);\n  return <>{formatter(value, long)}</>;\n};\n\nFormatDate.defaultProps = {\n  long: true,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,QAAQ,iBAAiB;AAQ/C,OAAO,MAAMC,UAAU,GAAGC,IAAA,IAAqD;EAAA,IAApD;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAkB,CAAC,GAAAH,IAAA;EAC3D,MAAMI,SAAS,GAAGN,aAAa,CAACK,UAAU,CAAC;EAC3C,oBAAON,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QAAGF,SAAS,CAACH,KAAK,EAAEC,IAAI,CAAI,CAAC;AACtC,CAAC;AAEDH,UAAU,CAACQ,YAAY,GAAG;EACxBL,IAAI,EAAE;AACR,CAAC","ignoreList":[]}
+{"version":3,"file":"FormatDate.js","names":["React","useFormatDate","FormatDate","_ref","value","long","dateFormat","formatter","createElement","Fragment","defaultProps"],"sources":["../../../../src/components/Formatters/FormatDate.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { useFormatDate } from \"./useFormatDate\";\nimport { DateValue } from \"../../utils/dateUtils\";\n\ninterface Props {\n  value: DateValue;\n  long?: boolean;\n  dateFormat?: string;\n}\nexport const FormatDate = ({ value, long, dateFormat }: Props): JSX.Element => {\n  const formatter = useFormatDate(dateFormat);\n  return <>{formatter(value, long)}</>;\n};\n\nFormatDate.defaultProps = {\n  long: true,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,aAAa,QAAQ,iBAAiB;AAQ/C,OAAO,MAAMC,UAAU,GAAGC,IAAA,IAAqD;EAAA,IAAlDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;EAClD,MAAMC,SAAS,GAAGN,aAAa,CAACK,UAAU,CAAC;EAC3C,oBAAON,KAAA,CAAAQ,aAAA,CAAAR,KAAA,CAAAS,QAAA,QAAGF,SAAS,CAACH,KAAK,EAAEC,IAAI,CAAI,CAAC;AACtC,CAAC;AAEDH,UAAU,CAACQ,YAAY,GAAG;EACxBL,IAAI,EAAE;AACR,CAAC","ignoreList":[]}

package/dist/esm/components/GradientDefs/GradientDefs.js

@@ -1,9 +1,7 @@
 import React from "react";
 export const GradientDefs = _ref => {
   var _match$1$match, _parts$find;
-  let {
-    gradient
-  } = _ref;
+  let gradient = _ref.gradient;
   if (!gradient) return null;
   const match = gradient.match(/linear-gradient\((.*)\)$/);
   if (!match) return null;

package/dist/esm/components/GradientDefs/GradientDefs.js.map

@@ -1 +1 @@
-{"version":3,"file":"GradientDefs.js","names":["React","GradientDefs","_ref","_match$1$match","_parts$find","gradient","match","parts","anglePart","find","p","test","angle","Number","replace","colors","filter","length","createElement","id","gradientTransform","map","color","i","key","offset","stopColor"],"sources":["../../../../src/components/GradientDefs/GradientDefs.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const GradientDefs = ({ gradient }: { gradient?: string }) => {\n  if (!gradient) return null;\n\n  const match = gradient.match(/linear-gradient\\((.*)\\)$/);\n  if (!match) return null;\n\n  const parts =\n    match[1].match(/(#[0-9a-fA-F]{3,6}|rgba?\\([^)]*\\)|[0-9.]+deg)/g) ?? [];\n  const anglePart = parts.find((p) => /\\d+deg/.test(p)) ?? \"0deg\";\n  const angle = Number(anglePart.replace(\"deg\", \"\")) || 0;\n\n  const colors = parts.filter((p) => /^#|rgb/.test(p));\n\n  if (colors.length < 2) return null;\n\n  return (\n    <defs>\n      <linearGradient\n        id=\"icon-gradient\"\n        data-testid=\"icon-gradient\"\n        gradientTransform={`rotate(${angle})`}\n      >\n        {colors.map((color, i) => (\n          <stop\n            key={i}\n            offset={`${(i / (colors.length - 1)) * 100}%`}\n            stopColor={color}\n          />\n        ))}\n      </linearGradient>\n    </defs>\n  );\n};\n\nexport default GradientDefs;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAAyC;EAAA,IAAAC,cAAA,EAAAC,WAAA;EAAA,IAAxC;IAAEC;EAAgC,CAAC,GAAAH,IAAA;EAC9D,IAAI,CAACG,QAAQ,EAAE,OAAO,IAAI;EAE1B,MAAMC,KAAK,GAAGD,QAAQ,CAACC,KAAK,CAAC,0BAA0B,CAAC;EACxD,IAAI,CAACA,KAAK,EAAE,OAAO,IAAI;EAEvB,MAAMC,KAAK,IAAAJ,cAAA,GACTG,KAAK,CAAC,CAAC,CAAC,CAACA,KAAK,CAAC,gDAAgD,CAAC,YAAAH,cAAA,GAAI,EAAE;EACxE,MAAMK,SAAS,IAAAJ,WAAA,GAAGG,KAAK,CAACE,IAAI,CAAEC,CAAC,IAAK,QAAQ,CAACC,IAAI,CAACD,CAAC,CAAC,CAAC,YAAAN,WAAA,GAAI,MAAM;EAC/D,MAAMQ,KAAK,GAAGC,MAAM,CAACL,SAAS,CAACM,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC;EAEvD,MAAMC,MAAM,GAAGR,KAAK,CAACS,MAAM,CAAEN,CAAC,IAAK,QAAQ,CAACC,IAAI,CAACD,CAAC,CAAC,CAAC;EAEpD,IAAIK,MAAM,CAACE,MAAM,GAAG,CAAC,EAAE,OAAO,IAAI;EAElC,oBACEjB,KAAA,CAAAkB,aAAA,4BACElB,KAAA,CAAAkB,aAAA;IACEC,EAAE,EAAC,eAAe;IAClB,eAAY,eAAe;IAC3BC,iBAAiB,cAAYR,KAAK;EAAI,GAErCG,MAAM,CAACM,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,kBACnBvB,KAAA,CAAAkB,aAAA;IACEM,GAAG,EAAED,CAAE;IACPE,MAAM,EAAMF,CAAC,IAAIR,MAAM,CAACE,MAAM,GAAG,CAAC,CAAC,GAAI,GAAG,MAAI;IAC9CS,SAAS,EAAEJ;EAAM,CAClB,CACF,CACa,CACZ,CAAC;AAEX,CAAC;AAED,eAAerB,YAAY","ignoreList":[]}
+{"version":3,"file":"GradientDefs.js","names":["React","GradientDefs","_ref","_match$1$match","_parts$find","gradient","match","parts","anglePart","find","p","test","angle","Number","replace","colors","filter","length","createElement","id","gradientTransform","map","color","i","key","offset","stopColor"],"sources":["../../../../src/components/GradientDefs/GradientDefs.tsx"],"sourcesContent":["import React from \"react\";\n\nexport const GradientDefs = ({ gradient }: { gradient?: string }) => {\n  if (!gradient) return null;\n\n  const match = gradient.match(/linear-gradient\\((.*)\\)$/);\n  if (!match) return null;\n\n  const parts =\n    match[1].match(/(#[0-9a-fA-F]{3,6}|rgba?\\([^)]*\\)|[0-9.]+deg)/g) ?? [];\n  const anglePart = parts.find((p) => /\\d+deg/.test(p)) ?? \"0deg\";\n  const angle = Number(anglePart.replace(\"deg\", \"\")) || 0;\n\n  const colors = parts.filter((p) => /^#|rgb/.test(p));\n\n  if (colors.length < 2) return null;\n\n  return (\n    <defs>\n      <linearGradient\n        id=\"icon-gradient\"\n        data-testid=\"icon-gradient\"\n        gradientTransform={`rotate(${angle})`}\n      >\n        {colors.map((color, i) => (\n          <stop\n            key={i}\n            offset={`${(i / (colors.length - 1)) * 100}%`}\n            stopColor={color}\n          />\n        ))}\n      </linearGradient>\n    </defs>\n  );\n};\n\nexport default GradientDefs;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,MAAMC,YAAY,GAAGC,IAAA,IAAyC;EAAA,IAAAC,cAAA,EAAAC,WAAA;EAAA,IAAtCC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EACrC,IAAI,CAACA,QAAQ,EAAE,OAAO,IAAI;EAE1B,MAAMC,KAAK,GAAGD,QAAQ,CAACC,KAAK,CAAC,0BAA0B,CAAC;EACxD,IAAI,CAACA,KAAK,EAAE,OAAO,IAAI;EAEvB,MAAMC,KAAK,IAAAJ,cAAA,GACTG,KAAK,CAAC,CAAC,CAAC,CAACA,KAAK,CAAC,gDAAgD,CAAC,YAAAH,cAAA,GAAI,EAAE;EACxE,MAAMK,SAAS,IAAAJ,WAAA,GAAGG,KAAK,CAACE,IAAI,CAAEC,CAAC,IAAK,QAAQ,CAACC,IAAI,CAACD,CAAC,CAAC,CAAC,YAAAN,WAAA,GAAI,MAAM;EAC/D,MAAMQ,KAAK,GAAGC,MAAM,CAACL,SAAS,CAACM,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC;EAEvD,MAAMC,MAAM,GAAGR,KAAK,CAACS,MAAM,CAAEN,CAAC,IAAK,QAAQ,CAACC,IAAI,CAACD,CAAC,CAAC,CAAC;EAEpD,IAAIK,MAAM,CAACE,MAAM,GAAG,CAAC,EAAE,OAAO,IAAI;EAElC,oBACEjB,KAAA,CAAAkB,aAAA,4BACElB,KAAA,CAAAkB,aAAA;IACEC,EAAE,EAAC,eAAe;IAClB,eAAY,eAAe;IAC3BC,iBAAiB,cAAYR,KAAK;EAAI,GAErCG,MAAM,CAACM,GAAG,CAAC,CAACC,KAAK,EAAEC,CAAC,kBACnBvB,KAAA,CAAAkB,aAAA;IACEM,GAAG,EAAED,CAAE;IACPE,MAAM,EAAMF,CAAC,IAAIR,MAAM,CAACE,MAAM,GAAG,CAAC,CAAC,GAAI,GAAG,MAAI;IAC9CS,SAAS,EAAEJ;EAAM,CAClB,CACF,CACa,CACZ,CAAC;AAEX,CAAC;AAED,eAAerB,YAAY","ignoreList":[]}

package/dist/esm/components/Header/Header.js

@@ -5,11 +5,10 @@ import React, { forwardRef } from "react";
 import classNames from "classnames";
 import { StyledHeader } from "./Styles";
 export const Header = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      className,
-      size = "small",
-      children
-    } = _ref,
+  let className = _ref.className,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? "small" : _ref$size,
+    children = _ref.children,
     rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledHeader, _extends({
     type: "paper-2",

package/dist/esm/components/Header/Header.js.map

@@ -1 +1 @@
-{"version":3,"file":"Header.js","names":["React","forwardRef","classNames","StyledHeader","Header","_ref","ref","className","size","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","type","displayName"],"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledHeader } from \"./Styles\";\n\nexport interface IHeaderProps {\n  /** CSS classes. */\n  className?: string;\n  /** Size */\n  size?: \"small\" | \"big\";\n  /** Children */\n  children: ReactNode;\n}\n\nexport const Header = forwardRef(\n  (\n    {\n      className,\n      size = \"small\",\n      children,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IHeaderProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledHeader\n        type=\"paper-2\"\n        className={classNames(\"c-header\", className)}\n        size={size}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </StyledHeader>\n    );\n  }\n);\n\nHeader.displayName = \"Header\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwC,OAAO;AAEzE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAWvC,OAAO,MAAMC,MAAM,gBAAGH,UAAU,CAC9B,CAAAI,IAAA,EAOEC,GAA2C,KACxC;EAAA,IAPH;MACEC,SAAS;MACTC,IAAI,GAAG,OAAO;MACdC;IAE6C,CAAC,GAAAJ,IAAA;IAD3CK,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAIT,oBACEZ,KAAA,CAAAa,aAAA,CAACV,YAAY,EAAAW,QAAA;IACXC,IAAI,EAAC,SAAS;IACdR,SAAS,EAAEL,UAAU,CAAC,UAAU,EAAEK,SAAS,CAAE;IAC7CC,IAAI,EAAEA,IAAK;IACXF,GAAG,EAAEA;EAAI,GACLI,IAAI,GAEPD,QACW,CAAC;AAEnB,CACF,CAAC;AAEDL,MAAM,CAACY,WAAW,GAAG,QAAQ","ignoreList":[]}
+{"version":3,"file":"Header.js","names":["React","forwardRef","classNames","StyledHeader","Header","_ref","ref","className","_ref$size","size","children","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","type","displayName"],"sources":["../../../../src/components/Header/Header.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes, ReactNode, Ref } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledHeader } from \"./Styles\";\n\nexport interface IHeaderProps {\n  /** CSS classes. */\n  className?: string;\n  /** Size */\n  size?: \"small\" | \"big\";\n  /** Children */\n  children: ReactNode;\n}\n\nexport const Header = forwardRef(\n  (\n    {\n      className,\n      size = \"small\",\n      children,\n      ...rest\n    }: HTMLAttributes<HTMLDivElement> & IHeaderProps,\n    ref: Ref<HTMLDivElement> | null | undefined\n  ) => {\n    return (\n      <StyledHeader\n        type=\"paper-2\"\n        className={classNames(\"c-header\", className)}\n        size={size}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </StyledHeader>\n    );\n  }\n);\n\nHeader.displayName = \"Header\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAwC,OAAO;AAEzE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAWvC,OAAO,MAAMC,MAAM,gBAAGH,UAAU,CAC9B,CAAAI,IAAA,EAOEC,GAA2C,KACxC;EAAA,IANDC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAAC,SAAA,GAAAH,IAAA,CACTI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,OAAO,GAAAA,SAAA;IACdE,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACLC,IAAI,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAIT,oBACEb,KAAA,CAAAc,aAAA,CAACX,YAAY,EAAAY,QAAA;IACXC,IAAI,EAAC,SAAS;IACdT,SAAS,EAAEL,UAAU,CAAC,UAAU,EAAEK,SAAS,CAAE;IAC7CE,IAAI,EAAEA,IAAK;IACXH,GAAG,EAAEA;EAAI,GACLK,IAAI,GAEPD,QACW,CAAC;AAEnB,CACF,CAAC;AAEDN,MAAM,CAACa,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/esm/components/IconButton/IconButton.js

@@ -27,13 +27,11 @@ import { StyledIconButton } from "./Styles";
  */
 
 export const IconButton = /*#__PURE__*/forwardRef((_ref, ref) => {
-  let {
-      children,
-      className,
-      variant,
-      size,
-      active
-    } = _ref,
+  let children = _ref.children,
+    className = _ref.className,
+    variant = _ref.variant,
+    size = _ref.size,
+    active = _ref.active,
     args = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledIconButton, _extends({
     className: className,

package/dist/esm/components/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","names":["React","forwardRef","StyledIconButton","IconButton","_ref","ref","children","className","variant","size","active","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren } from \"react\";\n\nimport { StyledIconButton } from \"./Styles\";\nimport { ButtonProps } from \"../Button\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IconButtonProps extends ButtonProps {}\n\n/**\n * @component IconButton\n * @description\n * IconButton composes the Button component except that it renders only an icon.\n * Since IconButton only renders an icon, you have to pass the aria-label prop,\n * so screen readers can give meaning to the button.\n *\n * @props See Button props.\n *\n * @example\n * return (\n *   <IconButton className=\"mr-2\" variant=\"primary\" size=\"medium\" aria-label=\"Close dialog\">\n *     <CloseIcon />\n *   </IconButton>\n * )\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-button--icon-button\n * https://design.activecollab.com/docs/components/button\n */\n\nexport const IconButton = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<IconButtonProps>\n>(({ children, className, variant, size, active, ...args }, ref) => {\n  return (\n    <StyledIconButton\n      className={className}\n      variant={variant}\n      size={size}\n      active={active}\n      ref={ref}\n      {...args}\n    >\n      {children}\n    </StyledIconButton>\n  );\n});\n\nIconButton.displayName = \"IconButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA2B,OAAO;AAE5D,SAASC,gBAAgB,QAAQ,UAAU;;AAG3C;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,UAAU,gBAAGF,UAAU,CAGlC,CAAAG,IAAA,EAA0DC,GAAG,KAAK;EAAA,IAAjE;MAAEC,QAAQ;MAAEC,SAAS;MAAEC,OAAO;MAAEC,IAAI;MAAEC;IAAgB,CAAC,GAAAN,IAAA;IAANO,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EACtD,oBACEb,KAAA,CAAAc,aAAA,CAACZ,gBAAgB,EAAAa,QAAA;IACfR,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfL,GAAG,EAAEA;EAAI,GACLM,IAAI,GAEPL,QACe,CAAC;AAEvB,CAAC,CAAC;AAEFH,UAAU,CAACa,WAAW,GAAG,YAAY","ignoreList":[]}
+{"version":3,"file":"IconButton.js","names":["React","forwardRef","StyledIconButton","IconButton","_ref","ref","children","className","variant","size","active","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { forwardRef, PropsWithChildren } from \"react\";\n\nimport { StyledIconButton } from \"./Styles\";\nimport { ButtonProps } from \"../Button\";\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\nexport interface IconButtonProps extends ButtonProps {}\n\n/**\n * @component IconButton\n * @description\n * IconButton composes the Button component except that it renders only an icon.\n * Since IconButton only renders an icon, you have to pass the aria-label prop,\n * so screen readers can give meaning to the button.\n *\n * @props See Button props.\n *\n * @example\n * return (\n *   <IconButton className=\"mr-2\" variant=\"primary\" size=\"medium\" aria-label=\"Close dialog\">\n *     <CloseIcon />\n *   </IconButton>\n * )\n * @see\n * https://system.activecollab.com/?path=/story/components-button-indicators-button--icon-button\n * https://design.activecollab.com/docs/components/button\n */\n\nexport const IconButton = forwardRef<\n  HTMLButtonElement,\n  PropsWithChildren<IconButtonProps>\n>(({ children, className, variant, size, active, ...args }, ref) => {\n  return (\n    <StyledIconButton\n      className={className}\n      variant={variant}\n      size={size}\n      active={active}\n      ref={ref}\n      {...args}\n    >\n      {children}\n    </StyledIconButton>\n  );\n});\n\nIconButton.displayName = \"IconButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAA2B,OAAO;AAE5D,SAASC,gBAAgB,QAAQ,UAAU;;AAG3C;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMC,UAAU,gBAAGF,UAAU,CAGlC,CAAAG,IAAA,EAA0DC,GAAG,KAAK;EAAA,IAA/DC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAEC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IAAEC,MAAM,GAAAN,IAAA,CAANM,MAAM;IAAKC,IAAI,GAAAC,6BAAA,CAAAR,IAAA,EAAAS,SAAA;EACtD,oBACEb,KAAA,CAAAc,aAAA,CAACZ,gBAAgB,EAAAa,QAAA;IACfR,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,MAAM,EAAEA,MAAO;IACfL,GAAG,EAAEA;EAAI,GACLM,IAAI,GAEPL,QACe,CAAC;AAEvB,CAAC,CAAC;AAEFH,UAAU,CAACa,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/esm/components/IconButton/Styles.js

@@ -4,14 +4,10 @@ export const StyledIconButton = styled(Button).withConfig({
   displayName: "Styles__StyledIconButton",
   componentId: "sc-1teza2f-0"
 })(["display:inline-flex;justify-content:center;align-items:center;padding:0;width:32px;", " ", ""], _ref => {
-  let {
-    size
-  } = _ref;
+  let size = _ref.size;
   return size === "small" && css(["width:24px;svg{width:18px;height:18px;}"]);
 }, _ref2 => {
-  let {
-    size
-  } = _ref2;
+  let size = _ref2.size;
   return size === "big" && css(["width:40px;"]);
 });
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/IconButton/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","Button","StyledIconButton","withConfig","displayName","componentId","_ref","size","_ref2"],"sources":["../../../../src/components/IconButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Button } from \"../Button\";\n\nexport const StyledIconButton = styled(Button)`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 32px;\n\n  ${({ size }) =>\n    size === \"small\" &&\n    css`\n      width: 24px;\n      svg {\n        width: 18px;\n        height: 18px;\n      }\n    `}\n\n  ${({ size }) =>\n    size === \"big\" &&\n    css`\n      width: 40px;\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,WAAW;AAElC,OAAO,MAAMC,gBAAgB,GAAGH,MAAM,CAACE,MAAM,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGAO1CC,IAAA;EAAA,IAAC;IAAEC;EAAK,CAAC,GAAAD,IAAA;EAAA,OACTC,IAAI,KAAK,OAAO,IAChBP,GAAG,6CAMF;AAAA,GAEDQ,KAAA;EAAA,IAAC;IAAED;EAAK,CAAC,GAAAC,KAAA;EAAA,OACTD,IAAI,KAAK,KAAK,IACdP,GAAG,iBAEF;AAAA,EACJ","ignoreList":[]}
+{"version":3,"file":"Styles.js","names":["styled","css","Button","StyledIconButton","withConfig","displayName","componentId","_ref","size","_ref2"],"sources":["../../../../src/components/IconButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { Button } from \"../Button\";\n\nexport const StyledIconButton = styled(Button)`\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  padding: 0;\n  width: 32px;\n\n  ${({ size }) =>\n    size === \"small\" &&\n    css`\n      width: 24px;\n      svg {\n        width: 18px;\n        height: 18px;\n      }\n    `}\n\n  ${({ size }) =>\n    size === \"big\" &&\n    css`\n      width: 40px;\n    `}\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,MAAM,QAAQ,WAAW;AAElC,OAAO,MAAMC,gBAAgB,GAAGH,MAAM,CAACE,MAAM,CAAC,CAAAE,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qGAO1CC,IAAA;EAAA,IAAGC,IAAI,GAAAD,IAAA,CAAJC,IAAI;EAAA,OACPA,IAAI,KAAK,OAAO,IAChBP,GAAG,6CAMF;AAAA,GAEDQ,KAAA;EAAA,IAAGD,IAAI,GAAAC,KAAA,CAAJD,IAAI;EAAA,OACPA,IAAI,KAAK,KAAK,IACdP,GAAG,iBAEF;AAAA,EACJ","ignoreList":[]}

package/dist/esm/components/Icons/collection/AccessLog.js

@@ -30,33 +30,31 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const AccessLogIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const AccessLogIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "AccessLogIcon",
     fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
     focusable: false,
-    ref: svgRef
+    ref: ref
   }, props), /*#__PURE__*/React.createElement(GradientDefs, {
     gradient: gradient
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M8.127 13.646a.5.5 0 01.146.354v3H9.37a.5.5 0 010 1H7.773a.5.5 0 01-.5-.5V14a.5.5 0 01.854-.354z"
+    d: "M8.127 13.646a.5.5 0 0 1 .146.354v3H9.37a.5.5 0 0 1 0 1H7.773a.5.5 0 0 1-.5-.5V14a.5.5 0 0 1 .854-.354"
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M10.42 13.646a.5.5 0 01.353-.146h2a.5.5 0 01.5.5v3.5a.5.5 0 01-.5.5h-2a.5.5 0 01-.5-.5V14a.5.5 0 01.146-.354zm.853.854V17h1v-2.5h-1z"
+    d: "M10.42 13.646a.5.5 0 0 1 .353-.146h2a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5V14a.5.5 0 0 1 .146-.354Zm.853.854V17h1v-2.5z",
+    clipRule: "evenodd"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M14.5 13.5a.5.5 0 00-.5.5v3.5a.5.5 0 00.5.5h2a.5.5 0 00.5-.5V16a.5.5 0 00-.5-.5H16a.5.5 0 000 1v.5h-1v-2.5h1.5a.5.5 0 000-1h-2z"
+    d: "M14.5 13.5a.5.5 0 0 0-.5.5v3.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V16a.5.5 0 0 0-.5-.5H16a.5.5 0 0 0 0 1v.5h-1v-2.5h1.5a.5.5 0 0 0 0-1z"
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M5 2h11.03L21 7.075V20a2 2 0 01-2 2H5a2 2 0 01-2-2V4a2 2 0 012-2zm10.19 2H5v16h14V7.891L15.19 4z"
+    d: "M5 2h11.03L21 7.075V20a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m10.19 2H5v16h14V7.891z",
+    clipRule: "evenodd"
   }));
 });
 AccessLogIcon.displayName = "AccessLogIcon";

package/dist/esm/components/Icons/collection/AccessLog.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccessLog.js","names":["React","GradientDefs","AccessLogIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","xmlns","fill","focusable","ref","d","fillRule","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/AccessLog.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component AccessLogIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <AccessLogIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <AccessLogIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst AccessLogIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={24}\n      height={24}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"AccessLogIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M8.127 13.646a.5.5 0 01.146.354v3H9.37a.5.5 0 010 1H7.773a.5.5 0 01-.5-.5V14a.5.5 0 01.854-.354z\" />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M10.42 13.646a.5.5 0 01.353-.146h2a.5.5 0 01.5.5v3.5a.5.5 0 01-.5.5h-2a.5.5 0 01-.5-.5V14a.5.5 0 01.146-.354zm.853.854V17h1v-2.5h-1z\"\n      />\n      <path d=\"M14.5 13.5a.5.5 0 00-.5.5v3.5a.5.5 0 00.5.5h2a.5.5 0 00.5-.5V16a.5.5 0 00-.5-.5H16a.5.5 0 000 1v.5h-1v-2.5h1.5a.5.5 0 000-1h-2z\" />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M5 2h11.03L21 7.075V20a2 2 0 01-2 2H5a2 2 0 01-2-2V4a2 2 0 012-2zm10.19 2H5v16h14V7.891L15.19 4z\"\n      />\n    </svg>\n  )\n);\nAccessLogIcon.displayName = \"AccessLogIcon\";\nexport default AccessLogIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAa,gBAAGF,KAAK,CAACG,UAAU,CACpC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,KAAK,EAAC,4BAA4B;IAClC,eAAY,eAAe;IAC3BC,IAAI,EACFT,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAEQ,IAAI,GACXR,KAAK,CAACQ,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEZ;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMQ,CAAC,EAAC;EAAkG,CAAE,CAAC,eAC7GlB,KAAA,CAAAU,aAAA;IACES,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBF,CAAC,EAAC;EAAsI,CACzI,CAAC,eACFlB,KAAA,CAAAU,aAAA;IAAMQ,CAAC,EAAC;EAAiI,CAAE,CAAC,eAC5IlB,KAAA,CAAAU,aAAA;IACES,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBF,CAAC,EAAC;EAAkG,CACrG,CACE,CAAC;AAAA,CAEV,CAAC;AACDhB,aAAa,CAACmB,WAAW,GAAG,eAAe;AAC3C,eAAenB,aAAa","ignoreList":[]}
+{"version":3,"file":"AccessLog.js","names":["React","GradientDefs","AccessLogIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","fill","focusable","d","fillRule","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/AccessLog.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component AccessLogIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <AccessLogIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <AccessLogIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst AccessLogIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      data-testid=\"AccessLogIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M8.127 13.646a.5.5 0 0 1 .146.354v3H9.37a.5.5 0 0 1 0 1H7.773a.5.5 0 0 1-.5-.5V14a.5.5 0 0 1 .854-.354\" />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M10.42 13.646a.5.5 0 0 1 .353-.146h2a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 1-.5.5h-2a.5.5 0 0 1-.5-.5V14a.5.5 0 0 1 .146-.354Zm.853.854V17h1v-2.5z\"\n        clipRule=\"evenodd\"\n      />\n      <path d=\"M14.5 13.5a.5.5 0 0 0-.5.5v3.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V16a.5.5 0 0 0-.5-.5H16a.5.5 0 0 0 0 1v.5h-1v-2.5h1.5a.5.5 0 0 0 0-1z\" />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M5 2h11.03L21 7.075V20a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2m10.19 2H5v16h14V7.891z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nAccessLogIcon.displayName = \"AccessLogIcon\";\nexport default AccessLogIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,aAAa,gBAAGF,KAAK,CAACG,UAAU,CACpC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACX,eAAY,eAAe;IAC3BC,IAAI,EACFT,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAEQ,IAAI,GACXR,KAAK,CAACQ,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBX,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMO,CAAC,EAAC;EAAwG,CAAE,CAAC,eACnHjB,KAAA,CAAAU,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBD,CAAC,EAAC,2IAA2I;IAC7IE,QAAQ,EAAC;EAAS,CACnB,CAAC,eACFnB,KAAA,CAAAU,aAAA;IAAMO,CAAC,EAAC;EAAwI,CAAE,CAAC,eACnJjB,KAAA,CAAAU,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBD,CAAC,EAAC,6FAA6F;IAC/FE,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,aAAa,CAACkB,WAAW,GAAG,eAAe;AAC3C,eAAelB,aAAa","ignoreList":[]}

package/dist/esm/components/Icons/collection/Activity.js

@@ -30,29 +30,27 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ActivityIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const ActivityIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "ActivityIcon",
     fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
     focusable: false,
-    ref: svgRef
+    ref: ref
   }, props), /*#__PURE__*/React.createElement(GradientDefs, {
     gradient: gradient
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M6 4a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2H6zm0-2h12a4 4 0 014 4v12a4 4 0 01-4 4H6a4 4 0 01-4-4V6a4 4 0 014-4zm2.962 10.317a1 1 0 01-.949.684H5.76a1 1 0 010-2h1.532l1.772-5.317c.304-.912 1.594-.912 1.898 0l3.051 9.154 1.051-3.154a1 1 0 01.95-.684H18a1 1 0 010 2h-1.266l-1.772 5.316c-.304.912-1.594.912-1.898 0l-3.05-9.153-1.052 3.154z"
+    d: "M6 4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0-2h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4m2.962 10.317a1 1 0 0 1-.949.684H5.76a1 1 0 0 1 0-2h1.532l1.772-5.317c.304-.912 1.594-.912 1.898 0l3.051 9.154 1.051-3.154a1 1 0 0 1 .95-.684H18a1 1 0 0 1 0 2h-1.266l-1.772 5.316c-.304.912-1.594.912-1.898 0l-3.05-9.153z"
   }), /*#__PURE__*/React.createElement("path", {
     stroke: "#F4F5F7",
     strokeWidth: 0.1,
-    opacity: 0.01,
-    d: "M.05.05h23.9v23.9H.05z"
+    d: "M.05.05h23.9v23.9H.05z",
+    opacity: 0.01
   }));
 });
 ActivityIcon.displayName = "ActivityIcon";

package/dist/esm/components/Icons/collection/Activity.js.map

@@ -1 +1 @@
-{"version":3,"file":"Activity.js","names":["React","GradientDefs","ActivityIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","stroke","strokeWidth","opacity","displayName"],"sources":["../../../../../src/components/Icons/collection/Activity.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ActivityIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <ActivityIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <ActivityIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ActivityIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"ActivityIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M6 4a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2H6zm0-2h12a4 4 0 014 4v12a4 4 0 01-4 4H6a4 4 0 01-4-4V6a4 4 0 014-4zm2.962 10.317a1 1 0 01-.949.684H5.76a1 1 0 010-2h1.532l1.772-5.317c.304-.912 1.594-.912 1.898 0l3.051 9.154 1.051-3.154a1 1 0 01.95-.684H18a1 1 0 010 2h-1.266l-1.772 5.316c-.304.912-1.594.912-1.898 0l-3.05-9.153-1.052 3.154z\" />\n      <path\n        stroke=\"#F4F5F7\"\n        strokeWidth={0.1}\n        opacity={0.01}\n        d=\"M.05.05h23.9v23.9H.05z\"\n      />\n    </svg>\n  )\n);\nActivityIcon.displayName = \"ActivityIcon\";\nexport default ActivityIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGF,KAAK,CAACG,UAAU,CACnC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,cAAc;IAC1BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEb;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMS,CAAC,EAAC;EAAoW,CAAE,CAAC,eAC/WnB,KAAA,CAAAU,aAAA;IACEU,MAAM,EAAC,SAAS;IAChBC,WAAW,EAAE,GAAI;IACjBC,OAAO,EAAE,IAAK;IACdH,CAAC,EAAC;EAAwB,CAC3B,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,YAAY,CAACqB,WAAW,GAAG,cAAc;AACzC,eAAerB,YAAY","ignoreList":[]}
+{"version":3,"file":"Activity.js","names":["React","GradientDefs","ActivityIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","d","stroke","strokeWidth","opacity","displayName"],"sources":["../../../../../src/components/Icons/collection/Activity.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ActivityIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <ActivityIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <ActivityIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ActivityIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"ActivityIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M6 4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2zm0-2h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4V6a4 4 0 0 1 4-4m2.962 10.317a1 1 0 0 1-.949.684H5.76a1 1 0 0 1 0-2h1.532l1.772-5.317c.304-.912 1.594-.912 1.898 0l3.051 9.154 1.051-3.154a1 1 0 0 1 .95-.684H18a1 1 0 0 1 0 2h-1.266l-1.772 5.316c-.304.912-1.594.912-1.898 0l-3.05-9.153z\" />\n      <path\n        stroke=\"#F4F5F7\"\n        strokeWidth={0.1}\n        d=\"M.05.05h23.9v23.9H.05z\"\n        opacity={0.01}\n      />\n    </svg>\n  )\n);\nActivityIcon.displayName = \"ActivityIcon\";\nexport default ActivityIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGF,KAAK,CAACG,UAAU,CACnC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,cAAc;IAC1BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMQ,CAAC,EAAC;EAAwW,CAAE,CAAC,eACnXlB,KAAA,CAAAU,aAAA;IACES,MAAM,EAAC,SAAS;IAChBC,WAAW,EAAE,GAAI;IACjBF,CAAC,EAAC,wBAAwB;IAC1BG,OAAO,EAAE;EAAK,CACf,CACE,CAAC;AAAA,CAEV,CAAC;AACDnB,YAAY,CAACoB,WAAW,GAAG,cAAc;AACzC,eAAepB,YAAY","ignoreList":[]}

package/dist/esm/components/Icons/collection/AddCross.js

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const AddCrossIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const AddCrossIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 10,
     height: 10,
     viewBox: "0 0 10 10",
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "AddCrossIcon",
     fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
     focusable: false,
-    ref: svgRef
+    ref: ref
   }, props), /*#__PURE__*/React.createElement(GradientDefs, {
     gradient: gradient
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M6 0v4h4v2H6v4H4V6H0V4h4V0h2z",
-    fillRule: "nonzero"
+    fillRule: "nonzero",
+    d: "M6 0v4h4v2H6v4H4V6H0V4h4V0z"
   }));
 });
 AddCrossIcon.displayName = "AddCrossIcon";

package/dist/esm/components/Icons/collection/AddCross.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddCross.js","names":["React","GradientDefs","AddCrossIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/AddCross.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component AddCrossIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <AddCrossIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <AddCrossIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst AddCrossIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={10}\n      height={10}\n      viewBox=\"0 0 10 10\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"AddCrossIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path d=\"M6 0v4h4v2H6v4H4V6H0V4h4V0h2z\" fillRule=\"nonzero\" />\n    </svg>\n  )\n);\nAddCrossIcon.displayName = \"AddCrossIcon\";\nexport default AddCrossIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGF,KAAK,CAACG,UAAU,CACnC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,cAAc;IAC1BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEb;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMS,CAAC,EAAC,+BAA+B;IAACC,QAAQ,EAAC;EAAS,CAAE,CACzD,CAAC;AAAA,CAEV,CAAC;AACDlB,YAAY,CAACmB,WAAW,GAAG,cAAc;AACzC,eAAenB,YAAY","ignoreList":[]}
+{"version":3,"file":"AddCross.js","names":["React","GradientDefs","AddCrossIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/AddCross.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component AddCrossIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <AddCrossIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <AddCrossIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst AddCrossIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={10}\n      height={10}\n      viewBox=\"0 0 10 10\"\n      data-testid=\"AddCrossIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path fillRule=\"nonzero\" d=\"M6 0v4h4v2H6v4H4V6H0V4h4V0z\" />\n    </svg>\n  )\n);\nAddCrossIcon.displayName = \"AddCrossIcon\";\nexport default AddCrossIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGF,KAAK,CAACG,UAAU,CACnC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,cAAc;IAC1BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAMQ,QAAQ,EAAC,SAAS;IAACC,CAAC,EAAC;EAA6B,CAAE,CACvD,CAAC;AAAA,CAEV,CAAC;AACDjB,YAAY,CAACkB,WAAW,GAAG,cAAc;AACzC,eAAelB,YAAY","ignoreList":[]}

package/dist/esm/components/Icons/collection/AddCrossTiny.js

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const AddCrossTinyIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const AddCrossTinyIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "AddCrossTinyIcon",
     fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
     focusable: false,
-    ref: svgRef
+    ref: ref
   }, props), /*#__PURE__*/React.createElement(GradientDefs, {
     gradient: gradient
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M12 4a1 1 0 011 1v6h6a1 1 0 010 2h-6v6a1 1 0 01-2 0l-.001-6H5a1 1 0 010-2h6V5a1 1 0 011-1z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M12 4a1 1 0 0 1 1 1v6h6a1 1 0 0 1 0 2h-6v6a1 1 0 0 1-2 0l-.001-6H5a1 1 0 0 1 0-2h6V5a1 1 0 0 1 1-1"
   }));
 });
 AddCrossTinyIcon.displayName = "AddCrossTinyIcon";

package/dist/esm/components/Icons/collection/AddCrossTiny.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddCrossTiny.js","names":["React","GradientDefs","AddCrossTinyIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","d","fillRule","displayName"],"sources":["../../../../../src/components/Icons/collection/AddCrossTiny.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component AddCrossTinyIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <AddCrossTinyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <AddCrossTinyIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst AddCrossTinyIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"AddCrossTinyIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        d=\"M12 4a1 1 0 011 1v6h6a1 1 0 010 2h-6v6a1 1 0 01-2 0l-.001-6H5a1 1 0 010-2h6V5a1 1 0 011-1z\"\n        fillRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nAddCrossTinyIcon.displayName = \"AddCrossTinyIcon\";\nexport default AddCrossTinyIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,gBAAGF,KAAK,CAACG,UAAU,CACvC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,kBAAkB;IAC9BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEb;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACES,CAAC,EAAC,4FAA4F;IAC9FC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDlB,gBAAgB,CAACmB,WAAW,GAAG,kBAAkB;AACjD,eAAenB,gBAAgB","ignoreList":[]}
+{"version":3,"file":"AddCrossTiny.js","names":["React","GradientDefs","AddCrossTinyIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/AddCrossTiny.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component AddCrossTinyIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <AddCrossTinyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <AddCrossTinyIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst AddCrossTinyIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"AddCrossTinyIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M12 4a1 1 0 0 1 1 1v6h6a1 1 0 0 1 0 2h-6v6a1 1 0 0 1-2 0l-.001-6H5a1 1 0 0 1 0-2h6V5a1 1 0 0 1 1-1\"\n      />\n    </svg>\n  )\n);\nAddCrossTinyIcon.displayName = \"AddCrossTinyIcon\";\nexport default AddCrossTinyIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,gBAAgB,gBAAGF,KAAK,CAACG,UAAU,CACvC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,kBAAkB;IAC9BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC;EAAoG,CACvG,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,gBAAgB,CAACkB,WAAW,GAAG,kBAAkB;AACjD,eAAelB,gBAAgB","ignoreList":[]}

package/dist/esm/components/Icons/collection/Archive.js

@@ -30,26 +30,24 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArchiveIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const ArchiveIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "ArchiveIcon",
     fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
     focusable: false,
-    ref: svgRef
+    ref: ref
   }, props), /*#__PURE__*/React.createElement(GradientDefs, {
     gradient: gradient
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M3 5a2 2 0 012-2h14a2 2 0 012 2v3a2 2 0 01-2 2v9a2 2 0 01-2 2H7a2 2 0 01-2-2v-9a2 2 0 01-2-2V5zm4 5h10v9H7v-9zm12-2H5V5h14v3zm-4 4H9v2h6v-2z"
+    d: "M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-9a2 2 0 0 1-2-2zm4 5h10v9H7zm12-2H5V5h14zm-4 4H9v2h6z",
+    clipRule: "evenodd"
   }));
 });
 ArchiveIcon.displayName = "ArchiveIcon";

package/dist/esm/components/Icons/collection/Archive.js.map

@@ -1 +1 @@
-{"version":3,"file":"Archive.js","names":["React","GradientDefs","ArchiveIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","fillRule","clipRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/Archive.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ArchiveIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <ArchiveIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <ArchiveIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ArchiveIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"ArchiveIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M3 5a2 2 0 012-2h14a2 2 0 012 2v3a2 2 0 01-2 2v9a2 2 0 01-2 2H7a2 2 0 01-2-2v-9a2 2 0 01-2-2V5zm4 5h10v9H7v-9zm12-2H5V5h14v3zm-4 4H9v2h6v-2z\"\n      />\n    </svg>\n  )\n);\nArchiveIcon.displayName = \"ArchiveIcon\";\nexport default ArchiveIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,gBAAGF,KAAK,CAACG,UAAU,CAClC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,aAAa;IACzBC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEb;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACES,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC;EAA8I,CACjJ,CACE,CAAC;AAAA,CAEV,CAAC;AACDnB,WAAW,CAACoB,WAAW,GAAG,aAAa;AACvC,eAAepB,WAAW","ignoreList":[]}
+{"version":3,"file":"Archive.js","names":["React","GradientDefs","ArchiveIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/Archive.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ArchiveIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <ArchiveIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <ArchiveIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ArchiveIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"ArchiveIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M3 5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2v9a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-9a2 2 0 0 1-2-2zm4 5h10v9H7zm12-2H5V5h14zm-4 4H9v2h6z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nArchiveIcon.displayName = \"ArchiveIcon\";\nexport default ArchiveIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,WAAW,gBAAGF,KAAK,CAACG,UAAU,CAClC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,aAAa;IACzBC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,4IAA4I;IAC9IC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDlB,WAAW,CAACmB,WAAW,GAAG,aAAa;AACvC,eAAenB,WAAW","ignoreList":[]}

package/dist/esm/components/Icons/collection/ArrowBackMobile.js

@@ -30,26 +30,24 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowBackMobileIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const ArrowBackMobileIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
     viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "ArrowBackMobileIcon",
     fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
     focusable: false,
-    ref: svgRef
+    ref: ref
   }, props), /*#__PURE__*/React.createElement(GradientDefs, {
     gradient: gradient
   }), /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M14.293 4.222a1 1 0 011.492 1.327l-.078.087L9.343 12l6.364 6.364a1 1 0 01.078 1.327l-.078.087a1 1 0 01-1.327.078l-.087-.078-7.071-7.07a1 1 0 01-.078-1.328l.078-.087 7.07-7.071z"
+    d: "M14.293 4.222a1 1 0 0 1 1.492 1.327l-.078.087L9.343 12l6.364 6.364a1 1 0 0 1 .078 1.327l-.078.087a1 1 0 0 1-1.327.078l-.087-.078-7.071-7.07a1 1 0 0 1-.078-1.328l.078-.087z",
+    clipRule: "evenodd"
   }));
 });
 ArrowBackMobileIcon.displayName = "ArrowBackMobileIcon";

package/dist/esm/components/Icons/collection/ArrowBackMobile.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowBackMobile.js","names":["React","GradientDefs","ArrowBackMobileIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","fillRule","clipRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowBackMobile.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ArrowBackMobileIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <ArrowBackMobileIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <ArrowBackMobileIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ArrowBackMobileIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    svgRef?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      data-testid=\"ArrowBackMobileIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={svgRef}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        fillRule=\"evenodd\"\n        clipRule=\"evenodd\"\n        d=\"M14.293 4.222a1 1 0 011.492 1.327l-.078.087L9.343 12l6.364 6.364a1 1 0 01.078 1.327l-.078.087a1 1 0 01-1.327.078l-.087-.078-7.071-7.07a1 1 0 01-.078-1.328l.078-.087 7.07-7.071z\"\n      />\n    </svg>\n  )\n);\nArrowBackMobileIcon.displayName = \"ArrowBackMobileIcon\";\nexport default ArrowBackMobileIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,mBAAmB,gBAAGF,KAAK,CAACG,UAAU,CAC1C,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,qBAAqB;IACjCC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEb;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACES,QAAQ,EAAC,SAAS;IAClBC,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC;EAAkL,CACrL,CACE,CAAC;AAAA,CAEV,CAAC;AACDnB,mBAAmB,CAACoB,WAAW,GAAG,qBAAqB;AACvD,eAAepB,mBAAmB","ignoreList":[]}
+{"version":3,"file":"ArrowBackMobile.js","names":["React","GradientDefs","ArrowBackMobileIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowBackMobile.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ArrowBackMobileIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <ArrowBackMobileIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n *   <ArrowBackMobileIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst ArrowBackMobileIcon = React.forwardRef(\n  (\n    {\n      gradient,\n      ...props\n    }: React.SVGProps<SVGSVGElement> & {\n      gradient?: string;\n    },\n    ref?: React.Ref<SVGSVGElement>\n  ) => (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={24}\n      height={24}\n      viewBox=\"0 0 24 24\"\n      data-testid=\"ArrowBackMobileIcon\"\n      fill={\n        gradient\n          ? \"url(#icon-gradient)\"\n          : props?.fill\n          ? props.fill\n          : \"var(--color-theme-600)\"\n      }\n      focusable={false}\n      ref={ref}\n      {...props}\n    >\n      <GradientDefs gradient={gradient} />\n      <path\n        fillRule=\"evenodd\"\n        d=\"M14.293 4.222a1 1 0 0 1 1.492 1.327l-.078.087L9.343 12l6.364 6.364a1 1 0 0 1 .078 1.327l-.078.087a1 1 0 0 1-1.327.078l-.087-.078-7.071-7.07a1 1 0 0 1-.078-1.328l.078-.087z\"\n        clipRule=\"evenodd\"\n      />\n    </svg>\n  )\n);\nArrowBackMobileIcon.displayName = \"ArrowBackMobileIcon\";\nexport default ArrowBackMobileIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,mBAAmB,gBAAGF,KAAK,CAACG,UAAU,CAC1C,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,qBAAqB;IACjCC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,6KAA6K;IAC/KC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDlB,mBAAmB,CAACmB,WAAW,GAAG,qBAAqB;AACvD,eAAenB,mBAAmB","ignoreList":[]}