@dnanpm/styleguide 3.7.0 → 3.7.2

package/build/cjs/components/Icons/Small/hlDownloadSmall.js

@@ -9,12 +9,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlDownloadSmall = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 8 10", fill: color }, props),
-        React__default["default"].createElement("g", { fillRule: "evenodd" },
-            React__default["default"].createElement("path", { d: "M7 6.4a.6.6 0 01.592.503L7.6 7v2.6H.4V7a.6.6 0 011.192-.097L1.6 7v1.4h4.8V7a.6.6 0 01.503-.592L7 6.4z", fillRule: "nonzero" }),
-            React__default["default"].createElement("path", { d: "M4 .4a.6.6 0 01.592.503L4.6 1v3.551l.976-.975a.6.6 0 01.765-.07l.083.07a.6.6 0 01.07.765l-.07.083L4 6.85l-.419-.42a.604.604 0 01-.01-.01L1.575 4.424a.6.6 0 01.765-.918l.083.07.976.95V1A.6.6 0 014 .4z", fillRule: "nonzero" }))));
+const hlDownloadSmall = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 8 10", fill: color }, props),
+        React__default["default"].createElement("g", { fillRule: "evenodd" },
+            React__default["default"].createElement("path", { d: "M7 6.4a.6.6 0 01.592.503L7.6 7v2.6H.4V7a.6.6 0 011.192-.097L1.6 7v1.4h4.8V7a.6.6 0 01.503-.592L7 6.4z", fillRule: "nonzero" }),
+            React__default["default"].createElement("path", { d: "M4 .4a.6.6 0 01.592.503L4.6 1v3.551l.976-.975a.6.6 0 01.765-.07l.083.07a.6.6 0 01.07.765l-.07.083L4 6.85l-.419-.42a.604.604 0 01-.01-.01L1.575 4.424a.6.6 0 01.765-.918l.083.07.976.95V1A.6.6 0 014 .4z", fillRule: "nonzero" }))));
 };
 
 exports["default"] = hlDownloadSmall;

package/build/cjs/components/Icons/Small/hlExternalSmall.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../../Icon/Icon';
+declare const hlExternalSmall: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default hlExternalSmall;

package/build/cjs/components/Icons/Small/hlExternalSmall.js

@@ -9,10 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlExternalSmall = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 20 20", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M9.25 4a.75.75 0 01.056 1.498L9.25 5.5H5.5v9h9v-3.75a.75.75 0 01.694-.748L15.25 10a.75.75 0 01.748.694l.002.056V16H4V4h5.25zM16 4v3.75a.75.75 0 01-1.498.056L14.5 7.75V6.56l-3.97 3.97a.75.75 0 01-1.104-1.013l.044-.047 3.968-3.97H12.25a.75.75 0 01-.748-.694L11.5 4.75a.75.75 0 01.694-.748L12.25 4H16z" })));
+const hlExternalSmall = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 20 20", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M9.25 4a.75.75 0 01.056 1.498L9.25 5.5H5.5v9h9v-3.75a.75.75 0 01.694-.748L15.25 10a.75.75 0 01.748.694l.002.056V16H4V4h5.25zM16 4v3.75a.75.75 0 01-1.498.056L14.5 7.75V6.56l-3.97 3.97a.75.75 0 01-1.104-1.013l.044-.047 3.968-3.97H12.25a.75.75 0 01-.748-.694L11.5 4.75a.75.75 0 01.694-.748L12.25 4H16z" })));
 };
 
 exports["default"] = hlExternalSmall;

package/build/cjs/components/Icons/Small/hlUploadSmall.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../../Icon/Icon';
+declare const hlUploadSmall: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default hlUploadSmall;

package/build/cjs/components/Icons/Small/hlUploadSmall.js

@@ -9,12 +9,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlUploadSmall = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 8 10", fill: color }, props),
-        React__default["default"].createElement("g", { fillRule: "evenodd" },
-            React__default["default"].createElement("path", { d: "M7 6.4a.6.6 0 01.592.503L7.6 7v2.6H.4V7a.6.6 0 011.192-.097L1.6 7v1.4h4.8V7a.6.6 0 01.503-.592L7 6.4z", fillRule: "nonzero" }),
-            React__default["default"].createElement("path", { d: "M4 6.849a.6.6 0 00.592-.503l.008-.097V2.698l.976.975a.6.6 0 00.765.07l.083-.07a.6.6 0 00.07-.766l-.07-.083L4 .4l-.419.419a.604.604 0 00-.01.01L1.575 2.825a.6.6 0 00.765.918l.083-.07.976-.974v3.55a.6.6 0 00.6.6z", fillRule: "nonzero" }))));
+const hlUploadSmall = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 8 10", fill: color }, props),
+        React__default["default"].createElement("g", { fillRule: "evenodd" },
+            React__default["default"].createElement("path", { d: "M7 6.4a.6.6 0 01.592.503L7.6 7v2.6H.4V7a.6.6 0 011.192-.097L1.6 7v1.4h4.8V7a.6.6 0 01.503-.592L7 6.4z", fillRule: "nonzero" }),
+            React__default["default"].createElement("path", { d: "M4 6.849a.6.6 0 00.592-.503l.008-.097V2.698l.976.975a.6.6 0 00.765.07l.083-.07a.6.6 0 00.07-.766l-.07-.083L4 .4l-.419.419a.604.604 0 00-.01.01L1.575 2.825a.6.6 0 00.765.918l.083-.07.976-.974v3.55a.6.6 0 00.6.6z", fillRule: "nonzero" }))));
 };
 
 exports["default"] = hlUploadSmall;

package/build/cjs/components/Icons/Social/facebook.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../../Icon/Icon';
+declare const facebook: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default facebook;

package/build/cjs/components/Icons/Social/facebook.js

@@ -9,10 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const facebook = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 40 71", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M0 26.033h11.797V16.75C11.797 6.008 18.987 0 29.493 0 34.47 0 38.71.364 40 .546v11.287h-7.189c-5.714 0-6.818 2.367-6.818 6.008v8.192h13.454l-1.659 12.562H25.993V71H11.797V38.413H0v-12.38z", fillRule: "evenodd" })));
+const facebook = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 40 71", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M0 26.033h11.797V16.75C11.797 6.008 18.987 0 29.493 0 34.47 0 38.71.364 40 .546v11.287h-7.189c-5.714 0-6.818 2.367-6.818 6.008v8.192h13.454l-1.659 12.562H25.993V71H11.797V38.413H0v-12.38z", fillRule: "evenodd" })));
 };
 
 exports["default"] = facebook;

