outline-icons 2.7.0 → 3.0.0

package/lib/components/AcademicCapIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function AcademicCapIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/AcademicCapIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function AcademicCapIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function AcademicCapIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { d: "M17,13.5977511 L17,17 C17,18.6568542 14.7614237,20 12,20 C9.32225576,20 7.13615141,18.7370236 7.00611913,17.1497303 L7,17 L7,13.5977511 L10.0154442,15.3212215 C11.2451749,16.0239247 12.7548251,16.0239247 13.9845558,15.3212215 L17,13.5977511 Z M11.0077221,4.41526482 C11.6225875,4.0639132 12.3774125,4.0639132 12.9922779,4.41526482 L12.9922779,4.41526482 L19.4961389,8.13175686 C20.1679537,8.515651 20.1679537,9.484349 19.4961389,9.86824314 L19.4961389,9.86824314 L12.9922779,13.5847352 C12.3774125,13.9360868 11.6225875,13.9360868 11.0077221,13.5847352 L11.0077221,13.5847352 L4.50386106,9.86824314 C3.83204631,9.484349 3.83204631,8.515651 4.50386106,8.13175686 L4.50386106,8.13175686 Z" })));
 }
-exports.default = AcademicCapIcon;
+exports.default = react_1.default.forwardRef(AcademicCapIcon);

package/lib/components/AlignCenterIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function AlignCenterIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/AlignCenterIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function AlignCenterIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function AlignCenterIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { d: "M5,6 L19,6 C19.5522847,6 20,6.44771525 20,7 C20,7.55228475 19.5522847,8 19,8 L5,8 C4.44771525,8 4,7.55228475 4,7 C4,6.44771525 4.44771525,6 5,6 Z M8,11 L16,11 C16.5522847,11 17,11.4477153 17,12 C17,12.5522847 16.5522847,13 16,13 L8,13 C7.44771525,13 7,12.5522847 7,12 C7,11.4477153 7.44771525,11 8,11 Z M5,16 L19,16 C19.5522847,16 20,16.4477153 20,17 C20,17.5522847 19.5522847,18 19,18 L5,18 C4.44771525,18 4,17.5522847 4,17 C4,16.4477153 4.44771525,16 5,16 Z" })));
 }
-exports.default = AlignCenterIcon;
+exports.default = react_1.default.forwardRef(AlignCenterIcon);

package/lib/components/AlignFullWidthIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function AlignFullWidthIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/AlignFullWidthIcon.js

@@ -5,12 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function AlignFullWidthIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function AlignFullWidthIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { d: "M4 5C3.44772 5 3 5.44772 3 6V18C3 18.5523 3.44772 19 4 19C4.55228 19 5 18.5523 5 18V6C5 5.44772 4.55228 5 4 5Z" }),
         react_1.default.createElement("path", { d: "M19 6C19 5.44772 19.4477 5 20 5C20.5523 5 21 5.44772 21 6V18C21 18.5523 20.5523 19 20 19C19.4477 19 19 18.5523 19 18V6Z" }),
         react_1.default.createElement("path", { d: "M7 12C7 11.4477 7.44772 11 8 11H16C16.5523 11 17 11.4477 17 12C17 12.5523 16.5523 13 16 13H8C7.44772 13 7 12.5523 7 12Z" }),
         react_1.default.createElement("path", { d: "M14.2929 9.70711C13.9024 9.31658 13.9024 8.68342 14.2929 8.29289C14.6834 7.90237 15.3166 7.90237 15.7071 8.29289L18.7071 11.2929C19.0976 11.6834 19.0976 12.3166 18.7071 12.7071L15.7071 15.7071C15.3166 16.0976 14.6834 16.0976 14.2929 15.7071C13.9024 15.3166 13.9024 14.6834 14.2929 14.2929L16.5858 12L14.2929 9.70711Z" }),
         react_1.default.createElement("path", { d: "M9.70711 14.2929C10.0976 14.6834 10.0976 15.3166 9.70711 15.7071C9.31658 16.0976 8.68342 16.0976 8.29289 15.7071L5.29289 12.7071C4.90237 12.3166 4.90237 11.6834 5.29289 11.2929L8.29289 8.29289C8.68342 7.90237 9.31658 7.90237 9.70711 8.29289C10.0976 8.68342 10.0976 9.31658 9.70711 9.70711L7.41421 12L9.70711 14.2929Z" })));
 }
-exports.default = AlignFullWidthIcon;
+exports.default = react_1.default.forwardRef(AlignFullWidthIcon);

package/lib/components/AlignImageCenterIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function AlignImageCenterIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/AlignImageCenterIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function AlignImageCenterIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function AlignImageCenterIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 6C4 5.44772 4.44772 5 5 5H19C19.5523 5 20 5.44772 20 6C20 6.55228 19.5523 7 19 7H5C4.44772 7 4 6.55228 4 6ZM17 9H19C19.5523 9 20 9.44772 20 10C20 10.5523 19.5523 11 19 11H17V9ZM17 13H19C19.5523 13 20 13.4477 20 14C20 14.5523 19.5523 15 19 15H17V13ZM5 17C4.44772 17 4 17.4477 4 18C4 18.5523 4.44772 19 5 19H19C19.5523 19 20 18.5523 20 18C20 17.4477 19.5523 17 19 17H5ZM10 9C9.44772 9 9 9.44772 9 10V14C9 14.5523 9.44772 15 10 15H14C14.5523 15 15 14.5523 15 14V10C15 9.44772 14.5523 9 14 9H10ZM4 10C4 9.44772 4.44772 9 5 9H7V11H5C4.44772 11 4 10.5523 4 10ZM5 13C4.44772 13 4 13.4477 4 14C4 14.5523 4.44772 15 5 15H7V13H5Z" })));
 }
-exports.default = AlignImageCenterIcon;
+exports.default = react_1.default.forwardRef(AlignImageCenterIcon);

