@imtf/icons 0.1.3 → 0.2.2

package/lib/cjs/icons/ChevronUpIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const ChevronUpIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const ChevronUpIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "m8.4175 14.4125 3.88-3.88 3.88 3.88c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41l-4.59-4.59c-.39-.39-1.02-.39-1.41 0l-4.59 4.59c-.39.39-.39 1.02 0 1.41.39.38 1.03.39 1.42 0Z"
   }));
 };
 
-module.exports = ChevronUpIcon;
+const ForwardRef = forwardRef(ChevronUpIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/CircleIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const CircleIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const CircleIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M12 0c6.627417 0 12 5.372583 12 12s-5.372583 12-12 12S0 18.627417 0 12 5.372583 0 12 0Zm0 1.5C6.20101013 1.5 1.5 6.20101013 1.5 12c0 5.7989899 4.70101013 10.5 10.5 10.5 5.7989899 0 10.5-4.7010101 10.5-10.5 0-5.79898987-4.7010101-10.5-10.5-10.5Z"
   }));
 };
 
-module.exports = CircleIcon;
+const ForwardRef = forwardRef(CircleIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/CollapseAllIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const CollapseAllIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const CollapseAllIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M11.4732215 14.9333893c.2914094-.2914094.7621476-.2914094 1.053557 0l3.4296645 3.4296644c.2914093.2914094.2914093.7621476 0 1.053557-.2914094.2914094-.7621477.2914094-1.0535571 0l-2.8991499-2.8991498-2.89914987 2.8991498c-.2914094.2914094-.76961969.2839374-1.06102908 0-.2914094-.2914094-.2914094-.7621476 0-1.053557ZM15.956443 4.93338926c.2914093.2914094.2914093.76214765 0 1.05355705l-3.4296645 3.42966443c-.2914094.29140939-.7621476.29140939-1.053557 0L8.04355705 5.98694631c-.2914094-.2914094-.2914094-.76214765 0-1.05355705.29140939-.28393736.76961968-.29140939 1.06102908 0L12.003736 7.83253915l2.8991499-2.89914989c.2914094-.29140939.7621477-.29140939 1.0535571 0Z"
   }));
 };
 
-module.exports = CollapseAllIcon;
+const ForwardRef = forwardRef(CollapseAllIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/CommentIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const CommentIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,17 +23,19 @@ const CommentIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 28 28",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M21.563 0H3.437A3.44 3.44 0 0 0 0 3.437v11.092a3.44 3.44 0 0 0 3.425 3.437V23l7.234-5.034h10.904A3.441 3.441 0 0 0 25 14.53V3.437A3.44 3.44 0 0 0 21.563 0zm1.972 14.53a1.974 1.974 0 0 1-1.972 1.972H10.199l-5.31 3.694v-3.694H3.438a1.974 1.974 0 0 1-1.972-1.973V3.437c0-1.088.885-1.972 1.972-1.972h18.126c1.087 0 1.972.884 1.972 1.972v11.092z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "M6.691 5.176H18.31V6.64H6.69zm0 3.124H18.31v1.466H6.69zm0 3.126H18.31v1.465H6.69z"
   }));
 };
 
-module.exports = CommentIcon;
+const ForwardRef = forwardRef(CommentIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/CommentResolvedIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const CommentResolvedIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,17 +23,18 @@ const CommentResolvedIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 28 28",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M21.563 5H3.437A3.44 3.44 0 0 0 0 8.437v11.092a3.44 3.44 0 0 0 3.425 3.437V28l7.234-5.034h10.904A3.441 3.441 0 0 0 25 19.53V8.437A3.44 3.44 0 0 0 21.563 5zm1.972 14.53a1.974 1.974 0 0 1-1.972 1.972H10.199l-5.31 3.694v-3.694H3.438a1.974 1.974 0 0 1-1.972-1.973V8.437c0-1.088.885-1.972 1.972-1.972h18.126c1.087 0 1.972.884 1.972 1.972v11.092z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "M6.691 10.176H18.31v1.465H6.69zm0 3.124H18.31v1.466H6.69zm0 3.126H18.31v1.465H6.69z"
-  }), /*#__PURE__*/React.createElement("circle", {
+  }), /*#__PURE__*/createElement("circle", {
     cx: 23.5,
     cy: 7.5,
     r: 6.4,
@@ -43,4 +44,5 @@ const CommentResolvedIcon = ({
   }));
 };
 