package/build/cjs/components/Icons/Social/instagram.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../../Icon/Icon';
+declare const instagram: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default instagram;

package/build/cjs/components/Icons/Social/instagram.js

@@ -9,10 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const instagram = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 72 73", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M35.91 50.236c7.541 0 13.646-6.103 13.646-13.646 0-7.72-6.105-13.826-13.646-13.826-7.72 0-13.825 6.105-13.825 13.826 0 7.361 6.105 13.646 13.825 13.646zM0 8.759C0 4.091 3.591.5 8.26.5h55.3C68.23.5 72 4.091 72 8.76v55.3a8.43 8.43 0 0 1-8.439 8.439H8.26C3.591 72.32 0 68.55 0 64.061V8.76zm10.953 55.302h49.735c1.616 0 2.694-1.257 2.694-2.693V30.844h-6.105c.359 1.796.718 3.77.718 5.566 0 12.211-9.875 22.087-22.085 22.087-12.389 0-22.264-9.876-22.264-22.087 0-1.795.359-3.77.898-5.566H8.259v30.524c0 1.436 1.078 2.693 2.694 2.693zm41.476-41.476h8.26c1.615 0 2.693-1.257 2.693-2.693v-8.44c0-1.615-1.257-2.693-2.694-2.693h-8.26c-1.615 0-2.872 1.257-2.872 2.694v8.439c0 1.615 1.437 2.693 2.873 2.693z", fillRule: "evenodd" })));
+const instagram = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 72 73", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M35.91 50.236c7.541 0 13.646-6.103 13.646-13.646 0-7.72-6.105-13.826-13.646-13.826-7.72 0-13.825 6.105-13.825 13.826 0 7.361 6.105 13.646 13.825 13.646zM0 8.759C0 4.091 3.591.5 8.26.5h55.3C68.23.5 72 4.091 72 8.76v55.3a8.43 8.43 0 0 1-8.439 8.439H8.26C3.591 72.32 0 68.55 0 64.061V8.76zm10.953 55.302h49.735c1.616 0 2.694-1.257 2.694-2.693V30.844h-6.105c.359 1.796.718 3.77.718 5.566 0 12.211-9.875 22.087-22.085 22.087-12.389 0-22.264-9.876-22.264-22.087 0-1.795.359-3.77.898-5.566H8.259v30.524c0 1.436 1.078 2.693 2.694 2.693zm41.476-41.476h8.26c1.615 0 2.693-1.257 2.693-2.693v-8.44c0-1.615-1.257-2.693-2.694-2.693h-8.26c-1.615 0-2.872 1.257-2.872 2.694v8.439c0 1.615 1.437 2.693 2.873 2.693z", fillRule: "evenodd" })));
 };
 
 exports["default"] = instagram;

package/build/cjs/components/Icons/Social/linkedin.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../../Icon/Icon';
+declare const linkedin: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default linkedin;

package/build/cjs/components/Icons/Social/linkedin.js

@@ -9,10 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const linkedin = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 75 71", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M74.5 71H58.656V45.462c0-6.52-2.34-11.049-8.102-11.049-4.322 0-7.022 3.08-8.103 5.796-.36 1.087-.54 2.536-.54 3.985V71H26.067s.18-43.47 0-47.816H41.91v6.701c2.16-3.26 5.762-7.97 14.224-7.97 10.443 0 18.365 6.883 18.365 21.554V71zM9.322 16.663C3.921 16.663.5 12.86.5 8.332.5 3.622 4.101 0 9.502 0c5.222 0 8.643 3.622 8.823 8.332 0 4.528-3.421 8.331-9.003 8.331zM1.4 71h15.845V23.184H1.4V71z", fillRule: "evenodd" })));
+const linkedin = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 75 71", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M74.5 71H58.656V45.462c0-6.52-2.34-11.049-8.102-11.049-4.322 0-7.022 3.08-8.103 5.796-.36 1.087-.54 2.536-.54 3.985V71H26.067s.18-43.47 0-47.816H41.91v6.701c2.16-3.26 5.762-7.97 14.224-7.97 10.443 0 18.365 6.883 18.365 21.554V71zM9.322 16.663C3.921 16.663.5 12.86.5 8.332.5 3.622 4.101 0 9.502 0c5.222 0 8.643 3.622 8.823 8.332 0 4.528-3.421 8.331-9.003 8.331zM1.4 71h15.845V23.184H1.4V71z", fillRule: "evenodd" })));
 };
 
 exports["default"] = linkedin;

package/build/cjs/components/Icons/Social/tiktok.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../../Icon/Icon';
+declare const tiktok: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default tiktok;

package/build/cjs/components/Icons/Social/tiktok.js

@@ -9,10 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const tiktok = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M22.4442 5.93598C16.3531 5.35403 16.4695 0 16.4695 0H12.5419V16.9081C12.4429 18.7164 10.9478 20.1319 9.13677 20.1319C7.25334 20.1319 5.72652 18.6051 5.72652 16.7216C5.72652 14.8382 7.25334 13.3114 9.13677 13.3114C9.53425 13.3114 9.92868 13.3809 10.3022 13.5167L10.3408 9.05258C9.92504 8.98209 9.50412 8.94665 9.08246 8.94665C4.92559 8.94665 1.55579 12.3165 1.55579 16.4733C1.55579 20.6302 4.92559 24 9.08246 24C13.0974 24 16.4055 20.8487 16.6003 16.8385V8.03104C16.6003 8.03104 18.7585 9.89331 22.4442 9.97091V5.93598Z" })));
+const tiktok = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M22.4442 5.93598C16.3531 5.35403 16.4695 0 16.4695 0H12.5419V16.9081C12.4429 18.7164 10.9478 20.1319 9.13677 20.1319C7.25334 20.1319 5.72652 18.6051 5.72652 16.7216C5.72652 14.8382 7.25334 13.3114 9.13677 13.3114C9.53425 13.3114 9.92868 13.3809 10.3022 13.5167L10.3408 9.05258C9.92504 8.98209 9.50412 8.94665 9.08246 8.94665C4.92559 8.94665 1.55579 12.3165 1.55579 16.4733C1.55579 20.6302 4.92559 24 9.08246 24C13.0974 24 16.4055 20.8487 16.6003 16.8385V8.03104C16.6003 8.03104 18.7585 9.89331 22.4442 9.97091V5.93598Z" })));
 };
 
 exports["default"] = tiktok;