package/lib/components/AlignImageLeftIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function AlignImageLeftIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/AlignImageLeftIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function AlignImageLeftIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function AlignImageLeftIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 6C4 5.44772 4.44772 5 5 5H19C19.5523 5 20 5.44772 20 6C20 6.55228 19.5523 7 19 7H5C4.44772 7 4 6.55228 4 6ZM12 9H19C19.5523 9 20 9.44772 20 10C20 10.5523 19.5523 11 19 11H12V9ZM12 13H19C19.5523 13 20 13.4477 20 14C20 14.5523 19.5523 15 19 15H12V13ZM5 17C4.44772 17 4 17.4477 4 18C4 18.5523 4.44772 19 5 19H19C19.5523 19 20 18.5523 20 18C20 17.4477 19.5523 17 19 17H5ZM5 9C4.44772 9 4 9.44772 4 10V14C4 14.5523 4.44772 15 5 15H9C9.55228 15 10 14.5523 10 14V10C10 9.44772 9.55228 9 9 9H5Z" })));
 }
-exports.default = AlignImageLeftIcon;
+exports.default = react_1.default.forwardRef(AlignImageLeftIcon);

package/lib/components/AlignImageRightIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function AlignImageRightIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/AlignImageRightIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function AlignImageRightIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function AlignImageRightIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 6C4 5.44772 4.44772 5 5 5H19C19.5523 5 20 5.44772 20 6C20 6.55228 19.5523 7 19 7H5C4.44772 7 4 6.55228 4 6ZM4 10C4 9.44772 4.44772 9 5 9H12V11H5C4.44772 11 4 10.5523 4 10ZM4 14C4 13.4477 4.44772 13 5 13H12V15H5C4.44772 15 4 14.5523 4 14ZM5 17C4.44772 17 4 17.4477 4 18C4 18.5523 4.44772 19 5 19H19C19.5523 19 20 18.5523 20 18C20 17.4477 19.5523 17 19 17H5ZM15 9C14.4477 9 14 9.44772 14 10V14C14 14.5523 14.4477 15 15 15H19C19.5523 15 20 14.5523 20 14V10C20 9.44772 19.5523 9 19 9H15Z" })));
 }
-exports.default = AlignImageRightIcon;
+exports.default = react_1.default.forwardRef(AlignImageRightIcon);

package/lib/components/AlignLeftIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function AlignLeftIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/AlignLeftIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function AlignLeftIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function AlignLeftIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { d: "M5,6 L19,6 C19.5522847,6 20,6.44771525 20,7 C20,7.55228475 19.5522847,8 19,8 L5,8 C4.44771525,8 4,7.55228475 4,7 C4,6.44771525 4.44771525,6 5,6 Z M5,11 L14,11 C14.5522847,11 15,11.4477153 15,12 C15,12.5522847 14.5522847,13 14,13 L5,13 C4.44771525,13 4,12.5522847 4,12 C4,11.4477153 4.44771525,11 5,11 Z M5,16 L19,16 C19.5522847,16 20,16.4477153 20,17 C20,17.5522847 19.5522847,18 19,18 L5,18 C4.44771525,18 4,17.5522847 4,17 C4,16.4477153 4.44771525,16 5,16 Z" })));
 }
-exports.default = AlignLeftIcon;
+exports.default = react_1.default.forwardRef(AlignLeftIcon);

package/lib/components/AlignRightIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function AlignRightIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/AlignRightIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function AlignRightIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function AlignRightIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { d: "M5,6 L19,6 C19.5522847,6 20,6.44771525 20,7 C20,7.55228475 19.5522847,8 19,8 L5,8 C4.44771525,8 4,7.55228475 4,7 C4,6.44771525 4.44771525,6 5,6 Z M10,11 L19,11 C19.5522847,11 20,11.4477153 20,12 C20,12.5522847 19.5522847,13 19,13 L10,13 C9.44771525,13 9,12.5522847 9,12 C9,11.4477153 9.44771525,11 10,11 Z M5,16 L19,16 C19.5522847,16 20,16.4477153 20,17 C20,17.5522847 19.5522847,18 19,18 L5,18 C4.44771525,18 4,17.5522847 4,17 C4,16.4477153 4.44771525,16 5,16 Z" })));
 }
-exports.default = AlignRightIcon;
+exports.default = react_1.default.forwardRef(AlignRightIcon);

package/lib/components/AlphabeticalSortIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function AlphabeticalSortIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/AlphabeticalSortIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function AlphabeticalSortIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function AlphabeticalSortIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 4C5.52332 4 5.11291 4.33646 5.01942 4.80388L4.21942 8.80388L4.01942 9.80388C3.91111 10.3454 4.26233 10.8723 4.80389 10.9806C5.34545 11.0889 5.87227 10.7377 5.98058 10.1961L6.01981 10H7.9802L8.01942 10.1961C8.12773 10.7377 8.65456 11.0889 9.19612 10.9806C9.73768 10.8723 10.0889 10.3454 9.98058 9.80388L9.78058 8.80388L8.98058 4.80388C8.8871 4.33646 8.47668 4 8 4H6ZM7.5802 8H6.41981L6.81981 6H7.1802L7.5802 8ZM13 5C12.4477 5 12 5.44772 12 6C12 6.55228 12.4477 7 13 7H19C19.5523 7 20 6.55228 20 6C20 5.44772 19.5523 5 19 5H13ZM14 9C13.4477 9 13 9.44772 13 10C13 10.5523 13.4477 11 14 11H19C19.5523 11 20 10.5523 20 10C20 9.44772 19.5523 9 19 9H14ZM14 14C14 13.4477 14.4477 13 15 13H19C19.5523 13 20 13.4477 20 14C20 14.5523 19.5523 15 19 15H15C14.4477 15 14 14.5523 14 14ZM16 17C15.4477 17 15 17.4477 15 18C15 18.5523 15.4477 19 16 19H19C19.5523 19 20 18.5523 20 18C20 17.4477 19.5523 17 19 17H16ZM4 14C4 13.4477 4.44772 13 5 13H9C9.38441 13 9.73478 13.2203 9.9013 13.5668C10.0678 13.9133 10.021 14.3245 9.78087 14.6247L7.08063 18H9C9.55229 18 10 18.4477 10 19C10 19.5523 9.55229 20 9 20H5C4.6156 20 4.26522 19.7797 4.0987 19.4332C3.93218 19.0867 3.979 18.6755 4.21913 18.3753L6.91938 15H5C4.44772 15 4 14.5523 4 14Z" })));
 }
