@pushwoosh/kit-icons 2.0.5 → 2.0.8

package/color-icon/color-icon.component.js

@@ -2,12 +2,24 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function ColorIcon(props) {
-    const { boxRef, size, view, ...rest } = props;
-    const Icon = AssetMap[size][view];
-    if (Icon == null) {
-        console.error('[ColorIcon]: Icon not found!');
-        return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef }));
-    }
-    return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef },
-        React.createElement(Icon, null)));
-}
+  const {
+    boxRef,
+    size,
+    view,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size][view];
+  if (Icon == null) {
+    console.error('[ColorIcon]: Icon not found!');
+    return React.createElement(IconBox, {
+      ...rest,
+      size: size,
+      ref: boxRef
+    });
+  }
+  return React.createElement(IconBox, {
+    ...rest,
+    size: size,
+    ref: boxRef
+  }, React.createElement(Icon, null));
+}

package/color-icon/color-icon.types.js

@@ -1 +1 @@
-export {};
+export {};

package/color-icon/index.js

@@ -1,2 +1,2 @@
 export * from './color-icon.component';
-export * from './color-icon.types';
+export * from './color-icon.types';

package/comment-icon/assets/index.js

@@ -3,7 +3,7 @@
 
 import CommentMediumFilledIcon from "./name_comment_size_medium_view_filled.js";
 import CommentMediumLinedIcon from "./name_comment_size_medium_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': CommentMediumFilledIcon,
     'lined': CommentMediumLinedIcon

package/comment-icon/assets/name_comment_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const NameCommentSizeMediumViewFilledSvg = props => /*#__PURE__*/React.createEle
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M12 2.25c-4.839 0-8.75 3.954-8.75 8.819 0 2.837 1.282 4.805 2.95 6.388.825.782 1.752 1.479 2.666 2.142l.538.389c.736.53 1.45 1.045 2.122 1.593a.75.75 0 0 0 .948 0c.672-.548 1.386-1.063 2.122-1.593q.268-.193.538-.39c.914-.662 1.841-1.36 2.666-2.141 1.668-1.583 2.95-3.551 2.95-6.388 0-4.865-3.911-8.819-8.75-8.819M8.25 9.5A.75.75 0 0 1 9 8.75h6a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75m0 3a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75",
   clipRule: "evenodd"

package/comment-icon/assets/name_comment_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const NameCommentSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createElem
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M12 3.75c-3.998 0-7.25 3.27-7.25 7.319 0 2.299 1.007 3.9 2.483 5.3.747.709 1.606 1.357 2.514 2.016l.517.373.001.001c.577.415 1.166.84 1.735 1.282.569-.442 1.158-.867 1.735-1.282h.001v-.001l.517-.373c.908-.66 1.767-1.307 2.514-2.017 1.476-1.4 2.483-3 2.483-5.299 0-4.048-3.252-7.319-7.25-7.319m-8.75 7.319C3.25 6.204 7.161 2.25 12 2.25s8.75 3.954 8.75 8.819c0 2.837-1.282 4.805-2.95 6.388-.825.782-1.752 1.479-2.666 2.142l-.538.389c-.736.53-1.45 1.045-2.122 1.593a.75.75 0 0 1-.948 0c-.672-.548-1.386-1.063-2.122-1.593q-.268-.193-.538-.39c-.914-.662-1.841-1.36-2.666-2.141-1.668-1.583-2.95-3.551-2.95-6.388m5 1.431a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75M9 8.75a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5z",
   clipRule: "evenodd"

package/comment-icon/comment-icon.component.js

@@ -2,12 +2,24 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function CommentIcon(props) {
-    const { boxRef, size, view, ...rest } = props;
-    const Icon = AssetMap[size][view];
-    if (Icon == null) {
-        console.error('[CommentIcon]: Icon not found!');
-        return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef }));
-    }
-    return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef },
-        React.createElement(Icon, null)));
-}
+  const {
+    boxRef,
+    size,
+    view,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size][view];
+  if (Icon == null) {
+    console.error('[CommentIcon]: Icon not found!');
+    return React.createElement(IconBox, {
+      ...rest,
+      size: size,
+      ref: boxRef
+    });
+  }
+  return React.createElement(IconBox, {
+    ...rest,
+    size: size,
+    ref: boxRef
+  }, React.createElement(Icon, null));
+}

package/comment-icon/comment-icon.types.js

@@ -1 +1 @@
-export {};
+export {};

package/comment-icon/index.js

@@ -1,2 +1,2 @@
 export * from './comment-icon.component';
-export * from './comment-icon.types';
+export * from './comment-icon.types';

package/copy-icon/assets/index.js