-module.exports = CommentResolvedIcon;
+const ForwardRef = forwardRef(CommentResolvedIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/CommentUnresolvedIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const CommentUnresolvedIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,17 +23,18 @@ const CommentUnresolvedIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 28 28",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M21.563 5H3.437A3.44 3.44 0 0 0 0 8.437v11.092a3.44 3.44 0 0 0 3.425 3.437V28l7.234-5.034h10.904A3.441 3.441 0 0 0 25 19.53V8.437A3.44 3.44 0 0 0 21.563 5zm1.972 14.53a1.974 1.974 0 0 1-1.972 1.972H10.199l-5.31 3.694v-3.694H3.438a1.974 1.974 0 0 1-1.972-1.973V8.437c0-1.088.885-1.972 1.972-1.972h18.126c1.087 0 1.972.884 1.972 1.972v11.092z"
-  }), /*#__PURE__*/React.createElement("path", {
+  }), /*#__PURE__*/createElement("path", {
     d: "M6.691 10.176H18.31v1.465H6.69zm0 3.124H18.31v1.466H6.69zm0 3.126H18.31v1.465H6.69z"
-  }), /*#__PURE__*/React.createElement("circle", {
+  }), /*#__PURE__*/createElement("circle", {
     cx: 23.5,
     cy: 7.5,
     r: 6.4,
@@ -43,4 +44,5 @@ const CommentUnresolvedIcon = ({
   }));
 };
 
-module.exports = CommentUnresolvedIcon;
+const ForwardRef = forwardRef(CommentUnresolvedIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/CompareIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const CompareIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,16 +23,18 @@ const CompareIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     fillRule: "evenodd",
     d: "M3 0c1.65685425 0 3 1.34314575 3 3v18c0 1.6568542-1.34314575 3-3 3H0V0h3Zm21 0v24h-3c-1.6568542 0-3-1.3431458-3-3V3c0-1.65685425 1.3431458-3 3-3h3ZM13.6631579 7.40396586c.2631579-.41052631.8-.52631579 1.2105263-.26315789.4105263.26315789.5263158.8.2631579 1.21052631l-.6421053.98947369h1.631579c.4842105 0 .8736842.38947368.8736842.87368423 0 .4842105-.3894737.8736842-.8736842.8736842h-2.7578947l-.6526316 1.0210526h3.4105263c.4842105 0 .8736842.3894737.8631579.8736842 0 .4842106-.3894737.8736842-.8736842.8736842h-4.5368421l-1.2421053 1.9368421c-.168421.2631579-.45263157.4-.7368421.4-.16842105 0-.32631579-.0421052-.47368421-.1368421-.41052632-.2631579-.52631579-.8-.2631579-1.2105263l.64210527-.9894737H7.87368421C7.38947368 13.8565974 7 13.4671238 7 12.9829132c0-.4842105.38947368-.8736842.87368421-.8736842h2.75789469l.6526316-1.0315789H7.87368421C7.38947368 11.0776501 7 10.6881764 7 10.2039659c0-.48421056.38947368-.87368425.87368421-.87368425h4.53684209Z"
   }));
 };
 