package/build/cjs/components/Icons/Social/twitter.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../../Icon/Icon';
+declare const twitter: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default twitter;

package/build/cjs/components/Icons/Social/twitter.js

@@ -9,10 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const twitter = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 90 73", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M28.136 73c34.087 0 52.666-28.05 52.666-52.502V18.16c3.607-2.517 6.671-5.933 9.198-9.53-3.246 1.439-6.854 2.518-10.643 2.877A19.139 19.139 0 0 0 87.473 1.26C83.866 3.416 79.9 4.855 75.75 5.754 72.325 2.158 67.633 0 62.223 0c-10.28 0-18.576 8.27-18.576 18.52 0 1.438.18 2.877.541 4.135A52.134 52.134 0 0 1 6.132 3.416C4.51 6.113 3.607 9.35 3.607 12.766c0 6.473 3.247 12.047 8.297 15.283-3.066-.18-5.952-1.079-8.477-2.337v.18c0 8.99 6.312 16.362 14.79 18.16-1.624.361-3.247.719-4.87.719-1.263 0-2.345-.18-3.427-.358 2.345 7.37 9.198 12.586 17.314 12.764-6.312 5.035-14.248 7.913-22.905 7.913-1.443 0-2.886 0-4.329-.181C7.936 69.943 17.675 73 28.136 73", fillRule: "evenodd" })));
+const twitter = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 90 73", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M28.136 73c34.087 0 52.666-28.05 52.666-52.502V18.16c3.607-2.517 6.671-5.933 9.198-9.53-3.246 1.439-6.854 2.518-10.643 2.877A19.139 19.139 0 0 0 87.473 1.26C83.866 3.416 79.9 4.855 75.75 5.754 72.325 2.158 67.633 0 62.223 0c-10.28 0-18.576 8.27-18.576 18.52 0 1.438.18 2.877.541 4.135A52.134 52.134 0 0 1 6.132 3.416C4.51 6.113 3.607 9.35 3.607 12.766c0 6.473 3.247 12.047 8.297 15.283-3.066-.18-5.952-1.079-8.477-2.337v.18c0 8.99 6.312 16.362 14.79 18.16-1.624.361-3.247.719-4.87.719-1.263 0-2.345-.18-3.427-.358 2.345 7.37 9.198 12.586 17.314 12.764-6.312 5.035-14.248 7.913-22.905 7.913-1.443 0-2.886 0-4.329-.181C7.936 69.943 17.675 73 28.136 73", fillRule: "evenodd" })));
 };
 
 exports["default"] = twitter;

package/build/cjs/components/Icons/Social/youtube.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../../Icon/Icon';
+declare const youtube: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default youtube;

package/build/cjs/components/Icons/Social/youtube.js

@@ -9,10 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const youtube = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 60 71", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M.5 40.962c0-5.098 4.175-9.103 9.622-9.103h39.575c5.446 0 9.803 4.005 9.803 9.103v20.935c0 5.098-4.357 9.103-9.803 9.103H10.122C4.675 71 .5 66.995.5 61.897V40.962zM13.934 0l2.723 9.649L19.38.182h4.72l-5.083 12.744v15.11H14.66V12.744L9.214 0h4.72zm11.981 7.828c.908-.728 1.816-1.092 3.087-1.092 1.27 0 1.996.364 2.904.728.726.546 1.27 1.092 1.634 1.639.361.546.726 1.274.908 2.002.181.728.181 1.639.181 3.095v5.097c0 1.639 0 3.095-.181 3.824-.182.91-.547 1.638-.908 2.366-.546.91-1.09 1.275-1.815 1.639-.727.364-1.453.546-2.36.546-1.271 0-1.997-.182-2.723-.546-.727-.364-1.271-.729-1.634-1.275-.545-.546-.726-1.274-.908-2.184-.182-.729-.363-1.82-.363-3.641v-5.28c0-1.82.181-3.459.545-4.37.363-.91.726-1.82 1.633-2.548zm11.256-.182h3.63v15.292c0 .91.727 1.457 1.453 1.457.908 0 1.452-.728 1.452-1.457V7.646h3.63v19.48h-4.538v-1.457c-.181.728-.728 1.093-1.089 1.275-.546.364-1.089.546-1.634.546-.544 0-1.27-.182-1.635-.364-.362-.364-.725-.91-1.088-1.275-.181-.546-.363-1.092-.363-1.456V7.646h.182zM46.429 49.7c0-1.092.908-1.82 1.816-1.82h.18c1.09 0 1.815.91 1.815 1.82v2.367h-3.81V49.7zm6.899 7.828H50.24v2.184c0 .911-.908 1.64-1.632 1.64h-.726c-.908 0-1.634-.911-1.634-1.64v-4.549h7.08V52.43c0-1.82 0-3.823-.182-4.916-.544-3.64-5.446-4.005-7.988-2.366-.907.546-1.272 1.274-1.633 2.366-.363 1.093-.547 2.367-.547 4.006v6.007c.184 9.649 11.8 8.375 10.35 0zm-44.84 6.736h4.357v-22.21h4.901v-3.277H4.676v3.277h3.993v22.21h-.181zm20.695-39.687c1.09 0 1.815-1.092 1.815-2.003V12.015c0-1.092-.907-1.82-1.815-1.82-1.09 0-1.634.91-1.634 1.82v10.56c-.181 1.092.545 2.002 1.634 2.002zm4.902 24.03c0-.91.724-1.456 1.632-1.456 1.09 0 1.815.728 1.815 1.457V59.53c0 .91-.908 1.456-1.815 1.456-1.088 0-1.632-.728-1.632-1.456V48.608zm-.545 13.655c4.357 4.005 7.08 1.274 7.08-3.46v-9.648c0-3.641-2.905-6.008-6.535-3.095v-7.282H30.09V63.9h3.449v-1.638zm-16.702-5.098v3.641c.182 1.092.182 2.367 1.09 3.095 1.815 1.274 5.446-.182 6.354-2.185v2.55h3.086V45.512h-3.994v14.564c-.363 1.092-1.816 2.002-2.542.182V45.513h-3.994v11.651z" })));
+const youtube = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 60 71", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M.5 40.962c0-5.098 4.175-9.103 9.622-9.103h39.575c5.446 0 9.803 4.005 9.803 9.103v20.935c0 5.098-4.357 9.103-9.803 9.103H10.122C4.675 71 .5 66.995.5 61.897V40.962zM13.934 0l2.723 9.649L19.38.182h4.72l-5.083 12.744v15.11H14.66V12.744L9.214 0h4.72zm11.981 7.828c.908-.728 1.816-1.092 3.087-1.092 1.27 0 1.996.364 2.904.728.726.546 1.27 1.092 1.634 1.639.361.546.726 1.274.908 2.002.181.728.181 1.639.181 3.095v5.097c0 1.639 0 3.095-.181 3.824-.182.91-.547 1.638-.908 2.366-.546.91-1.09 1.275-1.815 1.639-.727.364-1.453.546-2.36.546-1.271 0-1.997-.182-2.723-.546-.727-.364-1.271-.729-1.634-1.275-.545-.546-.726-1.274-.908-2.184-.182-.729-.363-1.82-.363-3.641v-5.28c0-1.82.181-3.459.545-4.37.363-.91.726-1.82 1.633-2.548zm11.256-.182h3.63v15.292c0 .91.727 1.457 1.453 1.457.908 0 1.452-.728 1.452-1.457V7.646h3.63v19.48h-4.538v-1.457c-.181.728-.728 1.093-1.089 1.275-.546.364-1.089.546-1.634.546-.544 0-1.27-.182-1.635-.364-.362-.364-.725-.91-1.088-1.275-.181-.546-.363-1.092-.363-1.456V7.646h.182zM46.429 49.7c0-1.092.908-1.82 1.816-1.82h.18c1.09 0 1.815.91 1.815 1.82v2.367h-3.81V49.7zm6.899 7.828H50.24v2.184c0 .911-.908 1.64-1.632 1.64h-.726c-.908 0-1.634-.911-1.634-1.64v-4.549h7.08V52.43c0-1.82 0-3.823-.182-4.916-.544-3.64-5.446-4.005-7.988-2.366-.907.546-1.272 1.274-1.633 2.366-.363 1.093-.547 2.367-.547 4.006v6.007c.184 9.649 11.8 8.375 10.35 0zm-44.84 6.736h4.357v-22.21h4.901v-3.277H4.676v3.277h3.993v22.21h-.181zm20.695-39.687c1.09 0 1.815-1.092 1.815-2.003V12.015c0-1.092-.907-1.82-1.815-1.82-1.09 0-1.634.91-1.634 1.82v10.56c-.181 1.092.545 2.002 1.634 2.002zm4.902 24.03c0-.91.724-1.456 1.632-1.456 1.09 0 1.815.728 1.815 1.457V59.53c0 .91-.908 1.456-1.815 1.456-1.088 0-1.632-.728-1.632-1.456V48.608zm-.545 13.655c4.357 4.005 7.08 1.274 7.08-3.46v-9.648c0-3.641-2.905-6.008-6.535-3.095v-7.282H30.09V63.9h3.449v-1.638zm-16.702-5.098v3.641c.182 1.092.182 2.367 1.09 3.095 1.815 1.274 5.446-.182 6.354-2.185v2.55h3.086V45.512h-3.994v14.564c-.363 1.092-1.816 2.002-2.542.182V45.513h-3.994v11.651z" })));
 };
 
 exports["default"] = youtube;