@@ -4,7 +4,7 @@
 import CopyMediumFilledIcon from "./name_copy_size_medium_view_filled.js";
 import CopyMediumLinedIcon from "./name_copy_size_medium_view_lined.js";
 import CopySmallLinedIcon from "./name_copy_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': CopyMediumFilledIcon,
     'lined': CopyMediumLinedIcon

package/copy-icon/assets/name_copy_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const NameCopySizeMediumViewFilledSvg = props => /*#__PURE__*/React.createElemen
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M8.25 7A2.75 2.75 0 0 1 11 4.25h6A2.75 2.75 0 0 1 19.75 7v6A2.75 2.75 0 0 1 17 15.75h-1.25V17A2.75 2.75 0 0 1 13 19.75H7A2.75 2.75 0 0 1 4.25 17v-6A2.75 2.75 0 0 1 7 8.25h1.25zM17 14.25h-1.25V11A2.75 2.75 0 0 0 13 8.25H9.75V7c0-.69.56-1.25 1.25-1.25h6c.69 0 1.25.56 1.25 1.25v6c0 .69-.56 1.25-1.25 1.25",
   clipRule: "evenodd"

package/copy-icon/assets/name_copy_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const NameCopySizeMediumViewLinedSvg = props => /*#__PURE__*/React.createElement
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M8.25 7A2.75 2.75 0 0 1 11 4.25h6A2.75 2.75 0 0 1 19.75 7v6A2.75 2.75 0 0 1 17 15.75v-1.5c.69 0 1.25-.56 1.25-1.25V7c0-.69-.56-1.25-1.25-1.25h-6c-.69 0-1.25.56-1.25 1.25zM7 8.25A2.75 2.75 0 0 0 4.25 11v6A2.75 2.75 0 0 0 7 19.75h6A2.75 2.75 0 0 0 15.75 17v-6A2.75 2.75 0 0 0 13 8.25zM5.75 11c0-.69.56-1.25 1.25-1.25h6c.69 0 1.25.56 1.25 1.25v6c0 .69-.56 1.25-1.25 1.25H7c-.69 0-1.25-.56-1.25-1.25z",
   clipRule: "evenodd"

package/copy-icon/assets/name_copy_size_small_view_lined.js

@@ -5,10 +5,10 @@ const NameCopySizeSmallViewLinedSvg = props => /*#__PURE__*/React.createElement(
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M7 3.5h5v6h-.5V11h.5a1.5 1.5 0 0 0 1.5-1.5v-6A1.5 1.5 0 0 0 12 2H7a1.5 1.5 0 0 0-1.5 1.5V4H7z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M10.5 6.5A1.5 1.5 0 0 0 9 5H4a1.5 1.5 0 0 0-1.5 1.5v6A1.5 1.5 0 0 0 4 14h5a1.5 1.5 0 0 0 1.5-1.5zM9 6.5H4v6h5z",
   clipRule: "evenodd"

package/copy-icon/copy-icon.component.js

@@ -2,12 +2,24 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function CopyIcon(props) {
-    const { boxRef, size, view, ...rest } = props;
-    const Icon = AssetMap[size][view];
-    if (Icon == null) {
-        console.error('[CopyIcon]: Icon not found!');
-        return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef }));
-    }
-    return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef },
-        React.createElement(Icon, null)));
-}
+  const {
+    boxRef,
+    size,
+    view,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size][view];
+  if (Icon == null) {
+    console.error('[CopyIcon]: Icon not found!');
+    return React.createElement(IconBox, {
+      ...rest,
+      size: size,
+      ref: boxRef
+    });
+  }
+  return React.createElement(IconBox, {
+    ...rest,
+    size: size,
+    ref: boxRef
+  }, React.createElement(Icon, null));
+}

package/copy-icon/copy-icon.types.js

@@ -1 +1 @@
-export {};
+export {};

package/copy-icon/index.js

@@ -1,2 +1,2 @@
 export * from './copy-icon.component';
-export * from './copy-icon.types';
+export * from './copy-icon.types';

package/danger-triangle-icon/assets/index.js

@@ -5,7 +5,7 @@ import DangerTriangleMediumFilledIcon from "./name_danger_triangle_size_medium_v
 import DangerTriangleMediumLinedIcon from "./name_danger_triangle_size_medium_view_lined.js";
 import DangerTriangleSmallFilledIcon from "./name_danger_triangle_size_small_view_filled.js";
 import DangerTriangleSmallLinedIcon from "./name_danger_triangle_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': DangerTriangleMediumFilledIcon,
     'lined': DangerTriangleMediumLinedIcon

