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

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const ComputerIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const ComputerIcon = /*#__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": "ComputerIcon",
     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: "M21 16H3V4h18m0-2H3c-1.11 0-2 .89-2 2v12a2 2 0 002 2h7v2H8v2h8v-2h-2v-2h7a2 2 0 002-2V4a2 2 0 00-2-2z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M21 16H3V4h18m0-2H3c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h7v2H8v2h8v-2h-2v-2h7a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2"
   }));
 });
 ComputerIcon.displayName = "ComputerIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Computer.js","names":["React","GradientDefs","ComputerIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/Computer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ComputerIcon\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 * <ComputerIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ComputerIcon 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 ComputerIcon = 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=\"ComputerIcon\"\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=\"M21 16H3V4h18m0-2H3c-1.11 0-2 .89-2 2v12a2 2 0 ~~002~~ 2h7v2H8v2h8v-2h-2v-2h7a2 2 0 ~~002~~-2V4a2 2 0 00-2-2z\"\n ~~fillRule=\"evenodd\"\n~~ />\n </svg>\n )\n);\nComputerIcon.displayName = \"ComputerIcon\";\nexport default ComputerIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGF,KAAK,CAACG,UAAU,CACnC,CAAAC,IAAA,EAOEC,~~MAAiC~~;EAAA,~~IANjC;MACEC;IAIF~~,~~CAAC~~,GAAAF,IAAA;~~IAHIG~~,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;~~IACnBC~~,~~KAAK,EAAC,4BAA4B;IAClC,~~eAAY,cAAc;IAC1BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;~~IACjBC~~,GAAG,~~EAAEb~~;~~EAAO~~,~~GACRE~~,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;~~IACES~~,~~CAAC~~,EAAC,~~uGAAuG~~;~~IACzGC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,YAAY,~~CAACmB~~,WAAW,GAAG,cAAc;AACzC,~~eAAenB~~,YAAY","ignoreList":[]}
1	+ {"version":3,"file":"Computer.js","names":["React","GradientDefs","ComputerIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/Computer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component ComputerIcon\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 * <ComputerIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <ComputerIcon 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 ComputerIcon = 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=\"ComputerIcon\"\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=\"M21 16H3V4h18m0-2H3c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h7v2H8v2h8v-2h-2v-2h7a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2\"\n />\n </svg>\n )\n);\nComputerIcon.displayName = \"ComputerIcon\";\nexport default ComputerIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,YAAY,gBAAGF,KAAK,CAACG,UAAU,CACnC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,cAAc;IAC1BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC;EAA2G,CAC9G,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,YAAY,CAACkB,WAAW,GAAG,cAAc;AACzC,eAAelB,YAAY","ignoreList":[]}

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

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const CopyIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const CopyIcon = /*#__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": "CopyIcon",
     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: "M20 20V8H8v12h12m2 0a2 2 0 01-2 2H8a2 2 0 01-2-2V8c0-1.11.89-2 2-2h12a2 2 0 012 2v12M4 16H2V4a2 2 0 012-2h13v2H4v12z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M20 20V8H8v12zm2 0a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V8c0-1.11.89-2 2-2h12a2 2 0 0 1 2 2zM4 16H2V4a2 2 0 0 1 2-2h13v2H4z"
   }));
 });
 CopyIcon.displayName = "CopyIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Copy.js","names":["React","GradientDefs","CopyIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/Copy.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CopyIcon\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 * <CopyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CopyIcon 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 CopyIcon = 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=\"CopyIcon\"\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=\"M20 ~~20V8H8v12h12m2~~ 0a2 2 0 01-2 2H8a2 2 0 01-2-2V8c0-1.11.89-2 2-2h12a2 2 0 ~~012~~ ~~2v12M4~~ 16H2V4a2 2 0 ~~012~~-~~2h13v2H4v12z~~\"\n ~~fillRule=\"evenodd\"\n~~ />\n </svg>\n )\n);\nCopyIcon.displayName = \"CopyIcon\";\nexport default CopyIcon;\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,QAAQ,gBAAGF,KAAK,CAACG,UAAU,CAC/B,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,UAAU;IACtBC,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,~~sHAAsH~~;~~IACxHC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,QAAQ,~~CAACmB~~,WAAW,GAAG,UAAU;AACjC,~~eAAenB~~,QAAQ","ignoreList":[]}
1	+ {"version":3,"file":"Copy.js","names":["React","GradientDefs","CopyIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/Copy.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CopyIcon\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 * <CopyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CopyIcon 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 CopyIcon = 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=\"CopyIcon\"\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 20V8H8v12zm2 0a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V8c0-1.11.89-2 2-2h12a2 2 0 0 1 2 2zM4 16H2V4a2 2 0 0 1 2-2h13v2H4z\"\n />\n </svg>\n )\n);\nCopyIcon.displayName = \"CopyIcon\";\nexport default CopyIcon;\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,QAAQ,gBAAGF,KAAK,CAACG,UAAU,CAC/B,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,UAAU;IACtBC,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;EAAqH,CACxH,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,QAAQ,CAACkB,WAAW,GAAG,UAAU;AACjC,eAAelB,QAAQ","ignoreList":[]}

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

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const CrownBlankIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const CrownBlankIcon = /*#__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": "CrownBlankIcon",
     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.674 9.488l2.704-.98L17.3 13H6.7L5.663 8.507l2.662.978A1 1 0 009.45 9.17L12 5.988l2.552 3.186a1 1 0 001.122.314zM8.5 7.482L4.69 6.097a1 1 0 00-1.32 1.145L5 15h14l1.63-7.758a1 1 0 00-1.32-1.145L15.5 7.482l-2.747-3.14a1 1 0 00-1.506 0L8.5 7.482zM19 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-1z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "m15.674 9.488 2.704-.98L17.3 13H6.7L5.663 8.507l2.662.978A1 1 0 0 0 9.45 9.17L12 5.988l2.552 3.186a1 1 0 0 0 1.122.314M8.5 7.482 4.69 6.097a1 1 0 0 0-1.32 1.145L5 15h14l1.63-7.758a1 1 0 0 0-1.32-1.145L15.5 7.482l-2.747-3.14a1 1 0 0 0-1.506 0zM19 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-1z"
   }));
 });
 CrownBlankIcon.displayName = "CrownBlankIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CrownBlank.js","names":["React","GradientDefs","CrownBlankIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/CrownBlank.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CrownBlankIcon\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 * <CrownBlankIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CrownBlankIcon 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 CrownBlankIcon = 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=\"CrownBlankIcon\"\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~~.674 9.~~488l2~~.704-.98L17.3 13H6.7L5.663 8.507l2.662.978A1 1 0 ~~009~~.45 9.17L12 5.988l2.552 3.186a1 1 0 ~~001~~.122.~~314zM8~~.5 7.~~482L4~~.69 6.097a1 1 0 00-1.32 1.145L5 15h14l1.63-7.758a1 1 0 00-1.32-1.145L15.5 7.482l-2.747-3.14a1 1 0 00-1.506 ~~0L8.5~~ ~~7.482zM19~~ 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-~~1v-~~1z\"\n ~~fillRule=\"evenodd\"\n~~ />\n </svg>\n )\n);\nCrownBlankIcon.displayName = \"CrownBlankIcon\";\nexport default CrownBlankIcon;\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,~~oSAAoS~~;~~IACtSC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,cAAc,~~CAACmB~~,WAAW,GAAG,gBAAgB;AAC7C,~~eAAenB~~,cAAc","ignoreList":[]}
1	+ {"version":3,"file":"CrownBlank.js","names":["React","GradientDefs","CrownBlankIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/CrownBlank.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CrownBlankIcon\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 * <CrownBlankIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CrownBlankIcon 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 CrownBlankIcon = 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=\"CrownBlankIcon\"\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.674 9.488 2.704-.98L17.3 13H6.7L5.663 8.507l2.662.978A1 1 0 0 0 9.45 9.17L12 5.988l2.552 3.186a1 1 0 0 0 1.122.314M8.5 7.482 4.69 6.097a1 1 0 0 0-1.32 1.145L5 15h14l1.63-7.758a1 1 0 0 0-1.32-1.145L15.5 7.482l-2.747-3.14a1 1 0 0 0-1.506 0zM19 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-1z\"\n />\n </svg>\n )\n);\nCrownBlankIcon.displayName = \"CrownBlankIcon\";\nexport default CrownBlankIcon;\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;EAA6R,CAChS,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,cAAc,CAACkB,WAAW,GAAG,gBAAgB;AAC7C,eAAelB,cAAc","ignoreList":[]}

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

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const CrownSelectedIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const CrownSelectedIcon = /*#__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": "CrownSelectedIcon",
     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.5 7.487L4.69 6.1a1 1 0 00-1.32 1.146L5 15h14l1.63-7.753A1 1 0 0019.31 6.1L15.5 7.487l-2.747-3.14a1 1 0 00-1.506 0L8.5 7.487zM19 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-1v-1z",
-    fillRule: "nonzero"
+    fillRule: "nonzero",
+    d: "M8.5 7.487 4.69 6.1a1 1 0 0 0-1.32 1.146L5 15h14l1.63-7.753A1 1 0 0 0 19.31 6.1L15.5 7.487l-2.747-3.14a1 1 0 0 0-1.506 0zM19 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-1z"
   }));
 });
 CrownSelectedIcon.displayName = "CrownSelectedIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"CrownSelected.js","names":["React","GradientDefs","CrownSelectedIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/CrownSelected.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CrownSelectedIcon\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 * <CrownSelectedIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CrownSelectedIcon 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 CrownSelectedIcon = 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=\"CrownSelectedIcon\"\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.5 7.~~487L4~~.69 6.1a1 1 0 00-1.32 1.146L5 15h14l1.63-7.753A1 1 0 ~~0019~~.31 6.1L15.5 7.487l-2.747-3.14a1 1 0 00-1.506 ~~0L8.5~~ ~~7.487zM19~~ 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-~~1v-~~1z\"\n ~~fillRule=\"nonzero\"\n~~ />\n </svg>\n )\n);\nCrownSelectedIcon.displayName = \"CrownSelectedIcon\";\nexport default CrownSelectedIcon;\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;~~IACES~~,~~CAAC~~,EAAC,~~6KAA6K~~;~~IAC/KC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,iBAAiB,~~CAACmB~~,WAAW,GAAG,mBAAmB;AACnD,~~eAAenB~~,iBAAiB","ignoreList":[]}
1	+ {"version":3,"file":"CrownSelected.js","names":["React","GradientDefs","CrownSelectedIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/CrownSelected.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component CrownSelectedIcon\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 * <CrownSelectedIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <CrownSelectedIcon 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 CrownSelectedIcon = 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=\"CrownSelectedIcon\"\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=\"M8.5 7.487 4.69 6.1a1 1 0 0 0-1.32 1.146L5 15h14l1.63-7.753A1 1 0 0 0 19.31 6.1L15.5 7.487l-2.747-3.14a1 1 0 0 0-1.506 0zM19 17H5v1c0 .6.4 1 1 1h12c.6 0 1-.4 1-1z\"\n />\n </svg>\n )\n);\nCrownSelectedIcon.displayName = \"CrownSelectedIcon\";\nexport default CrownSelectedIcon;\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;IACEQ,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC;EAAoK,CACvK,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,iBAAiB,CAACkB,WAAW,GAAG,mBAAmB;AACnD,eAAelB,iBAAiB","ignoreList":[]}

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

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const DependencyIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const DependencyIcon = /*#__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": "DependencyIcon",
     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: "M19 14a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4zM8 12v4.998L13 17v2H6v-7h2zM7 2a4 4 0 110 8 4 4 0 010-8zm0 2a2 2 0 100 4 2 2 0 000-4z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M19 14a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4M8 12v4.998L13 17v2H6v-7zM7 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4"
   }));
 });
 DependencyIcon.displayName = "DependencyIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Dependency.js","names":["React","GradientDefs","DependencyIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/Dependency.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component DependencyIcon\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 * <DependencyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <DependencyIcon 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 DependencyIcon = 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=\"DependencyIcon\"\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=\"M19 14a4 4 0 ~~110~~ 8 4 4 0 ~~010~~-~~8zm0~~ 2a2 2 0 ~~100~~ 4 2 2 0 ~~000~~-~~4zM8~~ 12v4.998L13 17v2H6v-~~7h2zM7~~ 2a4 4 0 ~~110~~ 8 4 4 0 ~~010~~-~~8zm0~~ 2a2 2 0 ~~100~~ 4 2 2 0 ~~000~~-4z\"\n ~~fillRule=\"evenodd\"\n~~ />\n </svg>\n )\n);\nDependencyIcon.displayName = \"DependencyIcon\";\nexport default DependencyIcon;\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,~~mJAAmJ~~;~~IACrJC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,cAAc,~~CAACmB~~,WAAW,GAAG,gBAAgB;AAC7C,~~eAAenB~~,cAAc","ignoreList":[]}
1	+ {"version":3,"file":"Dependency.js","names":["React","GradientDefs","DependencyIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/Dependency.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component DependencyIcon\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 * <DependencyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <DependencyIcon 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 DependencyIcon = 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=\"DependencyIcon\"\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=\"M19 14a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4M8 12v4.998L13 17v2H6v-7zM7 2a4 4 0 1 1 0 8 4 4 0 0 1 0-8m0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4\"\n />\n </svg>\n )\n);\nDependencyIcon.displayName = \"DependencyIcon\";\nexport default DependencyIcon;\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;EAA6J,CAChK,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,cAAc,CAACkB,WAAW,GAAG,gBAAgB;AAC7C,eAAelB,cAAc","ignoreList":[]}

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

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const DependencySmallIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const DependencySmallIcon = /*#__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": "DependencySmallIcon",
     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: "M10 7a2 2 0 110 4 2 2 0 010-4zm0 1a1 1 0 100 2 1 1 0 000-2zM4.5 6v2.499L7 8.5v1H3.5V6h1zM4 1a2 2 0 110 4 2 2 0 010-4zm0 1a1 1 0 100 2 1 1 0 000-2z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M10 7a2 2 0 1 1 0 4 2 2 0 0 1 0-4m0 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2M4.5 6v2.499L7 8.5v1H3.5V6zM4 1a2 2 0 1 1 0 4 2 2 0 0 1 0-4m0 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2"
   }));
 });
 DependencySmallIcon.displayName = "DependencySmallIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DependencySmall.js","names":["React","GradientDefs","DependencySmallIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/DependencySmall.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component DependencySmallIcon\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 * <DependencySmallIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <DependencySmallIcon 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 DependencySmallIcon = 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=\"DependencySmallIcon\"\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=\"M10 7a2 2 0 ~~110~~ 4 2 2 0 ~~010~~-~~4zm0~~ 1a1 1 0 ~~100~~ 2 1 1 0 ~~000~~-~~2zM4~~.5 6v2.499L7 8.5v1H3.~~5V6h1zM4~~ 1a2 2 0 ~~110~~ 4 2 2 0 ~~010~~-~~4zm0~~ 1a1 1 0 ~~100~~ 2 1 1 0 ~~000~~-2z\"\n ~~fillRule=\"evenodd\"\n~~ />\n </svg>\n )\n);\nDependencySmallIcon.displayName = \"DependencySmallIcon\";\nexport default DependencySmallIcon;\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~~,~~CAAC~~,EAAC,~~oJAAoJ~~;~~IACtJC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,mBAAmB,~~CAACmB~~,WAAW,GAAG,qBAAqB;AACvD,~~eAAenB~~,mBAAmB","ignoreList":[]}
1	+ {"version":3,"file":"DependencySmall.js","names":["React","GradientDefs","DependencySmallIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/DependencySmall.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component DependencySmallIcon\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 * <DependencySmallIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <DependencySmallIcon 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 DependencySmallIcon = 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=\"DependencySmallIcon\"\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 7a2 2 0 1 1 0 4 2 2 0 0 1 0-4m0 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2M4.5 6v2.499L7 8.5v1H3.5V6zM4 1a2 2 0 1 1 0 4 2 2 0 0 1 0-4m0 1a1 1 0 1 0 0 2 1 1 0 0 0 0-2\"\n />\n </svg>\n )\n);\nDependencySmallIcon.displayName = \"DependencySmallIcon\";\nexport default DependencySmallIcon;\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;EAA8J,CACjK,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,mBAAmB,CAACkB,WAAW,GAAG,qBAAqB;AACvD,eAAelB,mBAAmB","ignoreList":[]}

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

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const DescriptionIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const DescriptionIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let gradient = _ref.gradient,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "DescriptionIcon",
     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 20H4a2 2 0 01-2-2V6a2 2 0 012-2h16a2 2 0 012 2v12a2 2 0 01-2 2zM4 6v12h16V6H4zm2 3h12v2H6V9zm0 4h10v2H6v-2z"
+    d: "M20 20H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2M4 6v12h16V6zm2 3h12v2H6zm0 4h10v2H6z",
+    clipRule: "evenodd"
   }));
 });
 DescriptionIcon.displayName = "DescriptionIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Description.js","names":["React","GradientDefs","DescriptionIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","~~width~~","~~height~~","~~xmlns~~","fill","focusable","~~ref~~","~~fillRule~~","clipRule","~~d","~~displayName"],"sources":["../../../../../src/components/Icons/collection/Description.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component DescriptionIcon\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 * <DescriptionIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <DescriptionIcon 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 DescriptionIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ~~svgRef~~?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n ~~width={24}\n height={24}\n~~ xmlns=\"http://www.w3.org/2000/svg\"\n data-testid=\"DescriptionIcon\"\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 20H4a2 2 0 01-2-2V6a2 2 0 ~~012~~-2h16a2 2 0 ~~012~~ 2v12a2 2 0 01-2 ~~2zM4~~ ~~6v12h16V6H4zm2~~ ~~3h12v2H6V9zm0~~ ~~4h10v2H6v-2z~~\"\n />\n </svg>\n )\n);\nDescriptionIcon.displayName = \"DescriptionIcon\";\nexport default DescriptionIcon;\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~~,~~KAAK,EAAC,4BAA4B;IAClC,~~eAAY,iBAAiB;IAC7BC,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;~~EAAiH~~,~~CACpH~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,eAAe,~~CAACmB~~,WAAW,GAAG,iBAAiB;AAC/C,~~eAAenB~~,eAAe","ignoreList":[]}
1	+ {"version":3,"file":"Description.js","names":["React","GradientDefs","DescriptionIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/Description.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component DescriptionIcon\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 * <DescriptionIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <DescriptionIcon 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 DescriptionIcon = 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=\"DescriptionIcon\"\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 20H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2M4 6v12h16V6zm2 3h12v2H6zm0 4h10v2H6z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nDescriptionIcon.displayName = \"DescriptionIcon\";\nexport default DescriptionIcon;\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;IACX,eAAY,iBAAiB;IAC7BC,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,+GAA+G;IACjHC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,eAAe,CAACkB,WAAW,GAAG,iBAAiB;AAC/C,eAAelB,eAAe","ignoreList":[]}

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

@@ -30,26 +30,24 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const DescriptionSmallIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const DescriptionSmallIcon = /*#__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: 18,
     viewBox: "0 0 18 18",
-    xmlns: "http://www.w3.org/2000/svg",
     "data-testid": "DescriptionSmallIcon",
     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: "M15 15H3a1.5 1.5 0 01-1.5-1.5v-9A1.5 1.5 0 013 3h12a1.5 1.5 0 011.5 1.5v9A1.5 1.5 0 0115 15zM3 4.5v9h12v-9H3zm1.5 2.25h9v1.5h-9v-1.5zm0 3H12v1.5H4.5v-1.5z"
+    d: "M15 15H3a1.5 1.5 0 0 1-1.5-1.5v-9A1.5 1.5 0 0 1 3 3h12a1.5 1.5 0 0 1 1.5 1.5v9A1.5 1.5 0 0 1 15 15M3 4.5v9h12v-9zm1.5 2.25h9v1.5h-9zm0 3H12v1.5H4.5z",
+    clipRule: "evenodd"
   }));
 });
 DescriptionSmallIcon.displayName = "DescriptionSmallIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DescriptionSmall.js","names":["React","GradientDefs","DescriptionSmallIcon","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/DescriptionSmall.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component DescriptionSmallIcon\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 * <DescriptionSmallIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <DescriptionSmallIcon 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 DescriptionSmallIcon = 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={18}\n viewBox=\"0 0 18 18\"\n ~~xmlns=\"http://www.w3.org/2000/svg\"\n~~ data-testid=\"DescriptionSmallIcon\"\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=\"M15 15H3a1.5 1.5 0 01-1.5-1.5v-9A1.5 1.5 0 ~~013~~ 3h12a1.5 1.5 0 ~~011~~.5 1.5v9A1.5 1.5 0 ~~0115~~ ~~15zM3~~ 4.5v9h12v-~~9H3zm1~~.5 2.25h9v1.5h-~~9v-1.5zm0~~ 3H12v1.5H4.~~5v-1.~~5z\"\n />\n </svg>\n )\n);\nDescriptionSmallIcon.displayName = \"DescriptionSmallIcon\";\nexport default DescriptionSmallIcon;\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,oBAAoB,gBAAGF,KAAK,CAACG,UAAU,CAC3C,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,sBAAsB;IAClCC,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;~~EAA4J~~,~~CAC/J~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDnB~~,oBAAoB,~~CAACoB~~,WAAW,GAAG,sBAAsB;AACzD,~~eAAepB~~,oBAAoB","ignoreList":[]}
1	+ {"version":3,"file":"DescriptionSmall.js","names":["React","GradientDefs","DescriptionSmallIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/DescriptionSmall.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component DescriptionSmallIcon\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 * <DescriptionSmallIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <DescriptionSmallIcon 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 DescriptionSmallIcon = 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={18}\n viewBox=\"0 0 18 18\"\n data-testid=\"DescriptionSmallIcon\"\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 15H3a1.5 1.5 0 0 1-1.5-1.5v-9A1.5 1.5 0 0 1 3 3h12a1.5 1.5 0 0 1 1.5 1.5v9A1.5 1.5 0 0 1 15 15M3 4.5v9h12v-9zm1.5 2.25h9v1.5h-9zm0 3H12v1.5H4.5z\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nDescriptionSmallIcon.displayName = \"DescriptionSmallIcon\";\nexport default DescriptionSmallIcon;\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,oBAAoB,gBAAGF,KAAK,CAACG,UAAU,CAC3C,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,sBAAsB;IAClCC,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,sJAAsJ;IACxJC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDlB,oBAAoB,CAACmB,WAAW,GAAG,sBAAsB;AACzD,eAAenB,oBAAoB","ignoreList":[]}

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

@@ -30,26 +30,24 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const DiscussionIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const DiscussionIcon = /*#__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": "DiscussionIcon",
     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: "M15 11H5.17l-.59.59-.58.58V4h11v7zm0-9H4a2 2 0 00-2 2v13l4-4h9a2 2 0 002-2V4a2 2 0 00-2-2zm5 4h-1v6a3 3 0 01-3 3H6v1a2 2 0 002 2h10l4 4V8a2 2 0 00-2-2z"
+    d: "M15 11H5.17l-.59.59-.58.58V4h11zm0-9H4a2 2 0 0 0-2 2v13l4-4h9a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2m5 4h-1v6a3 3 0 0 1-3 3H6v1a2 2 0 0 0 2 2h10l4 4V8a2 2 0 0 0-2-2",
+    clipRule: "evenodd"
   }));
 });
 DiscussionIcon.displayName = "DiscussionIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Discussion.js","names":["React","GradientDefs","DiscussionIcon","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/Discussion.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component DiscussionIcon\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 * <DiscussionIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <DiscussionIcon 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 DiscussionIcon = 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=\"DiscussionIcon\"\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=\"M15 11H5.17l-.59.59-.58.~~58V4h11v7zm0~~-9H4a2 2 0 00-2 2v13l4-4h9a2 2 0 ~~002~~-2V4a2 2 0 00-2-~~2zm5~~ 4h-1v6a3 3 0 01-3 3H6v1a2 2 0 ~~002~~ 2h10l4 4V8a2 2 0 00-2-2z\"\n />\n </svg>\n )\n);\nDiscussionIcon.displayName = \"DiscussionIcon\";\nexport default DiscussionIcon;\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;~~EAAyJ~~,~~CAC5J~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDnB~~,cAAc,~~CAACoB~~,WAAW,GAAG,gBAAgB;AAC7C,~~eAAepB~~,cAAc","ignoreList":[]}
1	+ {"version":3,"file":"Discussion.js","names":["React","GradientDefs","DiscussionIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","clipRule","displayName"],"sources":["../../../../../src/components/Icons/collection/Discussion.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component DiscussionIcon\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 * <DiscussionIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <DiscussionIcon 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 DiscussionIcon = 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=\"DiscussionIcon\"\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 11H5.17l-.59.59-.58.58V4h11zm0-9H4a2 2 0 0 0-2 2v13l4-4h9a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2m5 4h-1v6a3 3 0 0 1-3 3H6v1a2 2 0 0 0 2 2h10l4 4V8a2 2 0 0 0-2-2\"\n clipRule=\"evenodd\"\n />\n </svg>\n )\n);\nDiscussionIcon.displayName = \"DiscussionIcon\";\nexport default DiscussionIcon;\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,6JAA6J;IAC/JC,QAAQ,EAAC;EAAS,CACnB,CACE,CAAC;AAAA,CAEV,CAAC;AACDlB,cAAc,CAACmB,WAAW,GAAG,gBAAgB;AAC7C,eAAenB,cAAc","ignoreList":[]}

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

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const DiscussionAddIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const DiscussionAddIcon = /*#__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": "DiscussionAddIcon",
     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: "M22 13v9l-4-4H8a2 2 0 01-1.995-1.85L6 16v-1h10a3.001 3.001 0 002.829-2H22zM12 2v2H4v8.17L5.17 11H16l.001 1.732a1.987 1.987 0 01-.82.26L15 13H6l-4 4V4a2 2 0 011.85-1.995L4 2h8zm7 0v3h3v2h-3v3h-2V6.999L14 7V5l3-.001V2h2z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M22 13v9l-4-4H8a2 2 0 0 1-1.995-1.85L6 16v-1h10a3 3 0 0 0 2.829-2zM12 2v2H4v8.17L5.17 11H16l.001 1.732a2 2 0 0 1-.82.26L15 13H6l-4 4V4a2 2 0 0 1 1.85-1.995L4 2zm7 0v3h3v2h-3v3h-2V6.999L14 7V5l3-.001V2z"
   }));
 });
 DiscussionAddIcon.displayName = "DiscussionAddIcon";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DiscussionAdd.js","names":["React","GradientDefs","DiscussionAddIcon","forwardRef","_ref","~~svgRef~~","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","~~xmlns","~~fill","focusable","~~ref~~","d","~~fillRule","~~displayName"],"sources":["../../../../../src/components/Icons/collection/DiscussionAdd.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component DiscussionAddIcon\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 * <DiscussionAddIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <DiscussionAddIcon 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 DiscussionAddIcon = 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=\"DiscussionAddIcon\"\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=\"M22 13v9l-4-4H8a2 2 0 01-1.995-1.85L6 16v-1h10a3~~.001~~ 3~~.001~~ 0 ~~002~~.829-~~2H22zM12~~ 2v2H4v8.17L5.17 11H16l.001 1.~~732a1.987~~ ~~1.987~~ 0 01-.82.26L15 13H6l-4 4V4a2 2 0 ~~011~~.85-1.995L4 ~~2h8zm7~~ 0v3h3v2h-3v3h-2V6.999L14 7V5l3-.~~001V2h2z~~\"\n ~~fillRule=\"evenodd\"\n~~ />\n </svg>\n )\n);\nDiscussionAddIcon.displayName = \"DiscussionAddIcon\";\nexport default DiscussionAddIcon;\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;~~IACES~~,~~CAAC~~,EAAC,~~4NAA4N~~;~~IAC9NC~~,~~QAAQ~~,EAAC;~~EAAS~~,~~CACnB~~,CACE,CAAC;AAAA,CAEV,CAAC;~~AACDlB~~,iBAAiB,~~CAACmB~~,WAAW,GAAG,mBAAmB;AACnD,~~eAAenB~~,iBAAiB","ignoreList":[]}
1	+ {"version":3,"file":"DiscussionAdd.js","names":["React","GradientDefs","DiscussionAddIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","fillRule","d","displayName"],"sources":["../../../../../src/components/Icons/collection/DiscussionAdd.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/*\n @component DiscussionAddIcon\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 * <DiscussionAddIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n \n @example\n * return (\n * <DiscussionAddIcon 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 DiscussionAddIcon = 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=\"DiscussionAddIcon\"\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=\"M22 13v9l-4-4H8a2 2 0 0 1-1.995-1.85L6 16v-1h10a3 3 0 0 0 2.829-2zM12 2v2H4v8.17L5.17 11H16l.001 1.732a2 2 0 0 1-.82.26L15 13H6l-4 4V4a2 2 0 0 1 1.85-1.995L4 2zm7 0v3h3v2h-3v3h-2V6.999L14 7V5l3-.001V2z\"\n />\n </svg>\n )\n);\nDiscussionAddIcon.displayName = \"DiscussionAddIcon\";\nexport default DiscussionAddIcon;\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;IACEQ,QAAQ,EAAC,SAAS;IAClBC,CAAC,EAAC;EAA2M,CAC9M,CACE,CAAC;AAAA,CAEV,CAAC;AACDjB,iBAAiB,CAACkB,WAAW,GAAG,mBAAmB;AACnD,eAAelB,iBAAiB","ignoreList":[]}

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

@@ -30,25 +30,23 @@ import { GradientDefs } from "../../GradientDefs";
  * @see
  * https://design.activecollab.com/docs/foundations/icons
  */