-exports.default = AlphabeticalSortIcon;
+exports.default = react_1.default.forwardRef(AlphabeticalSortIcon);

package/lib/components/ArchiveIcon.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function ArchiveIcon({ open, ...rest }: Props & {
-    open?: boolean;
-}): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & {
+    open?: boolean | undefined;
+} & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/ArchiveIcon.js

@@ -16,8 +16,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function ArchiveIcon(_a) {
+function ArchiveIcon(_a, ref) {
     var { open } = _a, rest = __rest(_a, ["open"]);
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, rest), open ? (react_1.default.createElement("path", { d: "M4.92365 7.21548C4.82775 6.67158 5.19092 6.15293 5.73481 6.05702L17.5525 3.97325C18.0964 3.87734 18.6151 4.24051 18.711 4.7844C18.8069 5.3283 18.4437 5.84696 17.8998 5.94286L6.08211 8.02664C5.53822 8.12254 5.01956 7.75937 4.92365 7.21548ZM6 9H18V17C18 18.1046 17.1046 19 16 19H8C6.89544 19 6 18.1046 6 17V9ZM11 11C10.4477 11 10 11.4477 10 12C10 12.5523 10.4477 13 11 13H13C13.5523 13 14 12.5523 14 12C14 11.4477 13.5523 11 13 11H11Z" })) : (react_1.default.createElement("path", { d: "M6,6 L18,6 C18.5522847,6 19,6.44771525 19,7 C19,7.55228475 18.5522847,8 18,8 L6,8 C5.44771525,8 5,7.55228475 5,7 C5,6.44771525 5.44771525,6 6,6 Z M6,9 L18,9 L18,17 C18,18.1045695 17.1045695,19 16,19 L8,19 C6.8954305,19 6,18.1045695 6,17 L6,9 Z M11,11 C10.4477153,11 10,11.4477153 10,12 C10,12.5522847 10.4477153,13 11,13 L13,13 C13.5522847,13 14,12.5522847 14,12 C14,11.4477153 13.5522847,11 13,11 L11,11 Z" }))));
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, rest), open ? (react_1.default.createElement("path", { d: "M4.92365 7.21548C4.82775 6.67158 5.19092 6.15293 5.73481 6.05702L17.5525 3.97325C18.0964 3.87734 18.6151 4.24051 18.711 4.7844C18.8069 5.3283 18.4437 5.84696 17.8998 5.94286L6.08211 8.02664C5.53822 8.12254 5.01956 7.75937 4.92365 7.21548ZM6 9H18V17C18 18.1046 17.1046 19 16 19H8C6.89544 19 6 18.1046 6 17V9ZM11 11C10.4477 11 10 11.4477 10 12C10 12.5523 10.4477 13 11 13H13C13.5523 13 14 12.5523 14 12C14 11.4477 13.5523 11 13 11H11Z" })) : (react_1.default.createElement("path", { d: "M6,6 L18,6 C18.5522847,6 19,6.44771525 19,7 C19,7.55228475 18.5522847,8 18,8 L6,8 C5.44771525,8 5,7.55228475 5,7 C5,6.44771525 5.44771525,6 6,6 Z M6,9 L18,9 L18,17 C18,18.1045695 17.1045695,19 16,19 L8,19 C6.8954305,19 6,18.1045695 6,17 L6,9 Z M11,11 C10.4477153,11 10,11.4477153 10,12 C10,12.5522847 10.4477153,13 11,13 L13,13 C13.5522847,13 14,12.5522847 14,12 C14,11.4477153 13.5522847,11 13,11 L11,11 Z" }))));
 }
-exports.default = ArchiveIcon;
+exports.default = react_1.default.forwardRef(ArchiveIcon);

package/lib/components/ArrowIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function ArrowIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/ArrowIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function ArrowIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function ArrowIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.2929 17.7071C10.9024 17.3166 10.9024 16.6834 11.2929 16.2929L14.5858 13H7C6.44772 13 6 12.5523 6 12C6 11.4477 6.44772 11 7 11L14.5858 11L11.2929 7.70711C10.9024 7.31658 10.9024 6.68342 11.2929 6.29289C11.6834 5.90237 12.3166 5.90237 12.7071 6.29289L17.7071 11.2929C18.0976 11.6834 18.0976 12.3166 17.7071 12.7071L12.7071 17.7071C12.3166 18.0976 11.6834 18.0976 11.2929 17.7071Z" })));
 }
-exports.default = ArrowIcon;
+exports.default = react_1.default.forwardRef(ArrowIcon);