package/build/cjs/components/Icons/hl404.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../Icon/Icon';
+declare const hl404: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default hl404;

package/build/cjs/components/Icons/hl404.js

@@ -9,10 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hl404 = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M12 1.2c5.965 0 10.8 4.835 10.8 10.8 0 5.965-4.835 10.8-10.8 10.8-5.965 0-10.8-4.835-10.8-10.8C1.2 6.035 6.035 1.2 12 1.2zm0 1.2a9.6 9.6 0 100 19.2 9.6 9.6 0 000-19.2zM8.4 12.468v-1.1h.874v-.82H8.4V7.45H7.164L4.95 10.362v1.006h2.503v1.1H8.4zm-.947-1.92H5.816l1.637-2.161v2.16zm4.429 7.286c.778 0 1.316-.333 1.653-.82.353-.512.465-1.14.465-1.805 0-.666-.112-1.293-.465-1.804-.337-.488-.875-.821-1.653-.821s-1.324.333-1.66.82c-.354.512-.466 1.139-.466 1.805 0 .666.112 1.293.465 1.804.337.488.883.82 1.66.82zm0-.82c-.377 0-.626-.148-.802-.373-.25-.31-.37-.797-.37-1.432 0-.635.113-1.123.37-1.433.176-.224.425-.371.802-.371.377 0 .618.147.802.371.249.31.361.798.361 1.433s-.112 1.123-.36 1.432a.965.965 0 01-.803.372zm6.194-4.546v-1.1h.874v-.82h-.874V7.45H16.84l-2.214 2.912v1.006h2.503v1.1h.947zm-.947-1.92h-1.637l1.637-2.161v2.16z" })));
+const hl404 = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M12 1.2c5.965 0 10.8 4.835 10.8 10.8 0 5.965-4.835 10.8-10.8 10.8-5.965 0-10.8-4.835-10.8-10.8C1.2 6.035 6.035 1.2 12 1.2zm0 1.2a9.6 9.6 0 100 19.2 9.6 9.6 0 000-19.2zM8.4 12.468v-1.1h.874v-.82H8.4V7.45H7.164L4.95 10.362v1.006h2.503v1.1H8.4zm-.947-1.92H5.816l1.637-2.161v2.16zm4.429 7.286c.778 0 1.316-.333 1.653-.82.353-.512.465-1.14.465-1.805 0-.666-.112-1.293-.465-1.804-.337-.488-.875-.821-1.653-.821s-1.324.333-1.66.82c-.354.512-.466 1.139-.466 1.805 0 .666.112 1.293.465 1.804.337.488.883.82 1.66.82zm0-.82c-.377 0-.626-.148-.802-.373-.25-.31-.37-.797-.37-1.432 0-.635.113-1.123.37-1.433.176-.224.425-.371.802-.371.377 0 .618.147.802.371.249.31.361.798.361 1.433s-.112 1.123-.36 1.432a.965.965 0 01-.803.372zm6.194-4.546v-1.1h.874v-.82h-.874V7.45H16.84l-2.214 2.912v1.006h2.503v1.1h.947zm-.947-1.92h-1.637l1.637-2.161v2.16z" })));
 };
 
 exports["default"] = hl404;