-module.exports = CompareIcon;
+const ForwardRef = forwardRef(CompareIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/ComposeFilled1Icon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const ComposeFilled1Icon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const ComposeFilled1Icon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M10.25 12.75c.5522847 0 1 .4477153 1 1V23c0 .5522847-.4477153 1-1 1H1c-.55228475 0-1-.4477153-1-1v-9.25c0-.5522847.44771525-1 1-1h9.25Zm12.75 0c.5522847 0 1 .4477153 1 1V23c0 .5522847-.4477153 1-1 1h-9.25c-.5522847 0-1-.4477153-1-1v-9.25c0-.5522847.4477153-1 1-1H23ZM10.25 0c.5522847 0 1 .44771525 1 1v9.25c0 .5522847-.4477153 1-1 1H1c-.55228475 0-1-.4477153-1-1V1c0-.55228475.44771525-1 1-1h9.25ZM23 0c.5522847 0 1 .44771525 1 1v9.25c0 .5522847-.4477153 1-1 1h-9.25c-.5522847 0-1-.4477153-1-1V1c0-.55228475.4477153-1 1-1H23Z"
   }));
 };
 
-module.exports = ComposeFilled1Icon;
+const ForwardRef = forwardRef(ComposeFilled1Icon);
+module.exports = ForwardRef;

package/lib/cjs/icons/ComposeFilled2Icon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const ComposeFilled2Icon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const ComposeFilled2Icon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M15.7244436 3.14064477 8.64709431 10.2138413c-.19862715.1990802-.35474387.4364342-.4588805.6976644L6.7191733 14.5815115c-.30873172.7712966-.12799307 1.6523743.45946487 2.2398322.58745793.587458 1.46853563.7681966 2.23983218.4594649l3.67000585-1.4680023c.2609485-.1045676.4979458-.2610353.6966262-.4599187l6.9787211-6.97872111V20.6684264c-.0022879 1.7862681-1.4497738 3.233754-3.2360419 3.2360419H3.23708009C1.45064328 23.9021818.00285959 22.4548624 0 20.6684264V6.37668667c.00228905-1.78667284 1.45040661-3.23432596 3.23708009-3.2360419H15.7244436Zm4.7061206-2.5072317c.5215181-.53958172 1.2935991-.75578164 2.0194943-.56550348.7258952.19027816 1.2926389.75742283 1.4824037 1.48345241.1897647.72602957-.0269812 1.49795751-.5669316 2.01909392L12.680467 14.2513667c-.0497223.0498435-.1090641.0890515-.1744161.1152393l-3.66585303 1.4680023c-.19276076.0752332-.41171863.030548-.55958504-.114201-.14727101-.1469052-.1926235-.3675389-.11523923-.5606233l1.46800233-3.6700058c.02651383-.0651806.06568126-.1244611.11523922-.1744161Z"
   }));
 };
 
-module.exports = ComposeFilled2Icon;
+const ForwardRef = forwardRef(ComposeFilled2Icon);
+module.exports = ForwardRef;

package/lib/cjs/icons/ComposeIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const ComposeIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const ComposeIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M10.25 12.75c.5522847 0 1 .4477153 1 1V23c0 .5522847-.4477153 1-1 1H1c-.55228475 0-1-.4477153-1-1v-9.25c0-.5522847.44771525-1 1-1h9.25Zm12.75 0c.5522847 0 1 .4477153 1 1V23c0 .5522847-.4477153 1-1 1h-9.25c-.5522847 0-1-.4477153-1-1v-9.25c0-.5522847.4477153-1 1-1H23Zm-13.25 1.5H1.5v8.25h8.25v-8.25Zm12.75 0h-8.25v8.25h8.25v-8.25ZM10.25 0c.5522847 0 1 .44771525 1 1v9.25c0 .5522847-.4477153 1-1 1H1c-.55228475 0-1-.4477153-1-1V1c0-.55228475.44771525-1 1-1h9.25ZM23 0c.5522847 0 1 .44771525 1 1v9.25c0 .5522847-.4477153 1-1 1h-9.25c-.5522847 0-1-.4477153-1-1V1c0-.55228475.4477153-1 1-1H23ZM9.75 1.5H1.5v8.25h8.25V1.5Zm12.75 0h-8.25v8.25h8.25V1.5Z"
   }));
 };
 