package/lib/components/AttachmentIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function AttachmentIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/AttachmentIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function AttachmentIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function AttachmentIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { d: "M8 9.5C8 8.94772 7.55228 8.5 7 8.5C6.44772 8.5 6 8.94772 6 9.5H8ZM7 15H8H7ZM14 8C14 7.44772 13.5523 7 13 7C12.4477 7 12 7.44772 12 8H14ZM6 9.5V15H8V9.5H6ZM17 15V8H15V15H17ZM16 8C17 8 17 7.9995 17 7.99899C17 7.9988 17 7.99828 17 7.9979C17 7.99715 17 7.99636 17 7.99552C17 7.99383 17 7.99195 17 7.98989C16.9999 7.98576 16.9999 7.98088 16.9998 7.97527C16.9996 7.96405 16.9993 7.94989 16.9987 7.93299C16.9976 7.89923 16.9955 7.85432 16.9916 7.79985C16.9838 7.69123 16.9688 7.54259 16.9395 7.36685C16.8817 7.02011 16.7643 6.5425 16.5194 6.05279C16.2726 5.55916 15.8867 5.03511 15.2891 4.6367C14.6852 4.23412 13.925 4 13 4V6C13.575 6 13.9398 6.14088 14.1797 6.3008C14.4258 6.46489 14.6024 6.69084 14.7306 6.94721C14.8607 7.2075 14.9308 7.47989 14.9667 7.69565C14.9843 7.80116 14.9927 7.88689 14.9967 7.94234C14.9987 7.96989 14.9995 7.98944 14.9998 7.99962C15 8.0047 15 8.00739 15 8.00752C15 8.00759 15 8.00701 15 8.00576C15 8.00514 15 8.00435 15 8.00339C15 8.00291 15 8.00239 15 8.00182C15 8.00154 15 8.00108 15 8.00094C15 8.00048 15 8 16 8ZM13 4C12.075 4 11.3148 4.23412 10.7109 4.6367C10.1133 5.03511 9.72739 5.55916 9.48057 6.05279C9.23572 6.5425 9.11827 7.02011 9.06048 7.36685C9.03119 7.54259 9.01616 7.69123 9.0084 7.79985C9.00451 7.85432 9.00241 7.89923 9.00129 7.93299C9.00072 7.94989 9.0004 7.96405 9.00022 7.97527C9.00013 7.98088 9.00008 7.98576 9.00004 7.98989C9.00003 7.99195 9.00002 7.99383 9.00001 7.99552C9.00001 7.99636 9 7.99715 9 7.9979C9 7.99828 9 7.9988 9 7.99899C9 7.9995 9 8 10 8C11 8 11 8.00048 11 8.00094C11 8.00108 11 8.00154 11 8.00182C11 8.00239 11 8.00291 11 8.00339C11 8.00435 11 8.00514 11 8.00576C11 8.00701 11 8.00759 11 8.00752C11 8.00739 11 8.0047 11.0002 7.99962C11.0005 7.98944 11.0013 7.96989 11.0033 7.94234C11.0073 7.88689 11.0157 7.80116 11.0333 7.69565C11.0692 7.47989 11.1393 7.2075 11.2694 6.94721C11.3976 6.69084 11.5742 6.46489 11.8203 6.3008C12.0602 6.14088 12.425 6 13 6V4ZM7 15C6 15 6 15.0006 6 15.0011C6 15.0014 6 15.002 6 15.0024C6 15.0032 6.00001 15.0042 6.00001 15.0052C6.00002 15.0071 6.00003 15.0094 6.00006 15.0118C6.0001 15.0168 6.00018 15.0227 6.0003 15.0296C6.00055 15.0434 6.001 15.0611 6.0018 15.0824C6.0034 15.125 6.00639 15.1822 6.012 15.252C6.02319 15.3912 6.04495 15.5827 6.08744 15.8093C6.17166 16.2584 6.34172 16.8695 6.69092 17.4903C7.42617 18.7974 8.87989 20 11.5 20V18C9.62011 18 8.82383 17.2026 8.43408 16.5097C8.22078 16.1305 8.10959 15.7416 8.05318 15.4407C8.02536 15.2923 8.01196 15.1713 8.00558 15.0918C8.0024 15.0522 8.001 15.0235 8.0004 15.0074C8.0001 14.9994 8 14.9947 7.99997 14.9933C7.99996 14.9927 7.99997 14.9929 7.99998 14.994C7.99998 14.9945 7.99999 14.9953 7.99999 14.9963C7.99999 14.9968 8 14.9974 8 14.998C8 14.9983 8 14.9988 8 14.9989C8 14.9995 8 15 7 15ZM11.5 20C14.1201 20 15.5738 18.7974 16.3091 17.4903C16.6583 16.8695 16.8283 16.2584 16.9126 15.8093C16.9551 15.5827 16.9768 15.3912 16.988 15.252C16.9936 15.1822 16.9966 15.125 16.9982 15.0824C16.999 15.0611 16.9994 15.0434 16.9997 15.0296C16.9998 15.0227 16.9999 15.0168 16.9999 15.0118C17 15.0094 17 15.0071 17 15.0052C17 15.0042 17 15.0032 17 15.0024C17 15.002 17 15.0014 17 15.0011C17 15.0006 17 15 16 15C15 15 15 14.9995 15 14.9989C15 14.9988 15 14.9983 15 14.998C15 14.9974 15 14.9968 15 14.9963C15 14.9953 15 14.9945 15 14.994C15 14.9929 15 14.9927 15 14.9933C15 14.9947 14.9999 14.9994 14.9996 15.0074C14.999 15.0235 14.9976 15.0522 14.9944 15.0918C14.988 15.1713 14.9746 15.2923 14.9468 15.4407C14.8904 15.7416 14.7792 16.1305 14.5659 16.5097C14.1762 17.2026 13.3799 18 11.5 18V20ZM9 8V14.5H11V8H9ZM14 14.5V8H12V14.5H14ZM10 14.5C9 14.5 9 14.5005 9 14.501C9 14.5012 9 14.5017 9 14.502C9 14.5027 9.00001 14.5035 9.00001 14.5042C9.00001 14.5057 9.00002 14.5073 9.00004 14.509C9.00006 14.5124 9.00011 14.5162 9.00018 14.5204C9.00031 14.5288 9.00054 14.5388 9.00092 14.5502C9.00168 14.5729 9.00304 14.6017 9.00547 14.6357C9.0103 14.7033 9.01947 14.7933 9.03704 14.8988C9.0714 15.1049 9.14197 15.395 9.29307 15.6972C9.44614 16.0033 9.69144 16.3399 10.0781 16.5977C10.471 16.8596 10.95 17 11.5 17V15C11.3 15 11.2165 14.9529 11.1875 14.9336C11.1523 14.9101 11.1164 14.8717 11.0819 14.8028C11.0455 14.73 11.0224 14.6451 11.0098 14.57C11.004 14.5348 11.0014 14.5076 11.0004 14.4932C10.9999 14.4862 10.9998 14.4827 10.9998 14.4835C10.9998 14.4839 10.9999 14.4855 10.9999 14.4882C10.9999 14.4895 11 14.4912 11 14.4932C11 14.4941 11 14.4952 11 14.4963C11 14.4969 11 14.4975 11 14.4981C11 14.4984 11 14.4989 11 14.499C11 14.4995 11 14.5 10 14.5ZM11.5 17C12.05 17 12.529 16.8596 12.9219 16.5977C13.3086 16.3399 13.5539 16.0033 13.7069 15.6972C13.858 15.395 13.9286 15.1049 13.963 14.8988C13.9805 14.7933 13.9897 14.7033 13.9945 14.6357C13.997 14.6017 13.9983 14.5729 13.9991 14.5502C13.9995 14.5388 13.9997 14.5288 13.9998 14.5204C13.9999 14.5162 13.9999 14.5124 14 14.509C14 14.5073 14 14.5057 14 14.5042C14 14.5035 14 14.5027 14 14.502C14 14.5017 14 14.5012 14 14.501C14 14.5005 14 14.5 13 14.5C12 14.5 12 14.4995 12 14.499C12 14.4989 12 14.4984 12 14.4981C12 14.4975 12 14.4969 12 14.4963C12 14.4952 12 14.4941 12 14.4932C12 14.4912 12.0001 14.4895 12.0001 14.4882C12.0001 14.4855 12.0002 14.4839 12.0002 14.4835C12.0002 14.4827 12.0001 14.4862 11.9996 14.4932C11.9986 14.5076 11.996 14.5348 11.9902 14.57C11.9776 14.6451 11.9545 14.73 11.9181 14.8028C11.8836 14.8717 11.8477 14.9101 11.8125 14.9336C11.7835 14.9529 11.7 15 11.5 15V17Z" })));
 }