package/danger-triangle-icon/assets/name_danger_triangle_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const NameDangerTriangleSizeMediumViewFilledSvg = props => /*#__PURE__*/React.cr
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "m7.145 9.443-1.82 3.166C3.741 15.363 2.95 16.74 3.07 17.87a3.5 3.5 0 0 0 1.425 2.463C5.414 21 7.002 21 10.18 21h3.64c3.178 0 4.766 0 5.686-.667a3.5 3.5 0 0 0 1.424-2.463c.12-1.13-.671-2.507-2.255-5.261l-1.82-3.166c-1.593-2.77-2.389-4.154-3.43-4.618a3.5 3.5 0 0 0-2.85 0c-1.041.464-1.837 1.849-3.43 4.618M11 8.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5V14a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm0 8a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5z",
   clipRule: "evenodd"

package/danger-triangle-icon/assets/name_danger_triangle_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const NameDangerTriangleSizeMediumViewLinedSvg = props => /*#__PURE__*/React.cre
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "m17.375 13.356-1.82-3.165c-.812-1.41-1.37-2.377-1.848-3.058-.484-.687-.75-.875-.892-.938a2 2 0 0 0-1.63 0c-.142.063-.408.25-.892.938-.479.68-1.036 1.647-1.847 3.058l-1.82 3.165c-.807 1.403-1.36 2.366-1.705 3.118-.348.76-.376 1.083-.36 1.238a2 2 0 0 0 .814 1.407c.126.091.42.227 1.252.304.825.076 1.934.077 3.553.077h3.64c1.618 0 2.728-.002 3.553-.077.832-.076 1.126-.213 1.252-.304a2 2 0 0 0 .814-1.407c.016-.155-.012-.478-.36-1.238-.346-.752-.898-1.715-1.704-3.118m-6.8-8.53c-1.041.463-1.837 1.848-3.43 4.617l-1.82 3.166C3.741 15.363 2.95 16.74 3.07 17.87a3.5 3.5 0 0 0 1.425 2.463C5.414 21 7.002 21 10.18 21h3.64c3.178 0 4.766 0 5.686-.667a3.5 3.5 0 0 0 1.424-2.463c.12-1.13-.671-2.507-2.255-5.261l-1.82-3.166c-1.593-2.77-2.389-4.154-3.43-4.618a3.5 3.5 0 0 0-2.85 0M11 9.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v5a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5zm.5 6.5a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5z",
   clipRule: "evenodd"

package/danger-triangle-icon/assets/name_danger_triangle_size_small_view_filled.js

@@ -5,7 +5,7 @@ const NameDangerTriangleSizeSmallViewFilledSvg = props => /*#__PURE__*/React.cre
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M6.99 2.152c-.739.326-1.306 1.294-2.44 3.23l-1.52 2.59c-1.157 1.975-1.736 2.962-1.654 3.773a2.5 2.5 0 0 0 1.014 1.77c.658.48 1.803.48 4.091.48H9.52c2.288 0 3.433 0 4.091-.48a2.5 2.5 0 0 0 1.014-1.77c.082-.81-.497-1.798-1.655-3.773l-1.518-2.59c-1.135-1.936-1.702-2.904-2.44-3.23a2.5 2.5 0 0 0-2.022 0m.25 3.593a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm.01 5.5a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5z",
   clipRule: "evenodd"

package/danger-triangle-icon/assets/name_danger_triangle_size_small_view_lined.js

@@ -5,7 +5,7 @@ const NameDangerTriangleSizeSmallViewLinedSvg = props => /*#__PURE__*/React.crea
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "m11.675 8.73-1.518-2.59c-.583-.993-.968-1.647-1.294-2.103-.33-.46-.464-.515-.459-.513a1 1 0 0 0-.808 0c.005-.002-.129.052-.459.513-.326.456-.711 1.11-1.294 2.103L4.325 8.73c-.594 1.014-.985 1.684-1.228 2.202-.236.502-.229.657-.229.663a1 1 0 0 0 .406.708c.005.004.135.088.687.138.57.053 1.346.054 2.52.054H9.52c1.174 0 1.95-.001 2.52-.053.551-.051.682-.135.687-.139a1 1 0 0 0 .406-.708c0-.006.007-.161-.229-.663-.243-.518-.634-1.188-1.228-2.201M6.99 2.153c-.738.326-1.305 1.294-2.44 3.23l-1.518 2.59c-1.158 1.975-1.737 2.962-1.655 3.773a2.5 2.5 0 0 0 1.014 1.77c.658.48 1.803.48 4.091.48H9.52c2.288 0 3.433 0 4.091-.48a2.5 2.5 0 0 0 1.014-1.77c.082-.81-.497-1.798-1.655-3.773l-1.518-2.59c-1.135-1.936-1.702-2.904-2.44-3.23a2.5 2.5 0 0 0-2.022 0m.25 3.843a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-.5a.5.5 0 0 1-.5-.5zm.51 4.5a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5h.5a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5z",
   clipRule: "evenodd"

package/danger-triangle-icon/danger-triangle-icon.component.js