package/build/cjs/components/Icons/hl4gSim.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../Icon/Icon';
+declare const hl4gSim: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default hl4gSim;

package/build/cjs/components/Icons/hl4gSim.js

@@ -9,10 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hl4gSim = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M14.46 3.6H5.4v16.8h13.2V8.26L14.46 3.6zM15 2.4l4.8 5.4v13.8H4.2V2.4H15zm.746 13.41h-.726l-.057-.407c-.176.255-.556.493-1.128.493-1.117 0-2.036-.822-2.036-2.092 0-1.265.958-2.098 2.092-2.098 1.152 0 1.685.68 1.86 1.241l-.862.3c-.062-.249-.328-.702-.998-.702-.544 0-1.185.363-1.185 1.259 0 .839.556 1.275 1.208 1.275.664 0 .941-.43.992-.657H13.7v-.76h2.047v2.149zM7.8 15.03v-1.036L9.55 11.7h1.218v2.475h.674v.856h-.674v.875H9.744v-.875H7.8zm1.944-.855V12.79l-1.056 1.386h1.056z" })));
+const hl4gSim = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M14.46 3.6H5.4v16.8h13.2V8.26L14.46 3.6zM15 2.4l4.8 5.4v13.8H4.2V2.4H15zm.746 13.41h-.726l-.057-.407c-.176.255-.556.493-1.128.493-1.117 0-2.036-.822-2.036-2.092 0-1.265.958-2.098 2.092-2.098 1.152 0 1.685.68 1.86 1.241l-.862.3c-.062-.249-.328-.702-.998-.702-.544 0-1.185.363-1.185 1.259 0 .839.556 1.275 1.208 1.275.664 0 .941-.43.992-.657H13.7v-.76h2.047v2.149zM7.8 15.03v-1.036L9.55 11.7h1.218v2.475h.674v.856h-.674v.875H9.744v-.875H7.8zm1.944-.855V12.79l-1.056 1.386h1.056z" })));
 };
 
 exports["default"] = hl4gSim;

package/build/cjs/components/Icons/hl5gSim.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../Icon/Icon';
+declare const hl5gSim: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default hl5gSim;

package/build/cjs/components/Icons/hl5gSim.js

@@ -9,10 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hl5gSim = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M14.46 3.6H5.4v16.8h13.2V8.26L14.46 3.6zM15 2.4l4.8 5.4v13.8H4.2V2.4H15zM9.3 9.6l2.345-3.909a.6.6 0 111.03.618L11.418 8.4h3l-2.345 3.909a.6.6 0 11-1.029-.618l1.255-2.09h-3zm-1.2 7.422l.92-.189a.64.64 0 00.66.611c.335 0 .612-.22.612-.592 0-.41-.309-.604-.636-.604a.73.73 0 00-.574.264c-.018-.006-.869-.277-.888-.29l.46-2.122h2.374v.831H9.341l-.164.769c.157-.139.46-.22.693-.22.837 0 1.41.484 1.41 1.366 0 .762-.579 1.442-1.6 1.442-.906 0-1.53-.623-1.58-1.266zm7.547 1.183h-.726l-.057-.408c-.176.255-.556.493-1.128.493-1.117 0-2.036-.822-2.036-2.092 0-1.264.958-2.098 2.092-2.098 1.151 0 1.684.68 1.86 1.242l-.862.3c-.062-.25-.329-.703-.998-.703-.544 0-1.185.363-1.185 1.259 0 .84.556 1.276 1.208 1.276.663 0 .941-.431.992-.658H13.6v-.76h2.047v2.15z" })));
+const hl5gSim = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M14.46 3.6H5.4v16.8h13.2V8.26L14.46 3.6zM15 2.4l4.8 5.4v13.8H4.2V2.4H15zM9.3 9.6l2.345-3.909a.6.6 0 111.03.618L11.418 8.4h3l-2.345 3.909a.6.6 0 11-1.029-.618l1.255-2.09h-3zm-1.2 7.422l.92-.189a.64.64 0 00.66.611c.335 0 .612-.22.612-.592 0-.41-.309-.604-.636-.604a.73.73 0 00-.574.264c-.018-.006-.869-.277-.888-.29l.46-2.122h2.374v.831H9.341l-.164.769c.157-.139.46-.22.693-.22.837 0 1.41.484 1.41 1.366 0 .762-.579 1.442-1.6 1.442-.906 0-1.53-.623-1.58-1.266zm7.547 1.183h-.726l-.057-.408c-.176.255-.556.493-1.128.493-1.117 0-2.036-.822-2.036-2.092 0-1.264.958-2.098 2.092-2.098 1.151 0 1.684.68 1.86 1.242l-.862.3c-.062-.25-.329-.703-.998-.703-.544 0-1.185.363-1.185 1.259 0 .84.556 1.276 1.208 1.276.663 0 .941-.431.992-.658H13.6v-.76h2.047v2.15z" })));
 };
 
 exports["default"] = hl5gSim;

package/build/cjs/components/Icons/hlBattery.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../Icon/Icon';
+declare const hlBattery: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default hlBattery;

package/build/cjs/components/Icons/hlBattery.js

@@ -9,12 +9,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlBattery = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M21.6 15.6a.6.6 0 01-.6-.6V9a.6.6 0 011.2 0v6a.6.6 0 01-.6.6z" }),
-        React__default["default"].createElement("path", { d: "M19.8 18H2.4V6h17.4v12zM3.6 16.8h15V7.2h-15v9.6z" }),
-        React__default["default"].createElement("path", { d: "M10.86 15a.6.6 0 01-.51-.91l.89-1.49h-2.4l2-3.31a.6.6 0 111 .62L11 11.4h2.4l-2 3.31a.6.6 0 01-.54.29z" })));
+const hlBattery = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M21.6 15.6a.6.6 0 01-.6-.6V9a.6.6 0 011.2 0v6a.6.6 0 01-.6.6z" }),
+        React__default["default"].createElement("path", { d: "M19.8 18H2.4V6h17.4v12zM3.6 16.8h15V7.2h-15v9.6z" }),
+        React__default["default"].createElement("path", { d: "M10.86 15a.6.6 0 01-.51-.91l.89-1.49h-2.4l2-3.31a.6.6 0 111 .62L11 11.4h2.4l-2 3.31a.6.6 0 01-.54.29z" })));
 };
 
 exports["default"] = hlBattery;