-exports.default = AttachmentIcon;
+exports.default = react_1.default.forwardRef(AttachmentIcon);

package/lib/components/BackIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function BackIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/BackIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function BackIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function BackIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { d: "M14.7071068,7.70710678 L10.4142136,12 L14.7071068,16.2928932 C15.0976311,16.6834175 15.0976311,17.3165825 14.7071068,17.7071068 C14.3165825,18.0976311 13.6834175,18.0976311 13.2928932,17.7071068 L8.29289322,12.7071068 C7.90236893,12.3165825 7.90236893,11.6834175 8.29289322,11.2928932 L13.2928932,6.29289322 C13.6834175,5.90236893 14.3165825,5.90236893 14.7071068,6.29289322 C15.0976311,6.68341751 15.0976311,7.31658249 14.7071068,7.70710678 Z" })));
 }
-exports.default = BackIcon;
+exports.default = react_1.default.forwardRef(BackIcon);

package/lib/components/BeakerIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function BeakerIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/BeakerIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function BeakerIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function BeakerIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { d: "M15,4 C15.5522847,4 16,4.44771525 16,5 C16,5.51283584 15.6139598,5.93550716 15.1166211,5.99327227 L15,6 L15,10.764 L18.1708204,17.1055728 C18.2819047,17.3277415 18.3503873,17.56816 18.373337,17.8144116 L18.381966,18 C18.381966,19.0543618 17.5660882,19.9181651 16.5312284,19.9945143 L16.381966,20 L7.61803399,20 C7.3075438,20 7.00131767,19.9277098 6.7236068,19.7888544 C5.78269537,19.3183987 5.3746713,18.2063397 5.76466265,17.2480617 L5.82917961,17.1055728 L9,10.762 L9,6 C8.44771525,6 8,5.55228475 8,5 C8,4.48716416 8.38604019,4.06449284 8.88337887,4.00672773 L9,4 L15,4 Z M12.9995959,6 L10.9995959,6 L11,11 L13,11 L12.9995959,6 Z" })));
 }
-exports.default = BeakerIcon;
+exports.default = react_1.default.forwardRef(BeakerIcon);

package/lib/components/BicycleIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function BicycleIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/BicycleIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function BicycleIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function BicycleIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15 5.5C15 6.32843 14.3284 7 13.5 7C12.6716 7 12 6.32843 12 5.5C12 4.67157 12.6716 4 13.5 4C14.3284 4 15 4.67157 15 5.5ZM7 20C8.65685 20 10 18.6569 10 17C10 15.3431 8.65685 14 7 14C5.34315 14 4 15.3431 4 17C4 18.6569 5.34315 20 7 20ZM17 20C18.6569 20 20 18.6569 20 17C20 15.3431 18.6569 14 17 14C15.3431 14 14 15.3431 14 17C14 18.6569 15.3431 20 17 20ZM16 12.5L12 10L10.5 12L13 14V19H11V15L8.27131 13.0509C7.83881 12.742 7.72354 12.1487 8.00888 11.7003L10.4516 7.8618C10.7526 7.38884 11.3835 7.25566 11.8499 7.56663L17 11L16 12.5Z" })));
 }
-exports.default = BicycleIcon;
+exports.default = react_1.default.forwardRef(BicycleIcon);