@@ -2,12 +2,24 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function DangerTriangleIcon(props) {
-    const { boxRef, size, view, ...rest } = props;
-    const Icon = AssetMap[size][view];
-    if (Icon == null) {
-        console.error('[DangerTriangleIcon]: Icon not found!');
-        return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef }));
-    }
-    return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef },
-        React.createElement(Icon, null)));
-}
+  const {
+    boxRef,
+    size,
+    view,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size][view];
+  if (Icon == null) {
+    console.error('[DangerTriangleIcon]: Icon not found!');
+    return React.createElement(IconBox, {
+      ...rest,
+      size: size,
+      ref: boxRef
+    });
+  }
+  return React.createElement(IconBox, {
+    ...rest,
+    size: size,
+    ref: boxRef
+  }, React.createElement(Icon, null));
+}

package/danger-triangle-icon/danger-triangle-icon.types.js

@@ -1 +1 @@
-export {};
+export {};

package/danger-triangle-icon/index.js

@@ -1,2 +1,2 @@
 export * from './danger-triangle-icon.component';
-export * from './danger-triangle-icon.types';
+export * from './danger-triangle-icon.types';

package/device-icon/assets/index.js

@@ -10,7 +10,7 @@ import DeviceSmallDesktopLinedIcon from "./name_device_size_small_type_desktop_v
 import DeviceSmallMobileLinedIcon from "./name_device_size_small_type_mobile_view_lined.js";
 import DeviceSmallOtherLinedIcon from "./name_device_size_small_type_other_view_lined.js";
 import DeviceSmallWebLinedIcon from "./name_device_size_small_type_web_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'desktop': {
       'filled': null,

package/device-icon/assets/name_device_size_medium_type_desktop_view_lined.js

@@ -5,7 +5,7 @@ const NameDeviceSizeMediumTypeDesktopViewLinedSvg = props => /*#__PURE__*/React.
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M6.8 5.5h10.4c.865 0 1.423.001 1.848.036.408.033.559.09.633.127a1.5 1.5 0 0 1 .656.656c.037.074.094.225.127.633.035.425.036.983.036 1.848v4.4c0 .865-.001 1.423-.036 1.848-.033.408-.09.559-.127.633a1.5 1.5 0 0 1-.656.656c-.074.037-.225.094-.633.127-.425.035-.983.036-1.848.036H6.8c-.865 0-1.423-.001-1.848-.036-.408-.033-.559-.09-.633-.127a1.5 1.5 0 0 1-.656-.656c-.037-.074-.094-.225-.127-.633-.035-.425-.036-.983-.036-1.848V8.8c0-.865.001-1.423.036-1.848.033-.408.09-.559.127-.633a1.5 1.5 0 0 1 .656-.656c.074-.037.225-.094.633-.127C5.377 5.5 5.935 5.5 6.8 5.5M2 8.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C4.28 4 5.12 4 6.8 4h10.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C22 6.28 22 7.12 22 8.8v4.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C19.72 18 18.88 18 17.2 18h-2.063a.25.25 0 0 0-.237.33l.592 1.775a1.25 1.25 0 0 1-1.186 1.645H9.694a1.25 1.25 0 0 1-1.186-1.645l.592-1.776A.25.25 0 0 0 8.863 18H6.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C2 15.72 2 14.88 2 13.2zm8.97 9.2a.25.25 0 0 0-.236.17l-.023.067-.56 1.684a.25.25 0 0 0 .236.329h3.226a.25.25 0 0 0 .237-.33l-.561-1.683-.023-.066A.25.25 0 0 0 13.03 18z",
   clipRule: "evenodd"

package/device-icon/assets/name_device_size_medium_type_mobile_view_filled.js

@@ -5,7 +5,7 @@ const NameDeviceSizeMediumTypeMobileViewFilledSvg = props => /*#__PURE__*/React.
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M5.327 3.638C5 4.28 5 5.12 5 6.8v10.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311C7.28 22 8.12 22 9.8 22h4.4c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.311-1.311C19 19.72 19 18.88 19 17.2V6.8c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311C16.72 2 15.88 2 14.2 2H9.8c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.311 1.311M12 19a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3",
   clipRule: "evenodd"

package/device-icon/assets/name_device_size_medium_type_mobile_view_lined.js

@@ -5,7 +5,7 @@ const NameDeviceSizeMediumTypeMobileViewLinedSvg = props => /*#__PURE__*/React.c
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M9.8 3.5h4.4c.865 0 1.423.001 1.848.036.408.033.559.09.633.127a1.5 1.5 0 0 1 .656.656c.037.074.094.225.127.633.035.425.036.983.036 1.848v10.4c0 .865-.001 1.423-.036 1.848-.033.408-.09.559-.127.633a1.5 1.5 0 0 1-.656.656c-.074.037-.225.094-.633.127-.425.035-.983.036-1.848.036H9.8c-.865 0-1.423-.001-1.848-.036-.408-.033-.559-.09-.633-.127a1.5 1.5 0 0 1-.656-.656c-.037-.074-.094-.225-.127-.633-.035-.425-.036-.983-.036-1.848V6.8c0-.865.001-1.423.036-1.848.033-.408.09-.559.127-.633a1.5 1.5 0 0 1 .656-.656c.074-.037.225-.094.633-.127C8.377 3.5 8.935 3.5 9.8 3.5M5 6.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C7.28 2 8.12 2 9.8 2h4.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C19 4.28 19 5.12 19 6.8v10.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C16.72 22 15.88 22 14.2 22H9.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C5 19.72 5 18.88 5 17.2zM12 19a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3",
   clipRule: "evenodd"