package/build/cjs/components/Icons/hlBell.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../Icon/Icon';
+declare const hlBell: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default hlBell;

package/build/cjs/components/Icons/hlBell.js

@@ -9,10 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlBell = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M21.06 19.4a9.14 9.14 0 0 1-2.46-5.6v-3.6a6.63 6.63 0 0 0-5-6.39 1.78 1.78 0 0 0 .2-.81 1.8 1.8 0 0 0-3.6 0 1.78 1.78 0 0 0 .2.81 6.63 6.63 0 0 0-5 6.39v3.6a9.14 9.14 0 0 1-2.46 5.6.6.6 0 0 0 .44 1H9.6a2.4 2.4 0 0 0 4.8 0h6.21a.6.6 0 0 0 .45-1zM11.4 3a.6.6 0 1 1 .6.6.6.6 0 0 1-.6-.6zm.6 18.6a1.2 1.2 0 0 1-1.2-1.2h2.4a1.2 1.2 0 0 1-1.2 1.2zm-7.35-2.4a9.79 9.79 0 0 0 1.95-5.4v-3.6a5.4 5.4 0 0 1 10.8 0v3.6a9.79 9.79 0 0 0 1.95 5.4z" })));
+const hlBell = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M21.06 19.4a9.14 9.14 0 0 1-2.46-5.6v-3.6a6.63 6.63 0 0 0-5-6.39 1.78 1.78 0 0 0 .2-.81 1.8 1.8 0 0 0-3.6 0 1.78 1.78 0 0 0 .2.81 6.63 6.63 0 0 0-5 6.39v3.6a9.14 9.14 0 0 1-2.46 5.6.6.6 0 0 0 .44 1H9.6a2.4 2.4 0 0 0 4.8 0h6.21a.6.6 0 0 0 .45-1zM11.4 3a.6.6 0 1 1 .6.6.6.6 0 0 1-.6-.6zm.6 18.6a1.2 1.2 0 0 1-1.2-1.2h2.4a1.2 1.2 0 0 1-1.2 1.2zm-7.35-2.4a9.79 9.79 0 0 0 1.95-5.4v-3.6a5.4 5.4 0 0 1 10.8 0v3.6a9.79 9.79 0 0 0 1.95 5.4z" })));
 };
 
 exports["default"] = hlBell;

package/build/cjs/components/Icons/hlCableTVCard.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../Icon/Icon';
+declare const hlCableTVCard: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default hlCableTVCard;

package/build/cjs/components/Icons/hlCableTVCard.js

@@ -9,10 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlCableTVCard = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M2.62763 5.12763C3.02949 4.72576 3.57454 4.5 4.14286 4.5H19.8571C20.4255 4.5 20.9705 4.72576 21.3724 5.12763C21.7742 5.52949 22 6.07454 22 6.64286V17.3571C22 17.9255 21.7742 18.4705 21.3724 18.8724C20.9705 19.2742 20.4255 19.5 19.8571 19.5H4.14286C3.57453 19.5 3.02949 19.2742 2.62763 18.8724C2.22576 18.4705 2 17.9255 2 17.3571V6.64286C2 6.07454 2.22576 5.52949 2.62763 5.12763ZM4.14286 5.92857C3.95342 5.92857 3.77174 6.00383 3.63778 6.13778C3.50383 6.27174 3.42857 6.45342 3.42857 6.64286V17.3571C3.42857 17.5466 3.50383 17.7283 3.63778 17.8622C3.77174 17.9962 3.95342 18.0714 4.14286 18.0714H19.8571C20.0466 18.0714 20.2283 17.9962 20.3622 17.8622C20.4962 17.7283 20.5714 17.5466 20.5714 17.3571V6.64286C20.5714 6.45342 20.4962 6.27174 20.3622 6.13778C20.2283 6.00383 20.0466 5.92857 19.8571 5.92857H4.14286ZM7.28298 10.8144L6.55901 11.5453V13.1852H9.75866V10.8144H7.28298ZM6.72173 9.46824C6.85215 9.41387 6.99205 9.38586 7.13336 9.38583H9.81182C10.1766 9.38583 10.5264 9.53074 10.7844 9.78868C11.0423 10.0466 11.1872 10.3965 11.1872 10.7612V13.2388C11.1872 13.6035 11.0423 13.9534 10.7844 14.2113C10.5257 14.47 10.1756 14.6138 9.81182 14.6138H6.50585C5.74584 14.6138 5.13044 13.9976 5.13044 13.2384V11.3978C5.1305 11.1157 5.24193 10.8449 5.4405 10.6445L6.37327 9.70282C6.47275 9.60246 6.5913 9.52262 6.72173 9.46824Z" })));
+const hlCableTVCard = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M2.62763 5.12763C3.02949 4.72576 3.57454 4.5 4.14286 4.5H19.8571C20.4255 4.5 20.9705 4.72576 21.3724 5.12763C21.7742 5.52949 22 6.07454 22 6.64286V17.3571C22 17.9255 21.7742 18.4705 21.3724 18.8724C20.9705 19.2742 20.4255 19.5 19.8571 19.5H4.14286C3.57453 19.5 3.02949 19.2742 2.62763 18.8724C2.22576 18.4705 2 17.9255 2 17.3571V6.64286C2 6.07454 2.22576 5.52949 2.62763 5.12763ZM4.14286 5.92857C3.95342 5.92857 3.77174 6.00383 3.63778 6.13778C3.50383 6.27174 3.42857 6.45342 3.42857 6.64286V17.3571C3.42857 17.5466 3.50383 17.7283 3.63778 17.8622C3.77174 17.9962 3.95342 18.0714 4.14286 18.0714H19.8571C20.0466 18.0714 20.2283 17.9962 20.3622 17.8622C20.4962 17.7283 20.5714 17.5466 20.5714 17.3571V6.64286C20.5714 6.45342 20.4962 6.27174 20.3622 6.13778C20.2283 6.00383 20.0466 5.92857 19.8571 5.92857H4.14286ZM7.28298 10.8144L6.55901 11.5453V13.1852H9.75866V10.8144H7.28298ZM6.72173 9.46824C6.85215 9.41387 6.99205 9.38586 7.13336 9.38583H9.81182C10.1766 9.38583 10.5264 9.53074 10.7844 9.78868C11.0423 10.0466 11.1872 10.3965 11.1872 10.7612V13.2388C11.1872 13.6035 11.0423 13.9534 10.7844 14.2113C10.5257 14.47 10.1756 14.6138 9.81182 14.6138H6.50585C5.74584 14.6138 5.13044 13.9976 5.13044 13.2384V11.3978C5.1305 11.1157 5.24193 10.8449 5.4405 10.6445L6.37327 9.70282C6.47275 9.60246 6.5913 9.52262 6.72173 9.46824Z" })));
 };
 
 exports["default"] = hlCableTVCard;