package/lib/components/BillingIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function BillingIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/BillingIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function BillingIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function BillingIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { d: "M20,9 L4,9 L4,8 C4,6.8954305 4.8954305,6 6,6 L18,6 C19.1045695,6 20,6.8954305 20,8 L20,9 Z M20,11 L20,16 C20,17.1045695 19.1045695,18 18,18 L6,18 C4.8954305,18 4,17.1045695 4,16 L4,11 L20,11 Z M7,13 C6.44771525,13 6,13.4477153 6,14 C6,14.5522847 6.44771525,15 7,15 L13,15 C13.5522847,15 14,14.5522847 14,14 C14,13.4477153 13.5522847,13 13,13 L7,13 Z" })));
 }
-exports.default = BillingIcon;
+exports.default = react_1.default.forwardRef(BillingIcon);

package/lib/components/BlockQuoteIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function BlockQuoteIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/BlockQuoteIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function BlockQuoteIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function BlockQuoteIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { d: "M7,11 L9.00208688,11 C10.1055038,11 11,11.8982606 11,12.9979131 L11,15.0020869 C11,16.1055038 10.1017394,17 9.00208688,17 L6.99791312,17 C5.89449617,17 5,16.1017394 5,15.0020869 L5,12.9989566 L5,11 C5,8.790861 6.790861,7 9,7 L10,7 C10.5522847,7 11,7.44771525 11,8 C11,8.55228475 10.5522847,9 10,9 L9,9 C7.8954305,9 7,9.8954305 7,11 Z M15,11 L17.0020869,11 C18.1055038,11 19,11.8982606 19,12.9979131 L19,15.0020869 C19,16.1055038 18.1017394,17 17.0020869,17 L14.9979131,17 C13.8944962,17 13,16.1017394 13,15.0020869 L13,12.9989566 L13,11 C13,8.790861 14.790861,7 17,7 L18,7 C18.5522847,7 19,7.44771525 19,8 C19,8.55228475 18.5522847,9 18,9 L17,9 C15.8954305,9 15,9.8954305 15,11 Z" })));
 }
-exports.default = BlockQuoteIcon;
+exports.default = react_1.default.forwardRef(BlockQuoteIcon);

package/lib/components/BoldIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function BoldIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/BoldIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function BoldIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function BoldIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { d: "M18 15.4286C18 17.9533 16.2091 20 14 20H8C7.44772 20 7 19.4883 7 18.8571V5.14286C7 4.51167 7.44772 4 8 4H13C15.2091 4 17 6.0467 17 8.57143C17 9.69102 16.6478 10.7166 16.0632 11.5114C17.2239 12.3116 18 13.7665 18 15.4286ZM9 17.7143H14C15.1046 17.7143 16 16.6909 16 15.4286C16 14.1662 15.1046 13.1429 14 13.1429H9V17.7143ZM9 10.8571H13C14.1046 10.8571 15 9.83379 15 8.57143C15 7.30906 14.1046 6.28571 13 6.28571H9V10.8571Z" })));
 }
-exports.default = BoldIcon;
+exports.default = react_1.default.forwardRef(BoldIcon);

package/lib/components/BookmarkIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function BookmarkIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/BookmarkIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function BookmarkIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function BookmarkIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M6 6C6 4.89543 6.89543 4 8 4H16C17.1046 4 18 4.89543 18 6V19C18 19.3603 17.8062 19.6927 17.4927 19.8702C17.1792 20.0477 16.7944 20.0429 16.4855 19.8575L12 17.1662L7.5145 19.8575C7.20557 20.0429 6.82081 20.0477 6.5073 19.8702C6.19379 19.6927 6 19.3603 6 19V6ZM16 6L8 6V17.2338L11.4855 15.1425C11.8022 14.9525 12.1978 14.9525 12.5145 15.1425L16 17.2338V6Z" })));
 }
-exports.default = BookmarkIcon;
+exports.default = react_1.default.forwardRef(BookmarkIcon);

package/lib/components/BookmarkedIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function BookmarkedIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/BookmarkedIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function BookmarkedIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function BookmarkedIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8 4C6.89543 4 6 4.89543 6 6V19C6 19.3603 6.19379 19.6927 6.5073 19.8702C6.82081 20.0477 7.20557 20.0429 7.5145 19.8575L12 17.1662L16.4855 19.8575C16.7944 20.0429 17.1792 20.0477 17.4927 19.8702C17.8062 19.6927 18 19.3603 18 19V6C18 4.89543 17.1046 4 16 4H8Z" })));
 }
-exports.default = BookmarkedIcon;
+exports.default = react_1.default.forwardRef(BookmarkedIcon);

package/lib/components/BrowserIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function BrowserIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/BrowserIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function BrowserIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function BrowserIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4 7C4 5.89543 4.89543 5 6 5H18C19.1046 5 20 5.89543 20 7V17C20 18.1046 19.1046 19 18 19H6C4.89543 19 4 18.1046 4 17V7ZM6 17V11H18V17H6ZM7 7C6.44772 7 6 7.44772 6 8C6 8.55228 6.44772 9 7 9C7.55228 9 8 8.55228 8 8C8 7.44772 7.55228 7 7 7ZM9 8C9 7.44772 9.44772 7 10 7C10.5523 7 11 7.44772 11 8C11 8.55228 10.5523 9 10 9C9.44772 9 9 8.55228 9 8ZM13 7C12.4477 7 12 7.44772 12 8C12 8.55228 12.4477 9 13 9C13.5523 9 14 8.55228 14 8C14 7.44772 13.5523 7 13 7Z" })));
 }
-exports.default = BrowserIcon;
+exports.default = react_1.default.forwardRef(BrowserIcon);