-module.exports = ComposeIcon;
+const ForwardRef = forwardRef(ComposeIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/ConfigurationIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const ConfigurationIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const ConfigurationIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M11.7524423 3.20385921C13.5477307.18554749 17.4259808-.89349798 20.5339519.80429256c.4432157.24211533.5294782.84213723.1724186 1.19930449L17.5816697 5.1292401v1.28907723h1.2890773l3.125643-3.12470074c.3569073-.35679968.9564261-.27096614 1.1988812.17164469.9022969 1.64717669 1.0533921 3.6037985.4155034 5.3714006-1.173721 3.25440832-4.6539251 5.01180032-7.9328204 4.09489022L5.56924057 23.0441762c-1.27443179 1.2744317-3.33899788 1.2744317-4.61342967 0-1.27443179-1.2744318-1.27443179-3.3389979.00010352-4.6135332L11.06763 8.32283798c-.4299197-1.54322932-.2804238-3.19401536.4243323-4.63717967l.1386428-.26808329.1218372-.21371581Zm6.864919-1.53835093c-2.177298-.54792151-4.5326527.41571361-5.6582484 2.47758005l-.1234094.24079998c-.5820385 1.21491092-.6552128 2.61723884-.1953035 3.89165631.0996088.27601803.030693.58473863-.1768416.79219292L2.02616192 19.5010975c-.68329325.6832933-.68329325 1.7894344 0 2.4727276.68329324.6832933 1.78943439.6832933 2.47262415.0001035L14.9332587 11.5354195c.2074369-.2075172.5161251-.2764403.7921289-.1768646 2.6224734.9461266 5.515575-.4127627 6.4615094-3.03558086.3707207-1.02727425.3949932-2.13737591.085491-3.1648929l-2.5531145 2.55234484c-.1419308.14188801-.3344046.22159627-.5350948.22159627h-2.3593614c-.4179981 0-.7568525-.33885439-.7568525-.75685246v-2.3593614c0-.20069022.0797083-.39316402.2215963-.53509482l2.5523451-2.55311481-.2245449-.06209048Z"
   }));
 };
 