package/build/cjs/components/Icons/hlCalendar.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../Icon/Icon';
+declare const hlCalendar: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default hlCalendar;

package/build/cjs/components/Icons/hlCalendar.js

@@ -9,21 +9,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlCalendar = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M17.4 3.6V3a.6.6 0 1 0-1.2 0v.6h-3.6V3a.6.6 0 1 0-1.2 0v.6H7.8V3a.6.6 0 1 0-1.2 0v.6H2.4v16.8h19.2V3.6zm3 15.6H3.6V8.4h16.8zM3.6 7.2V4.8h3v.6a.6.6 0 0 0 1.2 0v-.6h3.6v.6a.6.6 0 0 0 1.2 0v-.6h3.6v.6a.6.6 0 0 0 1.2 0v-.6h3v2.4z" }),
-        React__default["default"].createElement("circle", { cx: "12", cy: "11.4", r: ".6" }),
-        React__default["default"].createElement("circle", { cx: "14.4", cy: "11.4", r: ".6" }),
-        React__default["default"].createElement("circle", { cx: "16.8", cy: "11.4", r: ".6" }),
-        React__default["default"].createElement("circle", { cx: "9.6", cy: "13.8", r: ".6" }),
-        React__default["default"].createElement("circle", { cx: "7.2", cy: "13.8", r: ".6" }),
-        React__default["default"].createElement("circle", { cx: "12", cy: "13.8", r: ".6" }),
-        React__default["default"].createElement("circle", { cx: "14.4", cy: "13.8", r: ".6" }),
-        React__default["default"].createElement("circle", { cx: "16.8", cy: "13.8", r: ".6" }),
-        React__default["default"].createElement("circle", { cx: "9.6", cy: "16.2", r: ".6" }),
-        React__default["default"].createElement("circle", { cx: "7.2", cy: "16.2", r: ".6" }),
-        React__default["default"].createElement("circle", { cx: "12", cy: "16.2", r: ".6" })));
+const hlCalendar = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M17.4 3.6V3a.6.6 0 1 0-1.2 0v.6h-3.6V3a.6.6 0 1 0-1.2 0v.6H7.8V3a.6.6 0 1 0-1.2 0v.6H2.4v16.8h19.2V3.6zm3 15.6H3.6V8.4h16.8zM3.6 7.2V4.8h3v.6a.6.6 0 0 0 1.2 0v-.6h3.6v.6a.6.6 0 0 0 1.2 0v-.6h3.6v.6a.6.6 0 0 0 1.2 0v-.6h3v2.4z" }),
+        React__default["default"].createElement("circle", { cx: "12", cy: "11.4", r: ".6" }),
+        React__default["default"].createElement("circle", { cx: "14.4", cy: "11.4", r: ".6" }),
+        React__default["default"].createElement("circle", { cx: "16.8", cy: "11.4", r: ".6" }),
+        React__default["default"].createElement("circle", { cx: "9.6", cy: "13.8", r: ".6" }),
+        React__default["default"].createElement("circle", { cx: "7.2", cy: "13.8", r: ".6" }),
+        React__default["default"].createElement("circle", { cx: "12", cy: "13.8", r: ".6" }),
+        React__default["default"].createElement("circle", { cx: "14.4", cy: "13.8", r: ".6" }),
+        React__default["default"].createElement("circle", { cx: "16.8", cy: "13.8", r: ".6" }),
+        React__default["default"].createElement("circle", { cx: "9.6", cy: "16.2", r: ".6" }),
+        React__default["default"].createElement("circle", { cx: "7.2", cy: "16.2", r: ".6" }),
+        React__default["default"].createElement("circle", { cx: "12", cy: "16.2", r: ".6" })));
 };
 
 exports["default"] = hlCalendar;

package/build/cjs/components/Icons/hlCall.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../Icon/Icon';
+declare const hlCall: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default hlCall;

package/build/cjs/components/Icons/hlCall.js

@@ -9,10 +9,10 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlCall = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M16.86 21.51a4.13 4.13 0 01-2.15-.6A37.22 37.22 0 013.21 9.33a4.18 4.18 0 01.57-5.25l1.86-1.84 4.67 4.65-1.77 1.76a30.68 30.68 0 006.78 6.79l1.77-1.77 4.67 4.67-1.93 1.93a4.21 4.21 0 01-2.97 1.24zM5.64 3.93l-1 1a3 3 0 00-.41 3.75 36 36 0 0011.11 11.2 3 3 0 003.66-.46l1.08-1.08-3-3-1.6 1.66-.41-.27a31.1 31.1 0 01-7.81-7.8L7 8.51l1.61-1.62-2.97-2.96z" })));
+const hlCall = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M16.86 21.51a4.13 4.13 0 01-2.15-.6A37.22 37.22 0 013.21 9.33a4.18 4.18 0 01.57-5.25l1.86-1.84 4.67 4.65-1.77 1.76a30.68 30.68 0 006.78 6.79l1.77-1.77 4.67 4.67-1.93 1.93a4.21 4.21 0 01-2.97 1.24zM5.64 3.93l-1 1a3 3 0 00-.41 3.75 36 36 0 0011.11 11.2 3 3 0 003.66-.46l1.08-1.08-3-3-1.6 1.66-.41-.27a31.1 31.1 0 01-7.81-7.8L7 8.51l1.61-1.62-2.97-2.96z" })));
 };
 
 exports["default"] = hlCall;

package/build/cjs/components/Icons/hlCameraBack.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../Icon/Icon';
+declare const hlCameraBack: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default hlCameraBack;

package/build/cjs/components/Icons/hlCameraBack.js