package/lib/components/BugIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function BugIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/BugIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function BugIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function BugIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9.00307 6.86314C8.45727 7.20484 7.96847 7.63658 7.55165 8.13744L7 7.58579V6C7 5.44772 6.55228 5 6 5C5.44772 5 5 5.44772 5 6V8C5 8.26522 5.10536 8.51957 5.29289 8.70711L6.29289 9.70711L6.49732 9.91153C6.35716 10.2607 6.24458 10.6248 6.16221 11H5C4.44772 11 4 11.4477 4 12C4 12.5523 4.44772 13 5 13H6.01776C6.0505 13.4596 6.12796 13.9082 6.24588 14.3399L5.29289 15.2929C5.10536 15.4804 5 15.7348 5 16V18C5 18.5523 5.44772 19 6 19C6.55228 19 7 18.5523 7 18V16.4142L7.12552 16.2887C8.19987 17.9146 9.95486 19 12 19C14.0451 19 15.8001 17.9146 16.8745 16.2887L17 16.4142V18C17 18.5523 17.4477 19 18 19C18.5523 19 19 18.5523 19 18V16C19 15.7348 18.8946 15.4804 18.7071 15.2929L17.7541 14.3399C17.872 13.9082 17.9495 13.4596 17.9822 13H19C19.5523 13 20 12.5523 20 12C20 11.4477 19.5523 11 19 11H17.8378C17.7554 10.6248 17.6428 10.2607 17.5027 9.91153L17.7071 9.70711L18.7071 8.70711C18.8946 8.51957 19 8.26522 19 8V6C19 5.44772 18.5523 5 18 5C17.4477 5 17 5.44772 17 6V7.58579L16.4483 8.13744C16.0315 7.63658 15.5427 7.20484 14.9969 6.86314C14.9254 5.26981 13.611 4 12 4C10.389 4 9.07461 5.26981 9.00307 6.86314ZM8 12.5C8 12.0412 8.05953 11.6032 8.16936 11.193C8.41965 11.6726 8.92159 12 9.5 12C10.3284 12 11 11.3284 11 10.5C11 9.67157 10.3284 9 9.5 9L9.48965 9.00003C10.1882 8.36888 11.0708 8 12 8C12.9292 8 13.8118 8.36888 14.5104 9.00003L14.5 9C13.6716 9 13 9.67157 13 10.5C13 11.3284 13.6716 12 14.5 12C15.0784 12 15.5804 11.6726 15.8306 11.193C15.9405 11.6032 16 12.0412 16 12.5C16 12.9588 15.9405 13.3968 15.8306 13.807C15.5804 13.3274 15.0784 13 14.5 13C13.6716 13 13 13.6716 13 14.5C13 15.3284 13.6716 16 14.5 16L14.5104 16C13.8118 16.6311 12.9292 17 12 17C11.0708 17 10.1882 16.6311 9.48965 16C9.4931 16 9.49655 16 9.5 16C10.3284 16 11 15.3284 11 14.5C11 13.6716 10.3284 13 9.5 13C8.92159 13 8.41965 13.3274 8.16936 13.807C8.05953 13.3968 8 12.9588 8 12.5Z" })));
 }
-exports.default = BugIcon;
+exports.default = react_1.default.forwardRef(BugIcon);

package/lib/components/BuildingBlocksIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function BuildingBlocksIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/BuildingBlocksIcon.js

@@ -5,10 +5,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function BuildingBlocksIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function BuildingBlocksIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { d: "M11 14.6333C11 13.7313 10.2687 13 9.36667 13H5.63333C4.73127 13 4 13.7313 4 14.6333V18.3667C4 19.2687 4.73127 20 5.63333 20H9.36667C10.2687 20 11 19.2687 11 18.3667V14.6333Z" }),
         react_1.default.createElement("path", { d: "M20 14.6333C20 13.7313 19.2687 13 18.3667 13H14.6333C13.7313 13 13 13.7313 13 14.6333V18.3667C13 19.2687 13.7313 20 14.6333 20H18.3667C19.2687 20 20 19.2687 20 18.3667V14.6333Z" }),
         react_1.default.createElement("path", { d: "M16 5.63333C16 4.73127 15.1643 4 14.1333 4H9.86667C8.83573 4 8 4.73127 8 5.63333V9.36667C8 10.2687 8.83573 11 9.86667 11H14.1333C15.1643 11 16 10.2687 16 9.36667V5.63333Z" })));
 }
-exports.default = BuildingBlocksIcon;
+exports.default = react_1.default.forwardRef(BuildingBlocksIcon);

package/lib/components/BulletedListIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function BulletedListIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/BulletedListIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function BulletedListIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function BulletedListIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { d: "M10,6 L19,6 C19.5522847,6 20,6.44771525 20,7 L20,7 C20,7.55228475 19.5522847,8 19,8 L10,8 C9.44771525,8 9,7.55228475 9,7 L9,7 L9,7 C9,6.44771525 9.44771525,6 10,6 Z M10,16 L19,16 C19.5522847,16 20,16.4477153 20,17 C20,17.5522847 19.5522847,18 19,18 L10,18 C9.44771525,18 9,17.5522847 9,17 C9,16.4477153 9.44771525,16 10,16 Z M10,11 L19,11 C19.5522847,11 20,11.4477153 20,12 C20,12.5522847 19.5522847,13 19,13 L10,13 C9.44771525,13 9,12.5522847 9,12 C9,11.4477153 9.44771525,11 10,11 Z M5,10.5 L5,10.5 C5.82842712,10.5 6.5,11.1715729 6.5,12 C6.5,12.8284271 5.82842712,13.5 5,13.5 C4.17157288,13.5 3.5,12.8284271 3.5,12 C3.5,11.1715729 4.17157288,10.5 5,10.5 L5,10.5 Z M5,5.5 L5,5.5 C5.82842712,5.5 6.5,6.17157288 6.5,7 L6.5,7 C6.5,7.82842712 5.82842712,8.5 5,8.5 C4.17157288,8.5 3.5,7.82842712 3.5,7 L3.5,7 L3.5,7 C3.5,6.17157288 4.17157288,5.5 5,5.5 L5,5.5 Z M5,15.5 L5,15.5 C5.82842712,15.5 6.5,16.1715729 6.5,17 C6.5,17.8284271 5.82842712,18.5 5,18.5 C4.17157288,18.5 3.5,17.8284271 3.5,17 C3.5,16.1715729 4.17157288,15.5 5,15.5 L5,15.5 Z" })));
 }