-const DollarIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
-  let {
-      gradient
-    } = _ref,
+const DollarIcon = /*#__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": "DollarIcon",
     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: "M7 15h2c0 1.08 1.37 2 3 2s3-.92 3-2c0-1.1-1.04-1.5-3.24-2.03C9.64 12.44 7 11.78 7 9c0-1.79 1.47-3.31 3.5-3.82V3h3v2.18C15.53 5.69 17 7.21 17 9h-2c0-1.08-1.37-2-3-2s-3 .92-3 2c0 1.1 1.04 1.5 3.24 2.03C14.36 11.56 17 12.22 17 15c0 1.79-1.47 3.31-3.5 3.82V21h-3v-2.18C8.47 18.31 7 16.79 7 15z",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M7 15h2c0 1.08 1.37 2 3 2s3-.92 3-2c0-1.1-1.04-1.5-3.24-2.03C9.64 12.44 7 11.78 7 9c0-1.79 1.47-3.31 3.5-3.82V3h3v2.18C15.53 5.69 17 7.21 17 9h-2c0-1.08-1.37-2-3-2s-3 .92-3 2c0 1.1 1.04 1.5 3.24 2.03C14.36 11.56 17 12.22 17 15c0 1.79-1.47 3.31-3.5 3.82V21h-3v-2.18C8.47 18.31 7 16.79 7 15"
   }));
 });
 DollarIcon.displayName = "DollarIcon";