package/device-icon/assets/name_device_size_medium_type_other_view_lined.js

@@ -5,7 +5,7 @@ const NameDeviceSizeMediumTypeOtherViewLinedSvg = props => /*#__PURE__*/React.cr
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "m15.924 4.964-.022-.022c-.575-.575-1.039-1.039-1.445-1.383-.418-.355-.824-.628-1.298-.782a3.75 3.75 0 0 0-2.318 0c-.474.154-.88.427-1.298.782-.406.344-.87.808-1.445 1.383l-.022.022-3.112 3.112-.022.022c-.575.575-1.039 1.039-1.384 1.445-.354.418-.627.824-.781 1.298a3.75 3.75 0 0 0 0 2.318c.154.474.427.88.781 1.298.345.406.809.87 1.384 1.445l.022.023 3.112 3.11.022.024c.575.574 1.039 1.038 1.445 1.383.418.355.824.627 1.298.781a3.75 3.75 0 0 0 2.318 0c.474-.154.88-.426 1.298-.781.406-.345.87-.809 1.445-1.383l.022-.023 3.112-3.111.022-.023c.575-.575 1.039-1.038 1.384-1.445.355-.418.627-.824.781-1.298a3.75 3.75 0 0 0 0-2.318c-.154-.474-.426-.88-.781-1.298-.345-.406-.809-.87-1.384-1.444l-.022-.023zm-3.229-.76c.211.068.444.203.791.498.354.3.775.72 1.378 1.323l3.111 3.111c.603.603 1.023 1.024 1.323 1.378.295.347.43.58.499.79a2.25 2.25 0 0 1 0 1.391c-.069.211-.204.444-.499.792-.3.354-.72.774-1.323 1.377l-3.111 3.111c-.603.603-1.024 1.023-1.378 1.323-.347.295-.58.43-.79.499a2.25 2.25 0 0 1-1.391 0c-.211-.069-.444-.204-.792-.499-.353-.3-.774-.72-1.377-1.323l-3.111-3.111c-.603-.603-1.023-1.024-1.323-1.377-.295-.348-.43-.58-.499-.792a2.25 2.25 0 0 1 0-1.39c.069-.211.204-.444.499-.791.3-.354.72-.775 1.323-1.378l3.111-3.11c.603-.604 1.024-1.023 1.377-1.324.348-.295.58-.43.792-.499a2.25 2.25 0 0 1 1.39 0M9 13a1 1 0 1 0 0-2 1 1 0 0 0 0 2m4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0m2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2",
   clipRule: "evenodd"

package/device-icon/assets/name_device_size_medium_type_web_view_lined.js

@@ -5,7 +5,7 @@ const NameDeviceSizeMediumTypeWebViewLinedSvg = props => /*#__PURE__*/React.crea
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M5 5.5h14A1.5 1.5 0 0 1 20.5 7v10a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 17V7A1.5 1.5 0 0 1 5 5.5M2 7a3 3 0 0 1 3-3h14a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3zm4 2a1 1 0 1 0 0-2 1 1 0 0 0 0 2m4-1a1 1 0 1 1-2 0 1 1 0 0 1 2 0m2 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2",
   clipRule: "evenodd"

package/device-icon/assets/name_device_size_small_type_desktop_view_lined.js