@@ -9,12 +9,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlCameraBack = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M20.4 7.2V18H3.6V7.2h16.8zM21.6 6H2.4v13.2h19.2V6zM15.6 4.8H8.4a.6.6 0 1 1 0-1.2h7.2a.6.6 0 0 1 0 1.2z" }),
-        React__default["default"].createElement("path", { d: "M12 16.8a4.2 4.2 0 1 1 0-8.4 4.2 4.2 0 0 1 0 8.4zm0-7.2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z" }),
-        React__default["default"].createElement("circle", { cx: "17.4", cy: "9", r: "1" })));
+const hlCameraBack = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M20.4 7.2V18H3.6V7.2h16.8zM21.6 6H2.4v13.2h19.2V6zM15.6 4.8H8.4a.6.6 0 1 1 0-1.2h7.2a.6.6 0 0 1 0 1.2z" }),
+        React__default["default"].createElement("path", { d: "M12 16.8a4.2 4.2 0 1 1 0-8.4 4.2 4.2 0 0 1 0 8.4zm0-7.2a3 3 0 1 0 0 6 3 3 0 0 0 0-6z" }),
+        React__default["default"].createElement("circle", { cx: "17.4", cy: "9", r: "1" })));
 };
 
 exports["default"] = hlCameraBack;

package/build/cjs/components/Icons/hlCameraFront.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../Icon/Icon';
+declare const hlCameraFront: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default hlCameraFront;

package/build/cjs/components/Icons/hlCameraFront.js

@@ -9,11 +9,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlCameraFront = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M20.4 7.2V18H3.6V7.2h16.8zM21.6 6H2.4v13.2h19.2V6zM15.6 4.8H8.4a.6.6 0 1 1 0-1.2h7.2a.6.6 0 0 1 0 1.2z" }),
-        React__default["default"].createElement("path", { d: "M16.43 9.95a.6.6 0 0 0-.79.31l-.06.15a4.19 4.19 0 0 0-7.42.52.6.6 0 1 0 1.1.48 3 3 0 0 1 5.35-.3l-.54-.24a.6.6 0 0 0-.48 1.1l2.2 1 1-2.2a.6.6 0 0 0-.36-.82zM7.57 15.26a.6.6 0 0 0 .79-.31l.06-.15a4.19 4.19 0 0 0 7.42-.52.6.6 0 1 0-1.1-.48 3 3 0 0 1-5.35.3l.54.24a.6.6 0 0 0 .48-1.1l-2.2-1-1 2.2a.6.6 0 0 0 .36.82z" })));
+const hlCameraFront = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M20.4 7.2V18H3.6V7.2h16.8zM21.6 6H2.4v13.2h19.2V6zM15.6 4.8H8.4a.6.6 0 1 1 0-1.2h7.2a.6.6 0 0 1 0 1.2z" }),
+        React__default["default"].createElement("path", { d: "M16.43 9.95a.6.6 0 0 0-.79.31l-.06.15a4.19 4.19 0 0 0-7.42.52.6.6 0 1 0 1.1.48 3 3 0 0 1 5.35-.3l-.54-.24a.6.6 0 0 0-.48 1.1l2.2 1 1-2.2a.6.6 0 0 0-.36-.82zM7.57 15.26a.6.6 0 0 0 .79-.31l.06-.15a4.19 4.19 0 0 0 7.42-.52.6.6 0 1 0-1.1-.48 3 3 0 0 1-5.35.3l.54.24a.6.6 0 0 0 .48-1.1l-2.2-1-1 2.2a.6.6 0 0 0 .36.82z" })));
 };
 
 exports["default"] = hlCameraFront;

package/build/cjs/components/Icons/hlCart.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../Icon/Icon';
+declare const hlCart: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default hlCart;

package/build/cjs/components/Icons/hlCart.js

@@ -9,12 +9,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const hlCart = (_a) => {
-    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
-    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
-        React__default["default"].createElement("path", { d: "M20.4 10.8v9.6H3.6v-9.6h16.8m1.2-1.2H2.4v12h19.2v-12z" }),
-        React__default["default"].createElement("path", { d: "M12 10.8a.6.6 0 0 1-.42-.18l-7.2-7.2a.6.6 0 0 1 .85-.85l7.2 7.2a.6.6 0 0 1-.42 1zM8.4 18a.6.6 0 0 1-.6-.6v-3.6a.6.6 0 0 1 1.2 0v3.6a.6.6 0 0 1-.6.6zM12 18a.6.6 0 0 1-.6-.6v-3.6a.6.6 0 0 1 1.2 0v3.6a.6.6 0 0 1-.6.6zM15.6 18a.6.6 0 0 1-.6-.6v-3.6a.6.6 0 0 1 1.2 0v3.6a.6.6 0 0 1-.6.6z" }),
-        React__default["default"].createElement("path", { d: "M22.2 10.8H1.8a.6.6 0 0 1 0-1.2h20.4a.6.6 0 0 1 0 1.2z" })));
+const hlCart = (_a) => {
+    var { size, color } = _a, props = tslib.__rest(_a, ["size", "color"]);
+    return (React__default["default"].createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: color }, props),
+        React__default["default"].createElement("path", { d: "M20.4 10.8v9.6H3.6v-9.6h16.8m1.2-1.2H2.4v12h19.2v-12z" }),
+        React__default["default"].createElement("path", { d: "M12 10.8a.6.6 0 0 1-.42-.18l-7.2-7.2a.6.6 0 0 1 .85-.85l7.2 7.2a.6.6 0 0 1-.42 1zM8.4 18a.6.6 0 0 1-.6-.6v-3.6a.6.6 0 0 1 1.2 0v3.6a.6.6 0 0 1-.6.6zM12 18a.6.6 0 0 1-.6-.6v-3.6a.6.6 0 0 1 1.2 0v3.6a.6.6 0 0 1-.6.6zM15.6 18a.6.6 0 0 1-.6-.6v-3.6a.6.6 0 0 1 1.2 0v3.6a.6.6 0 0 1-.6.6z" }),
+        React__default["default"].createElement("path", { d: "M22.2 10.8H1.8a.6.6 0 0 1 0-1.2h20.4a.6.6 0 0 1 0 1.2z" })));
 };
 
 exports["default"] = hlCart;

package/build/cjs/components/Icons/hlCartEmpty.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { Props as IconComponentProps, IconProps } from '../Icon/Icon';
+declare const hlCartEmpty: ({ size, color, ...props }: IconProps | IconComponentProps) => React.JSX.Element;
+/**
+ * @deprecated Use Streamline icon
+ */
+export default hlCartEmpty;