-module.exports = ConfigurationIcon;
+const ForwardRef = forwardRef(ConfigurationIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/CustomerIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const CustomerIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const CustomerIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M21.75 2.25C22.9926407 2.25 24 3.25735931 24 4.5v15c0 1.2426407-1.0073593 2.25-2.25 2.25h-3c-.3796958 0-.693491-.2821539-.7431534-.6482294l-.0136932-.2035412C17.943491 20.5321539 17.6296958 20.25 17.25 20.25c-.3796958 0-.693491.2821539-.7431534.6482294l-.0136932.2035412C16.443491 21.4678461 16.1296958 21.75 15.75 21.75h-7.5c-.37969577 0-.69349096-.2821539-.74315338-.6482294l-.01369324-.2035412C7.44349096 20.5321539 7.12969577 20.25 6.75 20.25s-.69349096.2821539-.74315338.6482294l-.01369324.2035412C5.94349096 21.4678461 5.62969577 21.75 5.25 21.75h-3C1.00735931 21.75 0 20.7426407 0 19.5v-15c0-1.24264069 1.00735931-2.25 2.25-2.25h19.5Zm0 1.5H2.25c-.41421356 0-.75.33578644-.75.75v15c0 .4142136.33578644.75.75.75h2.37802928c.30887731-.8738943 1.1423066-1.5 2.12197072-1.5.97966412 0 1.81309341.6261057 2.12197072 1.5h6.25605858c.3088773-.8738943 1.1423066-1.5 2.1219707-1.5.9220368 0 1.7145369.5546127 2.0620948 1.3484326l.0598759.1515674H21.75c.4142136 0 .75-.3357864.75-.75v-15c0-.41421356-.3357864-.75-.75-.75ZM9.93750002 5.70216422C10.9817287 6.30504991 11.625 7.41922861 11.625 8.625c0 1.19749648-.6344724 2.3046531-1.66605788 2.9103513C12.0193304 12.2432544 13.5 14.1987128 13.5 16.5000001c0 .4142135-.3357864.75-.75.75h-9c-.41421356 0-.75-.3357865-.75-.75 0-2.3012873 1.48066959-4.2567457 3.5413021-4.9656685l.02119788.0135042C5.51827135 10.9449501 4.875 9.83077139 4.875 8.625c0-1.13484366.56981822-2.18855331 1.50743585-2.81122208l.18006413-.1116137.19851417-.105976c1.00558578-.49455468 2.19752152-.45922934 3.17648587.105976ZM8.25 12.7500001c-1.81421843 0-3.32753367 1.2883197-3.67498641 3h7.34997281l-.0433597-.1884006C11.4650235 13.944656 9.99702516 12.7500001 8.25 12.7500001ZM20.25 11.25c.4142136 0 .75.3357864.75.75s-.3357864.75-.75.75h-6c-.4142136 0-.75-.3357864-.75-.75s.3357864-.75.75-.75ZM7.4601805 6.92444604l-.14768051.07675628-.12985998.08222924C6.67950715 7.43166886 6.375 8.00665568 6.375 8.625c0 .66987301.35737297 1.28886119.93749999 1.6237977.58012702.3349365 1.294873.3349365 1.87500002 0C9.76762703 9.91386119 10.125 9.29487301 10.125 8.625c0-.66987301-.35737297-1.28886119-.93749999-1.62379768-.5317831-.30702513-1.17668352-.33261055-1.72731951-.07675628ZM18.75 8.25c.4142136 0 .75.33578644.75.75s-.3357864.75-.75.75h-4.5c-.4142136 0-.75-.33578644-.75-.75s.3357864-.75.75-.75Z"
   }));
 };
 
-module.exports = CustomerIcon;
+const ForwardRef = forwardRef(CustomerIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/DashboardIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const DashboardIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const DashboardIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M21.753.003c1.2422136 0 2.25 1.00778644 2.25 2.25v19.5c0 1.2422136-1.0077864 2.25-2.25 2.25h-19.5c-1.24221356 0-2.25-1.0077864-2.25-2.25v-19.5c0-1.24221356 1.00778644-2.25 2.25-2.25h19.5Zm0 1.5h-19.5c-.41378644 0-.75.33621356-.75.75v19.5c0 .4137864.33621356.75.75.75h19.5c.4137864 0 .75-.3362136.75-.75v-19.5c0-.41378644-.3362136-.75-.75-.75Zm-12 12.75c.8282136 0 1.5.6717864 1.5 1.5v2.25c0 .8282136-.6717864 1.5-1.5 1.5h-3.75c-.82821356 0-1.5-.6717864-1.5-1.5v-2.25c0-.8282136.67178644-1.5 1.5-1.5h3.75Zm8.25-3c.8282136 0 1.5.6717864 1.5 1.5v5.25c0 .8282136-.6717864 1.5-1.5 1.5h-3.75c-.8282136 0-1.5-.6717864-1.5-1.5v-5.25c0-.8282136.6717864-1.5 1.5-1.5h3.75Zm-8.25 4.5h-3.75v2.25h3.75v-2.25Zm8.25-3h-3.75v5.25h3.75v-5.25Zm-8.25-8.25c.8282136 0 1.5.67178644 1.5 1.5v5.25c0 .8282136-.6717864 1.5-1.5 1.5h-3.75c-.82821356 0-1.5-.6717864-1.5-1.5v-5.25c0-.82821356.67178644-1.5 1.5-1.5h3.75Zm0 1.5h-3.75v5.25h3.75v-5.25Zm8.25-1.5c.8282136 0 1.5.67178644 1.5 1.5v2.25c0 .82821356-.6717864 1.5-1.5 1.5h-3.75c-.8282136 0-1.5-.67178644-1.5-1.5v-2.25c0-.82821356.6717864-1.5 1.5-1.5h3.75Zm0 1.5h-3.75v2.25h3.75v-2.25Z"
   }));
 };
 