@@ -5,7 +5,7 @@ const NameDeviceSizeSmallTypeDesktopViewLinedSvg = props => /*#__PURE__*/React.c
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M4.2 3.5h7.6c.585 0 .933.001 1.191.022.12.01.187.022.22.03q.023.005.042.017a.5.5 0 0 1 .178.178.2.2 0 0 1 .017.042c.008.033.02.1.03.22.02.258.022.606.022 1.191v3.6c0 .585-.001.933-.022 1.191-.01.12-.022.187-.03.22a.2.2 0 0 1-.017.042.5.5 0 0 1-.178.178.2.2 0 0 1-.042.017c-.033.008-.1.02-.22.03-.258.02-.606.022-1.191.022H4.2c-.585 0-.933-.001-1.191-.022a2 2 0 0 1-.22-.03.2.2 0 0 1-.042-.017.5.5 0 0 1-.178-.178.2.2 0 0 1-.017-.042c-.008-.033-.02-.1-.03-.22-.02-.258-.022-.606-.022-1.191V5.2c0-.585.001-.933.022-1.191.01-.12.022-.187.03-.22a.2.2 0 0 1 .017-.042.5.5 0 0 1 .178-.178.2.2 0 0 1 .042-.017c.033-.008.1-.02.22-.03.258-.02.606-.022 1.191-.022m9.035.058q.003.002 0 0m.207.207q-.001-.003 0 0m0 6.47q-.001.003 0 0m-.207.207q.003-.001 0 0m-10.47 0q-.003-.001 0 0m-.207-.207q.001.003 0 0m0-6.47q.001-.003 0 0m.207-.207q-.003.002 0 0M1 5.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C2.52 2 3.08 2 4.2 2h7.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C15 3.52 15 4.08 15 5.2v3.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C13.48 12 12.92 12 11.8 12h-.946a.25.25 0 0 0-.23.346l.568 1.365a.75.75 0 0 1-.692 1.039h-5a.75.75 0 0 1-.692-1.039l.569-1.365A.25.25 0 0 0 5.146 12H4.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C1 10.48 1 9.92 1 8.8zM7.313 12a.25.25 0 0 0-.231.154l-.056.135-.257.615A.25.25 0 0 0 7 13.25h2a.25.25 0 0 0 .23-.346l-.256-.615-.056-.135a.25.25 0 0 0-.23-.154z",
   clipRule: "evenodd"

package/device-icon/assets/name_device_size_small_type_mobile_view_lined.js

@@ -5,7 +5,7 @@ const NameDeviceSizeSmallTypeMobileViewLinedSvg = props => /*#__PURE__*/React.cr
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M6.4 1.25h-.029c-.395 0-.736 0-1.017.023-.297.024-.592.078-.875.222a2.25 2.25 0 0 0-.984.984c-.144.283-.198.578-.222.875-.023.28-.023.622-.023 1.017v7.258c0 .395 0 .736.023 1.017.024.297.078.592.222.875.216.424.56.768.984.984.283.144.578.198.875.222.28.023.622.023 1.017.023H9.63c.395 0 .736 0 1.017-.023.297-.024.592-.078.875-.222.424-.216.768-.56.984-.984.144-.283.198-.578.222-.875.023-.28.023-.622.023-1.017V4.37c0-.395 0-.736-.023-1.017-.024-.297-.078-.592-.222-.875a2.25 2.25 0 0 0-.984-.984c-.283-.144-.578-.198-.875-.222-.28-.023-.622-.023-1.017-.023H6.4M5.16 2.832c.037-.02.112-.047.316-.064.212-.017.492-.018.924-.018h3.2c.432 0 .712 0 .924.018.204.017.28.045.317.064a.75.75 0 0 1 .327.328c.02.037.047.112.064.316.017.212.018.492.018.924v7.2c0 .432 0 .712-.018.924-.017.204-.045.28-.064.317a.75.75 0 0 1-.327.327c-.038.02-.113.047-.317.064-.212.017-.492.018-.924.018H6.4c-.432 0-.712 0-.924-.018-.204-.017-.28-.045-.316-.064a.75.75 0 0 1-.328-.327c-.02-.038-.047-.113-.064-.317a13 13 0 0 1-.018-.924V4.4c0-.432 0-.712.018-.924.017-.204.045-.28.064-.316a.75.75 0 0 1 .328-.328M8 12a1 1 0 1 0 0-2 1 1 0 0 0 0 2",
   clipRule: "evenodd"

package/device-icon/assets/name_device_size_small_type_other_view_lined.js

