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/ClockStopwatchIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ClockStopwatchIndicator.js","names":["React","GradientDefs","ClockStopwatchIndicatorIcon","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/ClockStopwatchIndicator.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ClockStopwatchIndicatorIcon\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 * <ClockStopwatchIndicatorIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ClockStopwatchIndicatorIcon 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 ClockStopwatchIndicatorIcon = 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=\"ClockStopwatchIndicatorIcon\"\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 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 ~~2zm0~~ 2a8 8 0 ~~100~~ 16 8 8 0 ~~000~~-~~16zm1~~ 2v7h-~~2V6h2zM19~~.586.172l4.242 4.242-1.414 1.414-4.242-4.~~242L19.586.172z~~\"\n />\n </svg>\n )\n);\nClockStopwatchIndicatorIcon.displayName = \"ClockStopwatchIndicatorIcon\";\nexport default ClockStopwatchIndicatorIcon;\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,2BAA2B,gBAAGF,KAAK,CAACG,UAAU,CAClD,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,6BAA6B;IACzCC,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~~,2BAA2B,~~CAACoB~~,WAAW,GAAG,6BAA6B;AACvE,~~eAAepB~~,2BAA2B","ignoreList":[]}
1	+ {"version":3,"file":"ClockStopwatchIndicator.js","names":["React","GradientDefs","ClockStopwatchIndicatorIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/ClockStopwatchIndicator.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ClockStopwatchIndicatorIcon\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 * <ClockStopwatchIndicatorIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ClockStopwatchIndicatorIcon 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 ClockStopwatchIndicatorIcon = 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=\"ClockStopwatchIndicatorIcon\"\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 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16m1 2v7h-2V6zM19.586.172l4.242 4.242-1.414 1.414-4.242-4.242z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nClockStopwatchIndicatorIcon.displayName = \"ClockStopwatchIndicatorIcon\";\nexport default ClockStopwatchIndicatorIcon;\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,2BAA2B,gBAAGF,KAAK,CAACG,UAAU,CAClD,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,6BAA6B;IACzCC,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,uKAAuK;IACzKC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDlB,2BAA2B,CAACmB,WAAW,GAAG,6BAA6B;AACvE,eAAenB,2BAA2B","ignoreList":[]}

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

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ClockStopwatchSmallIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const ClockStopwatchSmallIcon = /*#__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: 12,
     height: 12,
     viewBox: "0 0 12 12",
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "ClockStopwatchSmallIcon",
     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: "M5.5.9a5.5 5.5 0 110 11 5.5 5.5 0 010-11zm0 1a4.5 4.5 0 100 9 4.5 4.5 0 000-9zm.515 1v4H5v-4h1.015zM9.797 0l2.152 2.121-.717.707L9.08.708 9.797 0z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M5.5.9a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11m0 1a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9m.515 1v4H5v-4zM9.797 0l2.152 2.121-.717.707L9.08.708z"
   }));
 });
 ClockStopwatchSmallIcon.displayName = "ClockStopwatchSmallIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ClockStopwatchSmall.js","names":["React","GradientDefs","ClockStopwatchSmallIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/ClockStopwatchSmall.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ClockStopwatchSmallIcon\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 * <ClockStopwatchSmallIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ClockStopwatchSmallIcon 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 ClockStopwatchSmallIcon = 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={12}\n height={12}\n viewBox=\"0 0 12 12\"\n ~~xmlns=\"http://www.w3.org/2000/svg\"\n~~ data-testid=\"ClockStopwatchSmallIcon\"\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=\"M5.5.9a5.5 5.5 0 ~~110~~ 11 5.5 5.5 0 ~~010~~-~~11zm0~~ 1a4.5 4.5 0 ~~100~~ 9 4.5 4.5 0 ~~000~~-~~9zm~~.515 1v4H5v-~~4h1~~.~~015zM9.~~797 0l2.152 2.121-.717.707L9.08.~~708 9.797 0z~~\"\n ~~fillRule=\"evenodd\"\n~~ />\n </svg>\n )\n);\nClockStopwatchSmallIcon.displayName = \"ClockStopwatchSmallIcon\";\nexport default ClockStopwatchSmallIcon;\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,uBAAuB,gBAAGF,KAAK,CAACG,UAAU,CAC9C,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,yBAAyB;IACrCC,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,~~oJAAoJ~~;~~IACtJC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,uBAAuB,~~CAACmB~~,WAAW,GAAG,yBAAyB;AAC/D,~~eAAenB~~,uBAAuB","ignoreList":[]}
1	+ {"version":3,"file":"ClockStopwatchSmall.js","names":["React","GradientDefs","ClockStopwatchSmallIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/ClockStopwatchSmall.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ClockStopwatchSmallIcon\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 * <ClockStopwatchSmallIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ClockStopwatchSmallIcon 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 ClockStopwatchSmallIcon = 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={12}\n height={12}\n viewBox=\"0 0 12 12\"\n data-testid=\"ClockStopwatchSmallIcon\"\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=\"M5.5.9a5.5 5.5 0 1 1 0 11 5.5 5.5 0 0 1 0-11m0 1a4.5 4.5 0 1 0 0 9 4.5 4.5 0 0 0 0-9m.515 1v4H5v-4zM9.797 0l2.152 2.121-.717.707L9.08.708z\"\n />\n </svg>\n )\n);\nClockStopwatchSmallIcon.displayName = \"ClockStopwatchSmallIcon\";\nexport default ClockStopwatchSmallIcon;\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,uBAAuB,gBAAGF,KAAK,CAACG,UAAU,CAC9C,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,yBAAyB;IACrCC,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;EAA4I,CAC/I,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,uBAAuB,CAACkB,WAAW,GAAG,yBAAyB;AAC/D,eAAelB,uBAAuB","ignoreList":[]}

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

@@ -30,26 +30,24 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const CloseIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const CloseIcon = /*#__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": "CloseIcon",
     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: "M7.613 6.21l.094.083L12 10.585l4.293-4.292a1 1 0 011.497 1.32l-.083.094L13.415 12l4.292 4.293a1 1 0 01-1.32 1.497l-.094-.083L12 13.415l-4.293 4.292a1 1 0 01-1.497-1.32l.083-.094L10.585 12 6.293 7.707a1 1 0 011.32-1.497z"
+    d: "m7.613 6.21.094.083L12 10.585l4.293-4.292a1 1 0 0 1 1.497 1.32l-.083.094L13.415 12l4.292 4.293a1 1 0 0 1-1.32 1.497l-.094-.083L12 13.415l-4.293 4.292a1 1 0 0 1-1.497-1.32l.083-.094L10.585 12 6.293 7.707a1 1 0 0 1 1.32-1.497",
+    clipRule: "evenodd"
   }));
 });
 CloseIcon.displayName = "CloseIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Close.js","names":["React","GradientDefs","CloseIcon","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/Close.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CloseIcon\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 * <CloseIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CloseIcon 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 CloseIcon = 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=\"CloseIcon\"\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=\"M7.613 6.~~21l~~.094.083L12 10.585l4.293-4.292a1 1 0 ~~011~~.497 1.32l-.083.094L13.415 12l4.292 4.293a1 1 0 01-1.32 1.497l-.094-.083L12 13.415l-4.293 4.292a1 1 0 01-1.497-1.32l.083-.094L10.585 12 6.293 7.707a1 1 0 ~~011~~.32-1.~~497z~~\"\n />\n </svg>\n )\n);\nCloseIcon.displayName = \"CloseIcon\";\nexport default CloseIcon;\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,SAAS,gBAAGF,KAAK,CAACG,UAAU,CAChC,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,WAAW;IACvBC,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;~~EAA6N~~,~~CAChO~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDnB~~,SAAS,~~CAACoB~~,WAAW,GAAG,WAAW;AACnC,~~eAAepB~~,SAAS","ignoreList":[]}
1	+ {"version":3,"file":"Close.js","names":["React","GradientDefs","CloseIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/Close.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CloseIcon\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 * <CloseIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CloseIcon 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 CloseIcon = 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=\"CloseIcon\"\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=\"m7.613 6.21.094.083L12 10.585l4.293-4.292a1 1 0 0 1 1.497 1.32l-.083.094L13.415 12l4.292 4.293a1 1 0 0 1-1.32 1.497l-.094-.083L12 13.415l-4.293 4.292a1 1 0 0 1-1.497-1.32l.083-.094L10.585 12 6.293 7.707a1 1 0 0 1 1.32-1.497\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nCloseIcon.displayName = \"CloseIcon\";\nexport default CloseIcon;\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,SAAS,gBAAGF,KAAK,CAACG,UAAU,CAChC,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,WAAW;IACvBC,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,iOAAiO;IACnOC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDlB,SAAS,CAACmB,WAAW,GAAG,WAAW;AACnC,eAAenB,SAAS","ignoreList":[]}

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

@@ -30,26 +30,24 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const CloseCircleIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const CloseCircleIcon = /*#__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": "CloseCircleIcon",
     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 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2a8 8 0 100 16 8 8 0 000-16zM9.194 7.79l2.805 2.806 2.807-2.805a.992.992 0 111.403 1.403l-2.806 2.805 2.806 2.807a.992.992 0 11-1.403 1.403L12 13.403 9.194 16.21a.992.992 0 11-1.403-1.403L10.596 12 7.79 9.194A.992.992 0 119.194 7.79z"
+    d: "M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16M9.194 7.79l2.805 2.806 2.807-2.805a.992.992 0 1 1 1.403 1.403l-2.806 2.805 2.806 2.807a.992.992 0 1 1-1.403 1.403L12 13.403 9.194 16.21a.992.992 0 1 1-1.403-1.403L10.596 12 7.79 9.194A.992.992 0 1 1 9.194 7.79",
+    clipRule: "evenodd"
   }));
 });
 CloseCircleIcon.displayName = "CloseCircleIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CloseCircle.js","names":["React","GradientDefs","CloseCircleIcon","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/CloseCircle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CloseCircleIcon\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 * <CloseCircleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CloseCircleIcon 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 CloseCircleIcon = 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=\"CloseCircleIcon\"\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 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 ~~2zm0~~ 2a8 8 0 ~~100~~ 16 8 8 0 ~~000~~-~~16zM9~~.194 7.79l2.805 2.806 2.807-2.805a.992.992 0 ~~111~~.403 1.403l-2.806 2.805 2.806 2.807a.992.992 0 11-1.403 1.403L12 13.403 9.194 16.21a.992.992 0 11-1.403-1.403L10.596 12 7.79 9.194A.992.992 0 ~~119~~.194 7.~~79z~~\"\n />\n </svg>\n )\n);\nCloseCircleIcon.displayName = \"CloseCircleIcon\";\nexport default CloseCircleIcon;\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,eAAe,gBAAGF,KAAK,CAACG,UAAU,CACtC,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,iBAAiB;IAC7BC,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;~~EAAsT~~,~~CACzT~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDnB~~,eAAe,~~CAACoB~~,WAAW,GAAG,iBAAiB;AAC/C,~~eAAepB~~,eAAe","ignoreList":[]}
1	+ {"version":3,"file":"CloseCircle.js","names":["React","GradientDefs","CloseCircleIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/CloseCircle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CloseCircleIcon\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 * <CloseCircleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CloseCircleIcon 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 CloseCircleIcon = 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=\"CloseCircleIcon\"\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 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2m0 2a8 8 0 1 0 0 16 8 8 0 0 0 0-16M9.194 7.79l2.805 2.806 2.807-2.805a.992.992 0 1 1 1.403 1.403l-2.806 2.805 2.806 2.807a.992.992 0 1 1-1.403 1.403L12 13.403 9.194 16.21a.992.992 0 1 1-1.403-1.403L10.596 12 7.79 9.194A.992.992 0 1 1 9.194 7.79\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nCloseCircleIcon.displayName = \"CloseCircleIcon\";\nexport default CloseCircleIcon;\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,eAAe,gBAAGF,KAAK,CAACG,UAAU,CACtC,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,iBAAiB;IAC7BC,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,6TAA6T;IAC/TC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDlB,eAAe,CAACmB,WAAW,GAAG,iBAAiB;AAC/C,eAAenB,eAAe","ignoreList":[]}

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

@@ -30,10 +30,8 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const CloseDocumentIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const CloseDocumentIcon = /*#__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 CloseDocumentIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
     "data-testid": "CloseDocumentIcon",
     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: "M5 4h10.19L19 7.891V20H5V4zm11.03-2H5a2 2 0 00-2 2v16a2 2 0 002 2h14a2 2 0 002-2V7.075L16.03 2zM9.707 9.293a1 1 0 00-1.414 1.414L10.586 13l-2.293 2.293a1 1 0 101.414 1.414L12 14.414l2.293 2.293a1 1 0 001.414-1.414L13.414 13l2.293-2.293a1 1 0 00-1.414-1.414L12 11.586 9.707 9.293z",
+    d: "M5 4h10.19L19 7.891V20H5zm11.03-2H5a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7.075zM9.707 9.293a1 1 0 0 0-1.414 1.414L10.586 13l-2.293 2.293a1 1 0 1 0 1.414 1.414L12 14.414l2.293 2.293a1 1 0 0 0 1.414-1.414L13.414 13l2.293-2.293a1 1 0 0 0-1.414-1.414L12 11.586z",
     clipRule: "evenodd"
   }));
 });

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CloseDocument.js","names":["React","GradientDefs","CloseDocumentIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","fill","focusable","~~ref","~~fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/CloseDocument.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CloseDocumentIcon\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 * <CloseDocumentIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CloseDocumentIcon 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 CloseDocumentIcon = 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=\"CloseDocumentIcon\"\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=\"M5 4h10.19L19 7.~~891V20H5V4zm11~~.03-2H5a2 2 0 00-2 2v16a2 2 0 ~~002~~ 2h14a2 2 0 ~~002~~-2V7.~~075L16~~.~~03 2zM9.~~707 9.293a1 1 0 00-1.414 1.414L10.586 13l-2.293 2.293a1 1 0 ~~101~~.414 1.414L12 14.414l2.293 2.293a1 1 0 ~~001~~.414-1.414L13.414 13l2.293-2.293a1 1 0 00-1.414-1.414L12 11.~~586 9.707 9.293z~~\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nCloseDocumentIcon.displayName = \"CloseDocumentIcon\";\nexport default CloseDocumentIcon;\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,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACX,eAAY,mBAAmB;IAC/BC,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,~~yRAAyR~~;~~IAC3RC~~,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,iBAAiB,~~CAACmB~~,WAAW,GAAG,mBAAmB;AACnD,~~eAAenB~~,iBAAiB","ignoreList":[]}
1	+ {"version":3,"file":"CloseDocument.js","names":["React","GradientDefs","CloseDocumentIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/CloseDocument.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CloseDocumentIcon\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 * <CloseDocumentIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CloseDocumentIcon 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 CloseDocumentIcon = 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=\"CloseDocumentIcon\"\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=\"M5 4h10.19L19 7.891V20H5zm11.03-2H5a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V7.075zM9.707 9.293a1 1 0 0 0-1.414 1.414L10.586 13l-2.293 2.293a1 1 0 1 0 1.414 1.414L12 14.414l2.293 2.293a1 1 0 0 0 1.414-1.414L13.414 13l2.293-2.293a1 1 0 0 0-1.414-1.414L12 11.586z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nCloseDocumentIcon.displayName = \"CloseDocumentIcon\";\nexport default CloseDocumentIcon;\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;IACX,eAAY,mBAAmB;IAC/BC,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,8QAA8Q;IAChRC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,iBAAiB,CAACkB,WAAW,GAAG,mBAAmB;AACnD,eAAelB,iBAAiB","ignoreList":[]}

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

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const CloseSmallIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const CloseSmallIcon = /*#__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": "CloseSmallIcon",
     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: "M9.485 8.071l2.828 2.827 2.83-2.827a1 1 0 011.413 1.414l-2.828 2.828 2.828 2.83a1 1 0 01-1.414 1.413l-2.829-2.828-2.828 2.828a1 1 0 11-1.414-1.414l2.827-2.829-2.827-2.828a1 1 0 011.414-1.414z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "m9.485 8.071 2.828 2.827 2.83-2.827a1 1 0 0 1 1.413 1.414l-2.828 2.828 2.828 2.83a1 1 0 0 1-1.414 1.413l-2.829-2.828-2.828 2.828a1 1 0 1 1-1.414-1.414l2.827-2.829-2.827-2.828a1 1 0 0 1 1.414-1.414"
   }));
 });
 CloseSmallIcon.displayName = "CloseSmallIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CloseSmall.js","names":["React","GradientDefs","CloseSmallIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/CloseSmall.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CloseSmallIcon\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 * <CloseSmallIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CloseSmallIcon 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 CloseSmallIcon = 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=\"CloseSmallIcon\"\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=\"M9.485 8.~~071l2~~.828 2.827 2.83-2.827a1 1 0 ~~011~~.413 1.414l-2.828 2.828 2.828 2.83a1 1 0 01-1.414 1.413l-2.829-2.828-2.828 2.828a1 1 0 11-1.414-1.414l2.827-2.829-2.827-2.828a1 1 0 ~~011~~.414-1.~~414z~~\"\n ~~fillRule=\"evenodd\"\n~~ />\n </svg>\n )\n);\nCloseSmallIcon.displayName = \"CloseSmallIcon\";\nexport default CloseSmallIcon;\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,cAAc,gBAAGF,KAAK,CAACG,UAAU,CACrC,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,gBAAgB;IAC5BC,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,~~iMAAiM~~;~~IACnMC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,cAAc,~~CAACmB~~,WAAW,GAAG,gBAAgB;AAC7C,~~eAAenB~~,cAAc","ignoreList":[]}
1	+ {"version":3,"file":"CloseSmall.js","names":["React","GradientDefs","CloseSmallIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/CloseSmall.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CloseSmallIcon\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 * <CloseSmallIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CloseSmallIcon 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 CloseSmallIcon = 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=\"CloseSmallIcon\"\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=\"m9.485 8.071 2.828 2.827 2.83-2.827a1 1 0 0 1 1.413 1.414l-2.828 2.828 2.828 2.83a1 1 0 0 1-1.414 1.413l-2.829-2.828-2.828 2.828a1 1 0 1 1-1.414-1.414l2.827-2.829-2.827-2.828a1 1 0 0 1 1.414-1.414\"\n />\n </svg>\n )\n);\nCloseSmallIcon.displayName = \"CloseSmallIcon\";\nexport default CloseSmallIcon;\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,cAAc,gBAAGF,KAAK,CAACG,UAAU,CACrC,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,gBAAgB;IAC5BC,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;EAAsM,CACzM,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,cAAc,CAACkB,WAAW,GAAG,gBAAgB;AAC7C,eAAelB,cAAc","ignoreList":[]}

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

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const CollapsIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const CollapsIcon = /*#__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: 6,
     height: 9,
     viewBox: "0 0 6 9",
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "CollapsIcon",
     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: "M4.243.22L0 4.462l4.243 4.243a.75.75 0 101.06-1.06l-3.18-3.183 3.18-3.182A.75.75 0 004.243.22z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M4.243.22 0 4.462l4.243 4.243a.75.75 0 1 0 1.06-1.06l-3.18-3.183 3.18-3.182A.75.75 0 0 0 4.243.22"
   }));
 });
 CollapsIcon.displayName = "CollapsIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CollapsIcon.js","names":["React","GradientDefs","CollapsIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/CollapsIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CollapsIcon\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 * <CollapsIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CollapsIcon 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 CollapsIcon = 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={6}\n height={9}\n viewBox=\"0 0 6 9\"\n ~~xmlns=\"http://www.w3.org/2000/svg\"\n~~ data-testid=\"CollapsIcon\"\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=\"M4.243.~~22L0~~ 4.462l4.243 4.243a.75.75 0 ~~101~~.06-1.06l-3.18-3.183 3.18-3.182A.75.75 0 ~~004~~.243.~~22z~~\"\n ~~fillRule=\"evenodd\"\n~~ />\n </svg>\n )\n);\nCollapsIcon.displayName = \"CollapsIcon\";\nexport default CollapsIcon;\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,CAAE;IACTC,MAAM,EAAE,CAAE;IACVC,OAAO,EAAC,SAAS;~~IACjBC~~,~~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~~,~~CAAC~~,EAAC,~~gGAAgG~~;~~IAClGC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,WAAW,~~CAACmB~~,WAAW,GAAG,aAAa;AACvC,~~eAAenB~~,WAAW","ignoreList":[]}
1	+ {"version":3,"file":"CollapsIcon.js","names":["React","GradientDefs","CollapsIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/CollapsIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CollapsIcon\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 * <CollapsIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CollapsIcon 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 CollapsIcon = 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={6}\n height={9}\n viewBox=\"0 0 6 9\"\n data-testid=\"CollapsIcon\"\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=\"M4.243.22 0 4.462l4.243 4.243a.75.75 0 1 0 1.06-1.06l-3.18-3.183 3.18-3.182A.75.75 0 0 0 4.243.22\"\n />\n </svg>\n )\n);\nCollapsIcon.displayName = \"CollapsIcon\";\nexport default CollapsIcon;\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,CAAE;IACTC,MAAM,EAAE,CAAE;IACVC,OAAO,EAAC,SAAS;IACjB,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;EAAmG,CACtG,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,WAAW,CAACkB,WAAW,GAAG,aAAa;AACvC,eAAelB,WAAW","ignoreList":[]}

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

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const CollapseAllIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const CollapseAllIcon = /*#__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": "CollapseAllIcon",
     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.993.993 0 01-1.348 0L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .867.867 0 010-1.275L12 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 0zM12 14a2 2 0 100-4 2 2 0 000 4z",
-    fillRule: "nonzero"
+    fillRule: "nonzero",
+    d: "m12 15 4.72 4.461a.867.867 0 0 1 0 1.275.993.993 0 0 1-1.348 0L12 17.549l-3.372 3.187a.993.993 0 0 1-1.349 0 .867.867 0 0 1 0-1.275zm4.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 0M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4"
   }));
 });
 CollapseAllIcon.displayName = "CollapseAllIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CollapseAll.js","names":["React","GradientDefs","CollapseAllIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/CollapseAll.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CollapseAllIcon\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 * <CollapseAllIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CollapseAllIcon 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 CollapseAllIcon = 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=\"CollapseAllIcon\"\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.993.993 0 01-1.348 0L12 17.549l-3.372 3.187a.993.993 0 01-1.349 0 .867.867 0 ~~010~~-1.~~275L12 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 ~~0zM12~~ 14a2 2 0 ~~100~~-4 2 2 0 ~~000~~ 4z\"\n ~~fillRule=\"nonzero\"\n~~ />\n </svg>\n )\n);\nCollapseAllIcon.displayName = \"CollapseAllIcon\";\nexport default CollapseAllIcon;\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,eAAe,gBAAGF,KAAK,CAACG,UAAU,CACtC,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,iBAAiB;IAC7BC,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,~~0SAA0S~~;~~IAC5SC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,eAAe,~~CAACmB~~,WAAW,GAAG,iBAAiB;AAC/C,~~eAAenB~~,eAAe","ignoreList":[]}
1	+ {"version":3,"file":"CollapseAll.js","names":["React","GradientDefs","CollapseAllIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/CollapseAll.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CollapseAllIcon\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 * <CollapseAllIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CollapseAllIcon 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 CollapseAllIcon = 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=\"CollapseAllIcon\"\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=\"nonzero\"\n d=\"m12 15 4.72 4.461a.867.867 0 0 1 0 1.275.993.993 0 0 1-1.348 0L12 17.549l-3.372 3.187a.993.993 0 0 1-1.349 0 .867.867 0 0 1 0-1.275zm4.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 0M12 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4\"\n />\n </svg>\n )\n);\nCollapseAllIcon.displayName = \"CollapseAllIcon\";\nexport default CollapseAllIcon;\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,eAAe,gBAAGF,KAAK,CAACG,UAAU,CACtC,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,iBAAiB;IAC7BC,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;EAAoT,CACvT,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,eAAe,CAACkB,WAAW,GAAG,iBAAiB;AAC/C,eAAelB,eAAe","ignoreList":[]}

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

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const CollapseExpandSingleIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const CollapseExpandSingleIcon = /*#__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": "CollapseExpandSingleIcon",
     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: "M15.372 14.736a.993.993 0 001.349 0 .867.867 0 000-1.275L12 9l-4.72 4.461a.867.867 0 000 1.275.993.993 0 001.348 0L12 11.549l3.372 3.187z",
-    fillRule: "nonzero"
+    fillRule: "nonzero",
+    d: "M15.372 14.736a.993.993 0 0 0 1.349 0 .867.867 0 0 0 0-1.275L12 9l-4.72 4.461a.867.867 0 0 0 0 1.275.993.993 0 0 0 1.348 0L12 11.549z"
   }));
 });
 CollapseExpandSingleIcon.displayName = "CollapseExpandSingleIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CollapseExpandSingle.js","names":["React","GradientDefs","CollapseExpandSingleIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/CollapseExpandSingle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CollapseExpandSingleIcon\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 * <CollapseExpandSingleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CollapseExpandSingleIcon 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 CollapseExpandSingleIcon = 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=\"CollapseExpandSingleIcon\"\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=\"M15.372 14.736a.993.993 0 ~~001~~.349 0 .867.867 0 ~~000~~-1.275L12 9l-4.72 4.461a.867.867 0 ~~000~~ 1.275.993.993 0 ~~001~~.348 0L12 11.~~549l3.372 3.187z~~\"\n ~~fillRule=\"nonzero\"\n~~ />\n </svg>\n )\n);\nCollapseExpandSingleIcon.displayName = \"CollapseExpandSingleIcon\";\nexport default CollapseExpandSingleIcon;\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,~~2IAA2I~~;~~IAC7IC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,wBAAwB,~~CAACmB~~,WAAW,GAAG,0BAA0B;AACjE,~~eAAenB~~,wBAAwB","ignoreList":[]}
1	+ {"version":3,"file":"CollapseExpandSingle.js","names":["React","GradientDefs","CollapseExpandSingleIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/CollapseExpandSingle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CollapseExpandSingleIcon\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 * <CollapseExpandSingleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CollapseExpandSingleIcon 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 CollapseExpandSingleIcon = 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=\"CollapseExpandSingleIcon\"\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=\"nonzero\"\n d=\"M15.372 14.736a.993.993 0 0 0 1.349 0 .867.867 0 0 0 0-1.275L12 9l-4.72 4.461a.867.867 0 0 0 0 1.275.993.993 0 0 0 1.348 0L12 11.549z\"\n />\n </svg>\n )\n);\nCollapseExpandSingleIcon.displayName = \"CollapseExpandSingleIcon\";\nexport default CollapseExpandSingleIcon;\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;EAAuI,CAC1I,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,wBAAwB,CAACkB,WAAW,GAAG,0BAA0B;AACjE,eAAelB,wBAAwB","ignoreList":[]}

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

@@ -30,26 +30,24 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const CompanyIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const CompanyIcon = /*#__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": "CompanyIcon",
     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: "M20 22H4V4a2 2 0 012-2h12a2 2 0 012 2v18zM6 20h5v-3.5h2V20h5V4H6v16zm11-4v2h-2v-2h2zm-8 0v2H7v-2h2zm8-5v2h-2v-2h2zm-4 0v2h-2v-2h2zm-4 0v2H7v-2h2zm4-5v2h-2V6h2zm4 0v2h-2V6h2zM9 6v2H7V6h2z"
+    d: "M20 22H4V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2zM6 20h5v-3.5h2V20h5V4H6zm11-4v2h-2v-2zm-8 0v2H7v-2zm8-5v2h-2v-2zm-4 0v2h-2v-2zm-4 0v2H7v-2zm4-5v2h-2V6zm4 0v2h-2V6zM9 6v2H7V6z",
+    clipRule: "evenodd"
   }));
 });
 CompanyIcon.displayName = "CompanyIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Company.js","names":["React","GradientDefs","CompanyIcon","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/Company.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CompanyIcon\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 * <CompanyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CompanyIcon 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 CompanyIcon = 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=\"CompanyIcon\"\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=\"M20 22H4V4a2 2 0 ~~012~~-2h12a2 2 0 ~~012~~ ~~2v18zM6~~ 20h5v-3.~~5h2V20h5V4H6v16zm11~~-4v2h-2v-~~2h2zm~~-8 0v2H7v-~~2h2zm8~~-5v2h-2v-~~2h2zm~~-4 0v2h-2v-~~2h2zm~~-4 0v2H7v-~~2h2zm4~~-5v2h-~~2V6h2zm4~~ 0v2h-~~2V6h2zM9~~ ~~6v2H7V6h2z~~\"\n />\n </svg>\n )\n);\nCompanyIcon.displayName = \"CompanyIcon\";\nexport default CompanyIcon;\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;~~EAA4L~~,~~CAC/L~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDnB~~,WAAW,~~CAACoB~~,WAAW,GAAG,aAAa;AACvC,~~eAAepB~~,WAAW","ignoreList":[]}
1	+ {"version":3,"file":"Company.js","names":["React","GradientDefs","CompanyIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/Company.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CompanyIcon\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 * <CompanyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CompanyIcon 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 CompanyIcon = 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=\"CompanyIcon\"\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=\"M20 22H4V4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2zM6 20h5v-3.5h2V20h5V4H6zm11-4v2h-2v-2zm-8 0v2H7v-2zm8-5v2h-2v-2zm-4 0v2h-2v-2zm-4 0v2H7v-2zm4-5v2h-2V6zm4 0v2h-2V6zM9 6v2H7V6z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nCompanyIcon.displayName = \"CompanyIcon\";\nexport default CompanyIcon;\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,0KAA0K;IAC5KC,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/CompanyAdd.js CHANGED Viewed

@@ -30,26 +30,24 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const CompanyAddIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const CompanyAddIcon = /*#__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: 18,
     height: 20,
     viewBox: "0 0 18 20",
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "CompanyAddIcon",
     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 0v2H2v16h5v-3.5h2V18h5V8h2v12H0V2a2 2 0 012-2h8zm3 14v2h-2v-2h2zm-8 0v2H3v-2h2zm8-5v2h-2V9h2zM9 9v2H7V9h2zM5 9v2H3V9h2zm4-5v2H7V4h2zM5 4v2H3V4h2zm11-4v2h2v2h-2v2h-2V3.999L12 4V2l2-.001V0h2z"
+    d: "M10 0v2H2v16h5v-3.5h2V18h5V8h2v12H0V2a2 2 0 0 1 2-2zm3 14v2h-2v-2zm-8 0v2H3v-2zm8-5v2h-2V9zM9 9v2H7V9zM5 9v2H3V9zm4-5v2H7V4zM5 4v2H3V4zm11-4v2h2v2h-2v2h-2V3.999L12 4V2l2-.001V0z",
+    clipRule: "evenodd"
   }));
 });
 CompanyAddIcon.displayName = "CompanyAddIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CompanyAdd.js","names":["React","GradientDefs","CompanyAddIcon","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/CompanyAdd.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CompanyAddIcon\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 * <CompanyAddIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CompanyAddIcon 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 CompanyAddIcon = 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={18}\n height={20}\n viewBox=\"0 0 18 20\"\n ~~xmlns=\"http://www.w3.org/2000/svg\"\n~~ data-testid=\"CompanyAddIcon\"\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 0v2H2v16h5v-3.5h2V18h5V8h2v12H0V2a2 2 0 ~~012~~-~~2h8zm3~~ 14v2h-2v-~~2h2zm~~-8 0v2H3v-~~2h2zm8~~-5v2h-~~2V9h2zM9~~ ~~9v2H7V9h2zM5~~ ~~9v2H3V9h2zm4~~-~~5v2H7V4h2zM5~~ ~~4v2H3V4h2zm11~~-4v2h2v2h-2v2h-2V3.999L12 4V2l2-.~~001V0h2z~~\"\n />\n </svg>\n )\n);\nCompanyAddIcon.displayName = \"CompanyAddIcon\";\nexport default CompanyAddIcon;\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,cAAc,gBAAGF,KAAK,CAACG,UAAU,CACrC,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,gBAAgB;IAC5BC,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;~~EAAmM~~,~~CACtM~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDnB~~,cAAc,~~CAACoB~~,WAAW,GAAG,gBAAgB;AAC7C,~~eAAepB~~,cAAc","ignoreList":[]}
1	+ {"version":3,"file":"CompanyAdd.js","names":["React","GradientDefs","CompanyAddIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/CompanyAdd.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CompanyAddIcon\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 * <CompanyAddIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CompanyAddIcon 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 CompanyAddIcon = 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={18}\n height={20}\n viewBox=\"0 0 18 20\"\n data-testid=\"CompanyAddIcon\"\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 0v2H2v16h5v-3.5h2V18h5V8h2v12H0V2a2 2 0 0 1 2-2zm3 14v2h-2v-2zm-8 0v2H3v-2zm8-5v2h-2V9zM9 9v2H7V9zM5 9v2H3V9zm4-5v2H7V4zM5 4v2H3V4zm11-4v2h2v2h-2v2h-2V3.999L12 4V2l2-.001V0z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nCompanyAddIcon.displayName = \"CompanyAddIcon\";\nexport default CompanyAddIcon;\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,cAAc,gBAAGF,KAAK,CAACG,UAAU,CACrC,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,gBAAgB;IAC5BC,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,mLAAmL;IACrLC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDlB,cAAc,CAACmB,WAAW,GAAG,gBAAgB;AAC7C,eAAenB,cAAc","ignoreList":[]}