-module.exports = DashboardIcon;
+const ForwardRef = forwardRef(DashboardIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/DefaultIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const DefaultIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,13 +23,15 @@ const DefaultIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
+    fill: color,
+    ref: ref
   }, props));
 };
 
-module.exports = DefaultIcon;
+const ForwardRef = forwardRef(DefaultIcon);
+module.exports = ForwardRef;

package/lib/cjs/icons/DeleteIcon.js

@@ -1,6 +1,6 @@
-const React = require("react");
-
 const {
+  createElement,
+  forwardRef,
   useContext,
   useMemo
 } = require('react');
@@ -15,7 +15,7 @@ const DeleteIcon = ({
   color: defaultColor,
   size,
   ...props
-}) => {
+}, ref) => {
   const defaultContextValues = useContext(IconContext);
   const defaultValues = { ...defaultContextValues,
     color: defaultColor || defaultContextValues.color,
@@ -23,15 +23,17 @@ const DeleteIcon = ({
     ...props
   };
   const color = useMemo(() => get(defaultValues.palette, defaultValues.color, defaultValues.color), [defaultValues.color, defaultValues.palette]);
-  return /*#__PURE__*/React.createElement("svg", Object.assign({
+  return /*#__PURE__*/createElement("svg", Object.assign({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
     width: defaultValues.size,
     height: defaultValues.size,
-    fill: color
-  }, props), /*#__PURE__*/React.createElement("path", {
+    fill: color,
+    ref: ref
+  }, props), /*#__PURE__*/createElement("path", {
     d: "M23.2083333 3.20833333c.4142136 0 .75.33578644.75.75 0 .41421357-.3357864.75-.75.75L21.492 4.708l-1.4237012 17.0912209c-.1019709 1.2205132-1.1218773 2.1591124-2.3462155 2.1591124H6.23731944c-1.22433813 0-2.24424459-.9385992-2.34622628-2.1592416L2.465 4.708.75 4.70833333c-.37969577 0-.69349096-.28215388-.74315338-.64822944L0 3.95833333c0-.41421356.33578644-.75.75-.75L7.218 3.208l.00075-.85383333C7.21875 1.0544531 8.2732031 0 9.57291667 0h4.81250003c1.2997135 0 2.3541666 1.0544531 2.3541666 2.35416667L16.739 3.208Zm-3.2213333 1.5H3.97138224L5.38589605 21.6743347c.03703928.4433317.4072169.7839986.85142339.7839986H17.7220833c.4442065 0 .8143841-.3406669.8514089-.7838247L19.987 4.70833333ZM9.57291667 8.82291667c.41421356 0 .75000003.33578643.75000003.75V17.59375c0 .4142136-.33578647.75-.75000003.75-.41421357 0-.75-.3357864-.75-.75V9.57291667c0-.41421357.33578643-.75.75-.75Zm4.81250003 0c.4142135 0 .75.33578643.75.75V17.59375c0 .4142136-.3357865.75-.75.75-.4142136 0-.75-.3357864-.75-.75V9.57291667c0-.41421357.3357864-.75.75-.75Zm0-7.32291667H9.57291667c-.47128644 0-.85416667.38288023-.85416667.85416667v.85416666h6.5208333v-.85416666c0-.47128644-.3828802-.85416667-.8541666-.85416667Z"
   }));
 };
 
-module.exports = DeleteIcon;
+const ForwardRef = forwardRef(DeleteIcon);
+module.exports = ForwardRef;