@@ -7,7 +7,7 @@ const NameDeviceSizeSmallTypeOtherViewLinedSvg = props => /*#__PURE__*/React.cre
 }, props), /*#__PURE__*/React.createElement("g", {
   clipPath: "url(#prefix__a)"
 }, /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M3.97 5.666 5.667 3.97c.611-.611 1.007-1.005 1.332-1.281.312-.265.458-.332.538-.357a1.5 1.5 0 0 1 .927 0c.079.025.226.092.537.357.325.276.721.67 1.333 1.281l1.697 1.697c.611.612 1.005 1.008 1.281 1.333.265.311.332.458.357.537a1.5 1.5 0 0 1 0 .927c-.025.08-.092.226-.357.538-.276.325-.67.72-1.281 1.332l-1.697 1.697c-.612.612-1.008 1.006-1.333 1.282-.311.264-.458.331-.537.357a1.5 1.5 0 0 1-.927 0c-.08-.026-.226-.093-.538-.357-.325-.276-.72-.67-1.332-1.282L3.97 10.333c-.612-.611-1.006-1.007-1.282-1.332-.265-.312-.331-.458-.357-.538a1.5 1.5 0 0 1 0-.927c.026-.079.092-.226.357-.537.276-.325.67-.721 1.282-1.333m-1.061 5.728C1.72 10.206 1.127 9.612.904 8.927a3 3 0 0 1 0-1.854c.223-.685.817-1.28 2.005-2.467l1.697-1.697C5.794 1.72 6.388 1.127 7.073.904a3 3 0 0 1 1.854 0c.685.223 1.28.817 2.467 2.005l1.697 1.697c1.188 1.188 1.782 1.782 2.005 2.467a3 3 0 0 1 0 1.854c-.223.685-.817 1.279-2.005 2.467l-1.697 1.697c-1.188 1.188-1.782 1.782-2.467 2.005a3 3 0 0 1-1.854 0c-.685-.223-1.279-.817-2.467-2.005zM8 8.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M6.25 8a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0m4.25.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5",
   clipRule: "evenodd"

package/device-icon/assets/name_device_size_small_type_web_view_lined.js

@@ -5,7 +5,7 @@ const NameDeviceSizeSmallTypeWebViewLinedSvg = props => /*#__PURE__*/React.creat
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M4.2 3.5h7.6c.585 0 .933.001 1.191.022.097.008.16.018.197.025q.046.009.085.034a.5.5 0 0 1 .146.146.2.2 0 0 1 .034.085c.007.038.017.1.025.197.02.258.022.606.022 1.191v5.6c0 .585-.001.933-.022 1.191a2 2 0 0 1-.025.197.2.2 0 0 1-.034.085.5.5 0 0 1-.146.146.2.2 0 0 1-.085.034c-.038.007-.1.017-.197.025-.258.02-.606.022-1.191.022H4.2c-.585 0-.933-.001-1.191-.022a2 2 0 0 1-.197-.025.2.2 0 0 1-.085-.034.5.5 0 0 1-.146-.146.2.2 0 0 1-.034-.085 2 2 0 0 1-.025-.197c-.02-.258-.022-.606-.022-1.191V5.2c0-.585.001-.933.022-1.191.008-.097.018-.16.025-.197a.2.2 0 0 1 .034-.085.5.5 0 0 1 .146-.146.2.2 0 0 1 .085-.034c.038-.007.1-.017.197-.025.258-.02.606-.022 1.191-.022m9.035.058q.003.002 0 0m.207.207q-.001-.003 0 0m0 8.47q-.001.003 0 0m-.207.207q.003-.001 0 0m-10.47 0h-.002q0-.001 0 0zm-.206-.205v-.002zm0-8.472q0-.003 0 0m.206-.207q-.003.002 0 0M1 5.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C2.52 2 3.08 2 4.2 2h7.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C15 3.52 15 4.08 15 5.2v5.6c0 1.12 0 1.68-.218 2.108a2 2 0 0 1-.874.874C13.48 14 12.92 14 11.8 14H4.2c-1.12 0-1.68 0-2.108-.218a2 2 0 0 1-.874-.874C1 12.48 1 11.92 1 10.8zm3.25.8a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5M7 5.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0M8.25 6a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5",
   clipRule: "evenodd"

package/device-icon/device-icon.component.js

@@ -2,12 +2,25 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function DeviceIcon(props) {
-    const { boxRef, size, type, view, ...rest } = props;
-    const Icon = AssetMap[size][type][view];
-    if (Icon == null) {
-        console.error('[DeviceIcon]: Icon not found!');
-        return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef }));
-    }
-    return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef },
-        React.createElement(Icon, null)));
-}
+  const {
+    boxRef,
+    size,
+    type,
+    view,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size][type][view];
+  if (Icon == null) {
+    console.error('[DeviceIcon]: Icon not found!');
+    return React.createElement(IconBox, {
+      ...rest,
+      size: size,
+      ref: boxRef
+    });
+  }
+  return React.createElement(IconBox, {
+    ...rest,
+    size: size,
+    ref: boxRef
+  }, React.createElement(Icon, null));
+}

package/device-icon/device-icon.types.js

@@ -1 +1 @@
-export {};
+export {};

package/device-icon/index.js

@@ -1,2 +1,2 @@
 export * from './device-icon.component';
-export * from './device-icon.types';
+export * from './device-icon.types';

package/docs-icon/assets/index.js

@@ -2,7 +2,7 @@
 /* eslint @typescript-eslint/comma-dangle: off */
 
 import DocsMediumLinedIcon from "./name_docs_size_medium_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'lined': DocsMediumLinedIcon
   }

package/docs-icon/assets/name_docs_size_medium_view_lined.js