-exports.default = BulletedListIcon;
+exports.default = react_1.default.forwardRef(BulletedListIcon);

package/lib/components/CalendarIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function CalendarIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;

package/lib/components/CalendarIcon.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const Icon_1 = __importDefault(require("./Icon"));
-function CalendarIcon(props) {
-    return (react_1.default.createElement(Icon_1.default, Object.assign({}, props),
+function CalendarIcon(props, ref) {
+    return (react_1.default.createElement(Icon_1.default, Object.assign({ ref: ref }, props),
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10 4H8V5.24672C5.60033 5.7829 5 7.32073 5 11.0592V12.9408C5 17.9306 6.06945 19 11.0592 19H12.9408C17.9306 19 19 17.9306 19 12.9408V11.0592C19 7.32073 18.3997 5.7829 16 5.24672V4H14V5.01931C13.6682 5.00603 13.3156 5 12.9408 5H11.0592C10.6844 5 10.3318 5.00603 10 5.01931V4ZM7.59375 15H11.5039V14.168H8.95312V14.0856L10.082 12.9883C10.4232 12.6576 10.6901 12.3724 10.8828 12.1328C11.0781 11.8932 11.2161 11.6732 11.2969 11.4727C11.3776 11.2695 11.418 11.0625 11.418 10.8516V10.8398C11.418 10.5221 11.3372 10.2422 11.1758 10C11.0143 9.75781 10.7904 9.56771 10.5039 9.42969C10.2201 9.29167 9.89583 9.22266 9.53125 9.22266C9.13802 9.22266 8.79167 9.29818 8.49219 9.44922C8.19271 9.60026 7.95833 9.8099 7.78906 10.0781C7.61979 10.3464 7.53516 10.6562 7.53516 11.0078L7.53906 11.0195L8.47656 11.0234L8.48047 11.0078C8.48047 10.8125 8.52214 10.6419 8.60547 10.4961C8.6888 10.3503 8.80599 10.237 8.95703 10.1562C9.10807 10.0729 9.28255 10.0312 9.48047 10.0312C9.67578 10.0312 9.84375 10.0703 9.98438 10.1484C10.125 10.224 10.2331 10.3294 10.3086 10.4648C10.3841 10.6003 10.4219 10.7539 10.4219 10.9258V10.9375C10.4219 11.0807 10.3932 11.2174 10.3359 11.3477C10.2786 11.4753 10.1784 11.6237 10.0352 11.793C9.89453 11.9596 9.69662 12.1719 9.44141 12.4297L7.59375 14.3203V15ZM14.6602 15.1133C15.0768 15.1133 15.4427 15.0417 15.7578 14.8984C16.0755 14.7552 16.3229 14.5573 16.5 14.3047C16.6771 14.0495 16.7656 13.7578 16.7656 13.4297V13.4219C16.7656 13.0312 16.6393 12.7188 16.3867 12.4844C16.1341 12.2474 15.7995 12.1094 15.3828 12.0703V12.0508C15.6094 12.0039 15.8112 11.9219 15.9883 11.8047C16.168 11.6875 16.3086 11.5404 16.4102 11.3633C16.5143 11.1836 16.5664 10.9779 16.5664 10.7461V10.7383C16.5664 10.4414 16.487 10.1823 16.3281 9.96094C16.1719 9.73958 15.9505 9.56641 15.6641 9.44141C15.3776 9.3138 15.0404 9.25 14.6523 9.25C14.2721 9.25 13.9375 9.31771 13.6484 9.45312C13.362 9.58594 13.1328 9.77344 12.9609 10.0156C12.7917 10.2552 12.6927 10.5378 12.6641 10.8633L12.6602 10.9102H13.5938L13.5977 10.8711C13.6159 10.7044 13.6706 10.5599 13.7617 10.4375C13.8529 10.3125 13.974 10.2161 14.125 10.1484C14.2786 10.0807 14.4544 10.0469 14.6523 10.0469C14.8529 10.0469 15.0234 10.0794 15.1641 10.1445C15.3073 10.2096 15.4154 10.3034 15.4883 10.4258C15.5638 10.5482 15.6016 10.6966 15.6016 10.8711V10.8789C15.6016 11.043 15.5586 11.1888 15.4727 11.3164C15.3867 11.4414 15.2656 11.5404 15.1094 11.6133C14.9531 11.6862 14.7721 11.7227 14.5664 11.7227H13.918V12.4727H14.5859C14.9479 12.4727 15.2318 12.5521 15.4375 12.7109C15.6432 12.8698 15.7461 13.0977 15.7461 13.3945V13.4023C15.7461 13.5768 15.7005 13.7305 15.6094 13.8633C15.5182 13.9961 15.3906 14.1003 15.2266 14.1758C15.0651 14.2513 14.8763 14.2891 14.6602 14.2891C14.3294 14.2891 14.0599 14.2122 13.8516 14.0586C13.6458 13.9049 13.5299 13.7096 13.5039 13.4727L13.5 13.4297H12.5391L12.543 13.4766C12.569 13.7995 12.6706 14.0846 12.8477 14.332C13.0273 14.5768 13.2708 14.7682 13.5781 14.9062C13.888 15.0443 14.2487 15.1133 14.6602 15.1133Z" })));
 }
-exports.default = CalendarIcon;
+exports.default = react_1.default.forwardRef(CalendarIcon);

package/lib/components/CameraIcon.d.ts

@@ -1,3 +1,4 @@
 import React from "react";
 import { Props } from "./Icon";
-export default function CameraIcon(props: Props): React.ReactElement<React.ComponentProps<any>, any>;
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<SVGSVGElement>>;
+export default _default;