npm - @activecollab/components - Versions diffs - 2.0.303 → 2.0.305 - Mend

@activecollab/components 2.0.303 → 2.0.305

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1223) hide show

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

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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":[]}
1	+ {"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":[]}

package/dist/esm/components/Icons/collection/ArrowCollapseMultiple.js CHANGED Viewed

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowCollapseMultipleIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const ArrowCollapseMultipleIcon = /*#__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": "ArrowCollapseMultipleIcon",
     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 15l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 15zm4.72-11.736a.867.867 0 010 1.275L12 9 7.28 4.539a.867.867 0 010-1.275.993.993 0 011.348 0L12 6.451l3.372-3.187a.993.993 0 011.349 0zM6 11h12a1 1 0 010 2H6a1 1 0 010-2z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "m12 15 4.72 4.461a.867.867 0 0 1 0 1.275.995.995 0 0 1-1.25.08l-.098-.08L12 17.549l-3.372 3.187a.993.993 0 0 1-1.349 0 .865.865 0 0 1-.079-1.19l.08-.085zm4.72-11.736a.867.867 0 0 1 0 1.275L12 9 7.28 4.539a.867.867 0 0 1 0-1.275.993.993 0 0 1 1.348 0L12 6.451l3.372-3.187a.993.993 0 0 1 1.349 0M6 11h12a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2"
   }));
 });
 ArrowCollapseMultipleIcon.displayName = "ArrowCollapseMultipleIcon";

package/dist/esm/components/Icons/collection/ArrowCollapseMultiple.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowCollapseMultiple.js","names":["React","GradientDefs","ArrowCollapseMultipleIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowCollapseMultiple.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowCollapseMultipleIcon\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 * <ArrowCollapseMultipleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowCollapseMultipleIcon 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 ArrowCollapseMultipleIcon = 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=\"ArrowCollapseMultipleIcon\"\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~~ ~~15l4~~.72 4.461a.867.867 0 ~~010~~ 1.275.995.995 0 01-1.25.08l-.098-.08L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.~~085L12 15zm4~~.72-11.736a.867.867 0 ~~010~~ 1.275L12 9 7.28 4.539a.867.867 0 ~~010~~-1.275.993.993 0 ~~011~~.348 0L12 6.451l3.372-3.187a.993.993 0 ~~011~~.349 ~~0zM6~~ 11h12a1 1 0 ~~010~~ 2H6a1 1 0 ~~010~~-2z\"\n ~~fillRule=\"evenodd\"\n~~ />\n </svg>\n )\n);\nArrowCollapseMultipleIcon.displayName = \"ArrowCollapseMultipleIcon\";\nexport default ArrowCollapseMultipleIcon;\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,yBAAyB,gBAAGF,KAAK,CAACG,UAAU,CAChD,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,2BAA2B;IACvCC,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,~~oUAAoU~~;~~IACtUC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,yBAAyB,~~CAACmB~~,WAAW,GAAG,2BAA2B;AACnE,~~eAAenB~~,yBAAyB","ignoreList":[]}
1	+ {"version":3,"file":"ArrowCollapseMultiple.js","names":["React","GradientDefs","ArrowCollapseMultipleIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowCollapseMultiple.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowCollapseMultipleIcon\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 * <ArrowCollapseMultipleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowCollapseMultipleIcon 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 ArrowCollapseMultipleIcon = 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=\"ArrowCollapseMultipleIcon\"\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 15 4.72 4.461a.867.867 0 0 1 0 1.275.995.995 0 0 1-1.25.08l-.098-.08L12 17.549l-3.372 3.187a.993.993 0 0 1-1.349 0 .865.865 0 0 1-.079-1.19l.08-.085zm4.72-11.736a.867.867 0 0 1 0 1.275L12 9 7.28 4.539a.867.867 0 0 1 0-1.275.993.993 0 0 1 1.348 0L12 6.451l3.372-3.187a.993.993 0 0 1 1.349 0M6 11h12a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2\"\n />\n </svg>\n )\n);\nArrowCollapseMultipleIcon.displayName = \"ArrowCollapseMultipleIcon\";\nexport default ArrowCollapseMultipleIcon;\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,yBAAyB,gBAAGF,KAAK,CAACG,UAAU,CAChD,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,2BAA2B;IACvCC,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;EAA6U,CAChV,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,yBAAyB,CAACkB,WAAW,GAAG,2BAA2B;AACnE,eAAelB,yBAAyB","ignoreList":[]}

package/dist/esm/components/Icons/collection/ArrowDown.js CHANGED Viewed

@@ -30,10 +30,8 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowDownIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const ArrowDownIcon = /*#__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",
@@ -42,12 +40,12 @@ const ArrowDownIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     "data-testid": "ArrowDownIcon",
     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",
-    d: "M15.372 10.264a.993.993 0 011.349 0 .867.867 0 010 1.275L12 16l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 13.451l3.372-3.187z"
+    d: "M15.372 10.264a.993.993 0 0 1 1.349 0 .867.867 0 0 1 0 1.275L12 16l-4.72-4.461a.867.867 0 0 1 0-1.275.993.993 0 0 1 1.348 0L12 13.451z"
   }));
 });
 ArrowDownIcon.displayName = "ArrowDownIcon";

package/dist/esm/components/Icons/collection/ArrowDown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowDown.js","names":["React","GradientDefs","ArrowDownIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","fill","focusable","~~ref","~~fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowDown.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowDownIcon\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 * <ArrowDownIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowDownIcon 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 ArrowDownIcon = 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 xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n data-testid=\"ArrowDownIcon\"\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 d=\"M15.372 10.264a.993.993 0 ~~011~~.349 0 .867.867 0 ~~010~~ 1.275L12 16l-4.72-4.461a.867.867 0 ~~010~~-1.275.993.993 0 ~~011~~.348 0L12 13.~~451l3.372-3.187z~~\"\n />\n </svg>\n )\n);\nArrowDownIcon.displayName = \"ArrowDownIcon\";\nexport default ArrowDownIcon;\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,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;~~IACjBC~~,GAAG,~~EAAEZ~~;~~EAAO~~,~~GACRE~~,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;~~IACEQ~~,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC;~~EAA4I~~,~~CAC/I~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDjB~~,aAAa,~~CAACkB~~,WAAW,GAAG,eAAe;AAC3C,~~eAAelB~~,aAAa","ignoreList":[]}
1	+ {"version":3,"file":"ArrowDown.js","names":["React","GradientDefs","ArrowDownIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowDown.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowDownIcon\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 * <ArrowDownIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowDownIcon 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 ArrowDownIcon = 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=\"ArrowDownIcon\"\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=\"M15.372 10.264a.993.993 0 0 1 1.349 0 .867.867 0 0 1 0 1.275L12 16l-4.72-4.461a.867.867 0 0 1 0-1.275.993.993 0 0 1 1.348 0L12 13.451z\"\n />\n </svg>\n )\n);\nArrowDownIcon.displayName = \"ArrowDownIcon\";\nexport default ArrowDownIcon;\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;IACEO,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC;EAAwI,CAC3I,CACE,CAAC;AAAA,CAEV,CAAC;AACDhB,aAAa,CAACiB,WAAW,GAAG,eAAe;AAC3C,eAAejB,aAAa","ignoreList":[]}

package/dist/esm/components/Icons/collection/ArrowDownLong.js CHANGED Viewed

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowDownLongIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const ArrowDownLongIcon = /*#__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": "ArrowDownLongIcon",
     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: "M13 5v9h4l-5 5-5-5h4V5z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M13 5v9h4l-5 5-5-5h4V5z"
   }));
 });
 ArrowDownLongIcon.displayName = "ArrowDownLongIcon";

package/dist/esm/components/Icons/collection/ArrowDownLong.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowDownLong.js","names":["React","GradientDefs","ArrowDownLongIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowDownLong.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowDownLongIcon\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 * <ArrowDownLongIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowDownLongIcon 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 ArrowDownLongIcon = 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=\"ArrowDownLongIcon\"\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=\"M13 5v9h4l-5 5-5-5h4V5z\" ~~fillRule=\"evenodd\"~~ />\n </svg>\n )\n);\nArrowDownLongIcon.displayName = \"ArrowDownLongIcon\";\nexport default ArrowDownLongIcon;\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,iBAAiB,gBAAGF,KAAK,CAACG,UAAU,CACxC,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,mBAAmB;IAC/BC,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,~~yBAAyB~~;IAACC,~~QAAQ~~,EAAC;~~EAAS~~,CAAE,CACnD,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,iBAAiB,~~CAACmB~~,WAAW,GAAG,mBAAmB;AACnD,~~eAAenB~~,iBAAiB","ignoreList":[]}
1	+ {"version":3,"file":"ArrowDownLong.js","names":["React","GradientDefs","ArrowDownLongIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowDownLong.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowDownLongIcon\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 * <ArrowDownLongIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowDownLongIcon 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 ArrowDownLongIcon = 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=\"ArrowDownLongIcon\"\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=\"evenodd\" d=\"M13 5v9h4l-5 5-5-5h4V5z\" />\n </svg>\n )\n);\nArrowDownLongIcon.displayName = \"ArrowDownLongIcon\";\nexport default ArrowDownLongIcon;\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,iBAAiB,gBAAGF,KAAK,CAACG,UAAU,CACxC,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,mBAAmB;IAC/BC,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;EAAyB,CAAE,CACnD,CAAC;AAAA,CAEV,CAAC;AACDjB,iBAAiB,CAACkB,WAAW,GAAG,mBAAmB;AACnD,eAAelB,iBAAiB","ignoreList":[]}

package/dist/esm/components/Icons/collection/ArrowDownSmall.js CHANGED Viewed

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowDownSmallIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const ArrowDownSmallIcon = /*#__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: 16,
     height: 16,
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "ArrowDownSmallIcon",
     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: "M10.248 6.843a.662.662 0 01.9 0 .578.578 0 010 .85L8 10.666 4.853 7.692a.578.578 0 010-.85.662.662 0 01.9 0L8 8.968l2.248-2.124z"
+    d: "M10.248 6.843a.66.66 0 0 1 .9 0 .58.58 0 0 1 0 .85L8 10.666 4.853 7.692a.58.58 0 0 1 0-.85.66.66 0 0 1 .9 0L8 8.968z",
+    clipRule: "evenodd"
   }));
 });
 ArrowDownSmallIcon.displayName = "ArrowDownSmallIcon";

package/dist/esm/components/Icons/collection/ArrowDownSmall.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowDownSmall.js","names":["React","GradientDefs","ArrowDownSmallIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","~~width~~","~~height~~","~~xmlns~~","fill","focusable","~~ref~~","~~fillRule~~","clipRule","~~d","~~displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowDownSmall.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowDownSmallIcon\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 * <ArrowDownSmallIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowDownSmallIcon 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 ArrowDownSmallIcon = 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={16}\n height={16}\n~~ xmlns=\"http://www.w3.org/2000/svg\"\n data-testid=\"ArrowDownSmallIcon\"\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=\"M10.248 6.843a.~~662~~.~~662~~ 0 01.9 0 .~~578~~.~~578~~ 0 ~~010~~ .85L8 10.666 4.853 7.692a.~~578~~.~~578~~ 0 ~~010~~-.85.~~662~~.~~662~~ 0 01.9 0L8 8.~~968l2.248-2.124z~~\"\n />\n </svg>\n )\n);\nArrowDownSmallIcon.displayName = \"ArrowDownSmallIcon\";\nexport default ArrowDownSmallIcon;\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,kBAAkB,gBAAGF,KAAK,CAACG,UAAU,CACzC,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,oBAAoB;IAChCC,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;~~IACEQ~~,QAAQ,EAAC,SAAS;IAClBC,~~QAAQ~~,EAAC,~~SAAS~~;~~IAClBC~~,~~CAAC~~,EAAC;~~EAAkI~~,~~CACrI~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,kBAAkB,~~CAACmB~~,WAAW,GAAG,oBAAoB;AACrD,~~eAAenB~~,kBAAkB","ignoreList":[]}
1	+ {"version":3,"file":"ArrowDownSmall.js","names":["React","GradientDefs","ArrowDownSmallIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowDownSmall.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowDownSmallIcon\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 * <ArrowDownSmallIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowDownSmallIcon 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 ArrowDownSmallIcon = 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={16}\n height={16}\n data-testid=\"ArrowDownSmallIcon\"\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=\"M10.248 6.843a.66.66 0 0 1 .9 0 .58.58 0 0 1 0 .85L8 10.666 4.853 7.692a.58.58 0 0 1 0-.85.66.66 0 0 1 .9 0L8 8.968z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nArrowDownSmallIcon.displayName = \"ArrowDownSmallIcon\";\nexport default ArrowDownSmallIcon;\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,kBAAkB,gBAAGF,KAAK,CAACG,UAAU,CACzC,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,oBAAoB;IAChCC,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;IACEO,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,sHAAsH;IACxHC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,kBAAkB,CAACkB,WAAW,GAAG,oBAAoB;AACrD,eAAelB,kBAAkB","ignoreList":[]}

package/dist/esm/components/Icons/collection/ArrowExpandeMultiple.js CHANGED Viewed

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowExpandeMultipleIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const ArrowExpandeMultipleIcon = /*#__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": "ArrowExpandeMultipleIcon",
     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: "M16.72 15.264a.867.867 0 010 1.275L12 21l-4.72-4.461a.867.867 0 010-1.275.993.993 0 011.348 0L12 18.451l3.372-3.187a.993.993 0 011.349 0zM18 11a1 1 0 010 2H6a1 1 0 010-2h12zm-6-8l4.72 4.461a.867.867 0 010 1.275.995.995 0 01-1.25.08l-.098-.08L12 5.549 8.628 8.736a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.085L12 3z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M16.72 15.264a.867.867 0 0 1 0 1.275L12 21l-4.72-4.461a.867.867 0 0 1 0-1.275.993.993 0 0 1 1.348 0L12 18.451l3.372-3.187a.993.993 0 0 1 1.349 0M18 11a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2zm-6-8 4.72 4.461a.867.867 0 0 1 0 1.275.995.995 0 0 1-1.25.08l-.098-.08L12 5.549 8.628 8.736a.993.993 0 0 1-1.349 0 .865.865 0 0 1-.079-1.19l.08-.085z"
   }));
 });
 ArrowExpandeMultipleIcon.displayName = "ArrowExpandeMultipleIcon";

package/dist/esm/components/Icons/collection/ArrowExpandeMultiple.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowExpandeMultiple.js","names":["React","GradientDefs","ArrowExpandeMultipleIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowExpandeMultiple.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowExpandeMultipleIcon\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 * <ArrowExpandeMultipleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowExpandeMultipleIcon 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 ArrowExpandeMultipleIcon = 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=\"ArrowExpandeMultipleIcon\"\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=\"M16.72 15.264a.867.867 0 ~~010~~ 1.275L12 21l-4.72-4.461a.867.867 0 ~~010~~-1.275.993.993 0 ~~011~~.348 0L12 18.451l3.372-3.187a.993.993 0 ~~011~~.349 ~~0zM18~~ 11a1 1 0 ~~010~~ 2H6a1 1 0 ~~010~~-~~2h12zm~~-6-~~8l4~~.72 4.461a.867.867 0 ~~010~~ 1.275.995.995 0 01-1.25.08l-.098-.08L12 5.549 8.628 8.736a.993.993 0 01-1.349 0 .865.865 0 01-.079-1.19l.08-.~~085L12 3z~~\"\n ~~fillRule=\"evenodd\"\n~~ />\n </svg>\n )\n);\nArrowExpandeMultipleIcon.displayName = \"ArrowExpandeMultipleIcon\";\nexport default ArrowExpandeMultipleIcon;\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,wBAAwB,gBAAGF,KAAK,CAACG,UAAU,CAC/C,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,0BAA0B;IACtCC,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,~~qUAAqU~~;~~IACvUC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,wBAAwB,~~CAACmB~~,WAAW,GAAG,0BAA0B;AACjE,~~eAAenB~~,wBAAwB","ignoreList":[]}
1	+ {"version":3,"file":"ArrowExpandeMultiple.js","names":["React","GradientDefs","ArrowExpandeMultipleIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowExpandeMultiple.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowExpandeMultipleIcon\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 * <ArrowExpandeMultipleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowExpandeMultipleIcon 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 ArrowExpandeMultipleIcon = 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=\"ArrowExpandeMultipleIcon\"\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=\"M16.72 15.264a.867.867 0 0 1 0 1.275L12 21l-4.72-4.461a.867.867 0 0 1 0-1.275.993.993 0 0 1 1.348 0L12 18.451l3.372-3.187a.993.993 0 0 1 1.349 0M18 11a1 1 0 0 1 0 2H6a1 1 0 0 1 0-2zm-6-8 4.72 4.461a.867.867 0 0 1 0 1.275.995.995 0 0 1-1.25.08l-.098-.08L12 5.549 8.628 8.736a.993.993 0 0 1-1.349 0 .865.865 0 0 1-.079-1.19l.08-.085z\"\n />\n </svg>\n )\n);\nArrowExpandeMultipleIcon.displayName = \"ArrowExpandeMultipleIcon\";\nexport default ArrowExpandeMultipleIcon;\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,wBAAwB,gBAAGF,KAAK,CAACG,UAAU,CAC/C,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,0BAA0B;IACtCC,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;EAA6U,CAChV,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,wBAAwB,CAACkB,WAAW,GAAG,0BAA0B;AACjE,eAAelB,wBAAwB","ignoreList":[]}

package/dist/esm/components/Icons/collection/ArrowLeft.js CHANGED Viewed

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowLeftIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const ArrowLeftIcon = /*#__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": "ArrowLeftIcon",
     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: "M13.45 6.337l-5.657 5.657 5.657 5.657a1 1 0 101.414-1.414l-4.241-4.243 4.241-4.243a1 1 0 00-1.414-1.414z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "m13.45 6.337-5.657 5.657 5.657 5.657a1 1 0 1 0 1.414-1.414l-4.241-4.243 4.241-4.243a1 1 0 0 0-1.414-1.414"
   }));
 });
 ArrowLeftIcon.displayName = "ArrowLeftIcon";

package/dist/esm/components/Icons/collection/ArrowLeft.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowLeft.js","names":["React","GradientDefs","ArrowLeftIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowLeft.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowLeftIcon\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 * <ArrowLeftIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowLeftIcon 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 ArrowLeftIcon = 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=\"ArrowLeftIcon\"\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=\"~~M13~~.45 6.~~337l~~-5.657 5.657 5.657 5.657a1 1 0 ~~101~~.414-1.414l-4.241-4.243 4.241-4.243a1 1 0 00-1.414-1.~~414z~~\"\n ~~fillRule=\"evenodd\"\n~~ />\n </svg>\n )\n);\nArrowLeftIcon.displayName = \"ArrowLeftIcon\";\nexport default ArrowLeftIcon;\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,OAAO,EAAC,WAAW;~~IACnBC~~,~~KAAK,EAAC,4BAA4B;IAClC,~~eAAY,eAAe;IAC3BC,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,~~0GAA0G~~;~~IAC5GC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,aAAa,~~CAACmB~~,WAAW,GAAG,eAAe;AAC3C,~~eAAenB~~,aAAa","ignoreList":[]}
1	+ {"version":3,"file":"ArrowLeft.js","names":["React","GradientDefs","ArrowLeftIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowLeft.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowLeftIcon\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 * <ArrowLeftIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowLeftIcon 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 ArrowLeftIcon = 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=\"ArrowLeftIcon\"\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=\"m13.45 6.337-5.657 5.657 5.657 5.657a1 1 0 1 0 1.414-1.414l-4.241-4.243 4.241-4.243a1 1 0 0 0-1.414-1.414\"\n />\n </svg>\n )\n);\nArrowLeftIcon.displayName = \"ArrowLeftIcon\";\nexport default ArrowLeftIcon;\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;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,eAAe;IAC3BC,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;EAA2G,CAC9G,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,aAAa,CAACkB,WAAW,GAAG,eAAe;AAC3C,eAAelB,aAAa","ignoreList":[]}

package/dist/esm/components/Icons/collection/ArrowLeftBox.js CHANGED Viewed

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowLeftBoxIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const ArrowLeftBoxIcon = /*#__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": "ArrowLeftBoxIcon",
     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.92 15.59L6.33 13H16v-2H6.33l2.59-2.59L7.5 7l-5 5 5 5 1.42-1.41zM8 3v2h11v14H8v2h11a2 2 0 002-2V5c0-1.11-.89-2-2-2H8z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M8.92 15.59 6.33 13H16v-2H6.33l2.59-2.59L7.5 7l-5 5 5 5zM8 3v2h11v14H8v2h11a2 2 0 0 0 2-2V5c0-1.11-.89-2-2-2z"
   }));
 });
 ArrowLeftBoxIcon.displayName = "ArrowLeftBoxIcon";

package/dist/esm/components/Icons/collection/ArrowLeftBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowLeftBox.js","names":["React","GradientDefs","ArrowLeftBoxIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowLeftBox.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowLeftBoxIcon\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 * <ArrowLeftBoxIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowLeftBoxIcon 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 ArrowLeftBoxIcon = 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=\"ArrowLeftBoxIcon\"\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=\"M8.92 15.~~59L6~~.33 13H16v-2H6.33l2.59-2.59L7.5 7l-5 5 5 5 ~~1.42-1.41zM8~~ 3v2h11v14H8v2h11a2 2 0 ~~002~~-2V5c0-1.11-.89-2-2-~~2H8z~~\"\n ~~fillRule=\"evenodd\"\n~~ />\n </svg>\n )\n);\nArrowLeftBoxIcon.displayName = \"ArrowLeftBoxIcon\";\nexport default ArrowLeftBoxIcon;\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,~~yHAAyH~~;~~IAC3HC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,gBAAgB,~~CAACmB~~,WAAW,GAAG,kBAAkB;AACjD,~~eAAenB~~,gBAAgB","ignoreList":[]}
1	+ {"version":3,"file":"ArrowLeftBox.js","names":["React","GradientDefs","ArrowLeftBoxIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowLeftBox.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowLeftBoxIcon\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 * <ArrowLeftBoxIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowLeftBoxIcon 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 ArrowLeftBoxIcon = 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=\"ArrowLeftBoxIcon\"\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=\"M8.92 15.59 6.33 13H16v-2H6.33l2.59-2.59L7.5 7l-5 5 5 5zM8 3v2h11v14H8v2h11a2 2 0 0 0 2-2V5c0-1.11-.89-2-2-2z\"\n />\n </svg>\n )\n);\nArrowLeftBoxIcon.displayName = \"ArrowLeftBoxIcon\";\nexport default ArrowLeftBoxIcon;\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;EAA+G,CAClH,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,gBAAgB,CAACkB,WAAW,GAAG,kBAAkB;AACjD,eAAelB,gBAAgB","ignoreList":[]}

package/dist/esm/components/Icons/collection/ArrowRefresh.js CHANGED Viewed

@@ -30,26 +30,24 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowRefreshIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const ArrowRefreshIcon = /*#__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": "ArrowRefreshIcon",
     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: "M12 3a9 9 0 00-9 9H1l3 3.89L7 12H5a7 7 0 117 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.896 8.896 0 0012 21a9 9 0 100-18z"
+    d: "M12 3a9 9 0 0 0-9 9H1l3 3.89L7 12H5a7 7 0 1 1 7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.9 8.9 0 0 0 12 21a9 9 0 1 0 0-18",
+    clipRule: "evenodd"
   }));
 });
 ArrowRefreshIcon.displayName = "ArrowRefreshIcon";

package/dist/esm/components/Icons/collection/ArrowRefresh.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowRefresh.js","names":["React","GradientDefs","ArrowRefreshIcon","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/ArrowRefresh.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowRefreshIcon\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 * <ArrowRefreshIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowRefreshIcon 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 ArrowRefreshIcon = 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=\"ArrowRefreshIcon\"\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=\"M12 3a9 9 0 00-9 9H1l3 3.89L7 12H5a7 7 0 ~~117~~ 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.~~896~~ 8.~~896~~ 0 ~~0012~~ 21a9 9 0 ~~100~~-~~18z~~\"\n />\n </svg>\n )\n);\nArrowRefreshIcon.displayName = \"ArrowRefreshIcon\";\nexport default ArrowRefreshIcon;\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~~,QAAQ,EAAC,SAAS;IAClBC,~~QAAQ~~,EAAC,~~SAAS~~;~~IAClBC~~,~~CAAC~~,EAAC;~~EAA0H~~,~~CAC7H~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDnB~~,gBAAgB,~~CAACoB~~,WAAW,GAAG,kBAAkB;AACjD,~~eAAepB~~,gBAAgB","ignoreList":[]}
1	+ {"version":3,"file":"ArrowRefresh.js","names":["React","GradientDefs","ArrowRefreshIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowRefresh.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowRefreshIcon\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 * <ArrowRefreshIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowRefreshIcon 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 ArrowRefreshIcon = 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=\"ArrowRefreshIcon\"\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 3a9 9 0 0 0-9 9H1l3 3.89L7 12H5a7 7 0 1 1 7 7c-1.93 0-3.68-.79-4.94-2.06l-1.42 1.42A8.9 8.9 0 0 0 12 21a9 9 0 1 0 0-18\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nArrowRefreshIcon.displayName = \"ArrowRefreshIcon\";\nexport default ArrowRefreshIcon;\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,4HAA4H;IAC9HC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDlB,gBAAgB,CAACmB,WAAW,GAAG,kBAAkB;AACjD,eAAenB,gBAAgB","ignoreList":[]}

package/dist/esm/components/Icons/collection/ArrowRestore.js CHANGED Viewed

@@ -30,10 +30,8 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ArrowRestoreIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const ArrowRestoreIcon = /*#__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",
@@ -42,12 +40,12 @@ const ArrowRestoreIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     "data-testid": "ArrowRestoreIcon",
     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",
-    d: "M17.026 19.796a9 9 0 01-12.294-3.294l-1.732 1 .653-4.87 4.543 1.87-1.732 1a7 7 0 102.562-9.563 6.944 6.944 0 00-3.248 4.254l-1.94-.52a8.896 8.896 0 014.188-5.466 9 9 0 019 15.589z",
+    d: "M17.026 19.796a9 9 0 0 1-12.294-3.294l-1.732 1 .653-4.87 4.543 1.87-1.732 1a7 7 0 1 0 2.562-9.563 6.94 6.94 0 0 0-3.248 4.254l-1.94-.52a8.9 8.9 0 0 1 4.188-5.466 9 9 0 0 1 9 15.589",
     clipRule: "evenodd"
   }));
 });

package/dist/esm/components/Icons/collection/ArrowRestore.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ArrowRestore.js","names":["React","GradientDefs","ArrowRestoreIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","fill","focusable","~~ref","~~fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowRestore.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowRestoreIcon\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 * <ArrowRestoreIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowRestoreIcon 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 ArrowRestoreIcon = 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 xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n data-testid=\"ArrowRestoreIcon\"\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 d=\"M17.026 19.796a9 9 0 01-12.294-3.294l-1.732 1 .653-4.87 4.543 1.87-1.732 1a7 7 0 ~~102~~.562-9.563 6.~~944~~ 6.~~944~~ 0 00-3.248 4.254l-1.94-.52a8.~~896~~ 8.~~896~~ 0 ~~014~~.188-5.466 9 9 0 ~~019~~ 15.~~589z~~\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nArrowRestoreIcon.displayName = \"ArrowRestoreIcon\";\nexport default ArrowRestoreIcon;\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,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACX,eAAY,kBAAkB;IAC9BC,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;~~IACEQ~~,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,~~qLAAqL~~;~~IACvLC~~,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,gBAAgB,~~CAACmB~~,WAAW,GAAG,kBAAkB;AACjD,~~eAAenB~~,gBAAgB","ignoreList":[]}
1	+ {"version":3,"file":"ArrowRestore.js","names":["React","GradientDefs","ArrowRestoreIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/ArrowRestore.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ArrowRestoreIcon\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 * <ArrowRestoreIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ArrowRestoreIcon 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 ArrowRestoreIcon = 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=\"ArrowRestoreIcon\"\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=\"M17.026 19.796a9 9 0 0 1-12.294-3.294l-1.732 1 .653-4.87 4.543 1.87-1.732 1a7 7 0 1 0 2.562-9.563 6.94 6.94 0 0 0-3.248 4.254l-1.94-.52a8.9 8.9 0 0 1 4.188-5.466 9 9 0 0 1 9 15.589\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nArrowRestoreIcon.displayName = \"ArrowRestoreIcon\";\nexport default ArrowRestoreIcon;\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;IACX,eAAY,kBAAkB;IAC9BC,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;IACEO,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC,sLAAsL;IACxLC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,gBAAgB,CAACkB,WAAW,GAAG,kBAAkB;AACjD,eAAelB,gBAAgB","ignoreList":[]}