@@ -5,10 +5,10 @@ const NameDocsSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createElement
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M5.75 9.5a.75.75 0 0 1 .75-.75H9a.75.75 0 0 1 0 1.5H6.5a.75.75 0 0 1-.75-.75M6.5 11.75a.75.75 0 0 0 0 1.5H9a.75.75 0 0 0 0-1.5zM14.25 9.5a.75.75 0 0 1 .75-.75h2.5a.75.75 0 0 1 0 1.5H15a.75.75 0 0 1-.75-.75M15 11.75a.75.75 0 0 0 0 1.5h2.5a.75.75 0 0 0 0-1.5z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M3.667 4.75a.75.75 0 0 0-.75.75V18c0 .414.335.75.75.75H9.5a1.75 1.75 0 0 1 1.75 1.75.75.75 0 0 0 1.5 0 1.75 1.75 0 0 1 1.75-1.75h5.833a.75.75 0 0 0 .75-.75V5.5a.75.75 0 0 0-.75-.75h-5A4.08 4.08 0 0 0 12 6.475 4.09 4.09 0 0 0 8.667 4.75zm7.583 4.083v8.928a3.25 3.25 0 0 0-1.75-.511H4.417v-11h4.25a2.583 2.583 0 0 1 2.583 2.583m3.25 8.417a3.25 3.25 0 0 0-1.75.511V8.833a2.584 2.584 0 0 1 2.583-2.583h4.25v11z",
   clipRule: "evenodd"

package/docs-icon/docs-icon.component.js

@@ -2,12 +2,24 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function DocsIcon(props) {
-    const { boxRef, size, view, ...rest } = props;
-    const Icon = AssetMap[size][view];
-    if (Icon == null) {
-        console.error('[DocsIcon]: Icon not found!');
-        return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef }));
-    }
-    return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef },
-        React.createElement(Icon, null)));
-}
+  const {
+    boxRef,
+    size,
+    view,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size][view];
+  if (Icon == null) {
+    console.error('[DocsIcon]: Icon not found!');
+    return React.createElement(IconBox, {
+      ...rest,
+      size: size,
+      ref: boxRef
+    });
+  }
+  return React.createElement(IconBox, {
+    ...rest,
+    size: size,
+    ref: boxRef
+  }, React.createElement(Icon, null));
+}

package/docs-icon/docs-icon.types.js

@@ -1 +1 @@
-export {};
+export {};

package/docs-icon/index.js

@@ -1,2 +1,2 @@
 export * from './docs-icon.component';
-export * from './docs-icon.types';
+export * from './docs-icon.types';

package/document-icon/assets/index.js

@@ -4,7 +4,7 @@
 import DocumentMediumLinedIcon from "./name_document_size_medium_view_lined.js";
 import DocumentSmallFilledIcon from "./name_document_size_small_view_filled.js";
 import DocumentSmallLinedIcon from "./name_document_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': null,
     'lined': DocumentMediumLinedIcon

package/document-icon/assets/name_document_size_medium_view_lined.js

@@ -5,10 +5,10 @@ const NameDocumentSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createEle
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M9 11.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zM8.25 15a.75.75 0 0 1 .75-.75h6a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75M9 8.25a.75.75 0 1 0 0 1.5h1.5a.75.75 0 0 0 0-1.5z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M5.909 3.909A2.25 2.25 0 0 1 7.5 3.25h6.013a.75.75 0 0 1 .517.22l4.5 4.5a.75.75 0 0 1 .22.53v10a2.25 2.25 0 0 1-2.25 2.25h-9a2.25 2.25 0 0 1-2.25-2.25v-13c0-.597.237-1.169.659-1.591M7.5 4.75h5.25V8.5c0 .414.336.75.75.75h3.75v9.25a.75.75 0 0 1-.75.75h-9a.75.75 0 0 1-.75-.75v-13a.75.75 0 0 1 .75-.75m6.75 1.06 1.94 1.94h-1.94z",
   clipRule: "evenodd"

package/document-icon/assets/name_document_size_small_view_filled.js

@@ -5,7 +5,7 @@ const NameDocumentSizeSmallViewFilledSvg = props => /*#__PURE__*/React.createEle
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M3.5 1A1.5 1.5 0 0 0 2 2.5v11A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5v-11A1.5 1.5 0 0 0 12.5 1zM10 4H5v1.5h5zm1 3H5v1.5h6zm-6 3h3v1.5H5z",
   clipRule: "evenodd"

package/document-icon/assets/name_document_size_small_view_lined.js

@@ -5,10 +5,10 @@ const NameDocumentSizeSmallViewLinedSvg = props => /*#__PURE__*/React.createElem
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M10 4H5v1.5h5zM11 7H5v1.5h6zM5 10h3v1.5H5z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M2 2.5A1.5 1.5 0 0 1 3.5 1h9A1.5 1.5 0 0 1 14 2.5v11a1.5 1.5 0 0 1-1.5 1.5h-9A1.5 1.5 0 0 1 2 13.5zm1.5 0h9v11h-9z",
   clipRule: "evenodd"