@pushwoosh/kit-icons 2.0.5 → 2.0.8

package/document-icon/document-icon.component.js

@@ -2,12 +2,24 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function DocumentIcon(props) {
-    const { boxRef, size, view, ...rest } = props;
-    const Icon = AssetMap[size][view];
-    if (Icon == null) {
-        console.error('[DocumentIcon]: 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('[DocumentIcon]: 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/document-icon/document-icon.types.js

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

package/document-icon/index.js

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

package/double-chevron-icon/assets/direction_down_name_double_chevron_size_medium.js

@@ -5,7 +5,7 @@ const DirectionDownNameDoubleChevronSizeMediumSvg = props => /*#__PURE__*/React.
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M12.53 16.53a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 1 1 1.06-1.06L12 14.94l3.47-3.47a.75.75 0 1 1 1.06 1.06zm4-8-4 4a.75.75 0 0 1-1.06 0l-4-4a.75.75 0 0 1 1.06-1.06L12 10.94l3.47-3.47a.75.75 0 1 1 1.06 1.06",
   clipRule: "evenodd"

package/double-chevron-icon/assets/direction_down_name_double_chevron_size_small.js

@@ -5,7 +5,7 @@ const DirectionDownNameDoubleChevronSizeSmallSvg = props => /*#__PURE__*/React.c
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M4.52 5.576a.75.75 0 1 1 .96-1.152L8 6.524l2.52-2.1a.75.75 0 0 1 .96 1.152l-3 2.5a.75.75 0 0 1-.96 0zm0 4a.75.75 0 0 1 .96-1.152l2.52 2.1 2.52-2.1a.75.75 0 0 1 .96 1.152l-3 2.5a.75.75 0 0 1-.96 0z",
   clipRule: "evenodd"

package/double-chevron-icon/assets/direction_left_name_double_chevron_size_medium.js

@@ -5,7 +5,7 @@ const DirectionLeftNameDoubleChevronSizeMediumSvg = props => /*#__PURE__*/React.
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M7.47 11.47a.75.75 0 0 0 0 1.06l4 4a.75.75 0 1 0 1.06-1.06L9.06 12l3.47-3.47a.75.75 0 0 0-1.06-1.06zm8-4-4 4a.75.75 0 0 0 0 1.06l4 4a.75.75 0 1 0 1.06-1.06L13.06 12l3.47-3.47a.75.75 0 0 0-1.06-1.06",
   clipRule: "evenodd"

package/double-chevron-icon/assets/direction_left_name_double_chevron_size_small.js

@@ -5,7 +5,7 @@ const DirectionLeftNameDoubleChevronSizeSmallSvg = props => /*#__PURE__*/React.c
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M10.424 4.52a.75.75 0 0 1 1.152.96L9.476 8l2.1 2.52a.75.75 0 0 1-1.152.96l-2.5-3a.75.75 0 0 1 0-.96zm-4 0a.75.75 0 0 1 1.152.96L5.476 8l2.1 2.52a.75.75 0 0 1-1.152.96l-2.5-3a.75.75 0 0 1 0-.96z",
   clipRule: "evenodd"

package/double-chevron-icon/assets/direction_right_name_double_chevron_size_medium.js

@@ -5,7 +5,7 @@ const DirectionRightNameDoubleChevronSizeMediumSvg = props => /*#__PURE__*/React
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M16.53 11.47a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06L14.94 12l-3.47-3.47a.75.75 0 0 1 1.06-1.06zm-8-4 4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 0 1-1.06-1.06L10.94 12 7.47 8.53a.75.75 0 0 1 1.06-1.06",
   clipRule: "evenodd"

package/double-chevron-icon/assets/direction_right_name_double_chevron_size_small.js

@@ -5,7 +5,7 @@ const DirectionRightNameDoubleChevronSizeSmallSvg = props => /*#__PURE__*/React.
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M9.576 11.48a.75.75 0 1 1-1.152-.96l2.1-2.52-2.1-2.52a.75.75 0 0 1 1.152-.96l2.5 3a.75.75 0 0 1 0 .96zm-4 0a.75.75 0 1 1-1.152-.96L6.524 8l-2.1-2.52a.75.75 0 0 1 1.152-.96l2.5 3a.75.75 0 0 1 0 .96z",
   clipRule: "evenodd"

package/double-chevron-icon/assets/direction_up_name_double_chevron_size_medium.js

@@ -5,7 +5,7 @@ const DirectionUpNameDoubleChevronSizeMediumSvg = props => /*#__PURE__*/React.cr
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M12.53 7.47a.75.75 0 0 0-1.06 0l-4 4a.75.75 0 1 0 1.06 1.06L12 9.06l3.47 3.47a.75.75 0 1 0 1.06-1.06zm4 8-4-4a.75.75 0 0 0-1.06 0l-4 4a.75.75 0 1 0 1.06 1.06L12 13.06l3.47 3.47a.75.75 0 1 0 1.06-1.06",
   clipRule: "evenodd"

package/double-chevron-icon/assets/direction_up_name_double_chevron_size_small.js

@@ -5,7 +5,7 @@ const DirectionUpNameDoubleChevronSizeSmallSvg = props => /*#__PURE__*/React.cre
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M11.48 6.424a.75.75 0 1 1-.96 1.152L8 5.476l-2.52 2.1a.75.75 0 0 1-.96-1.152l3-2.5a.75.75 0 0 1 .96 0zm0 4a.75.75 0 0 1-.96 1.152L8 9.476l-2.52 2.1a.75.75 0 0 1-.96-1.152l3-2.5a.75.75 0 0 1 .96 0z",
   clipRule: "evenodd"

package/double-chevron-icon/assets/index.js

@@ -9,7 +9,7 @@ import RightDoubleChevronMediumIcon from "./direction_right_name_double_chevron_
 import RightDoubleChevronSmallIcon from "./direction_right_name_double_chevron_size_small.js";
 import UpDoubleChevronMediumIcon from "./direction_up_name_double_chevron_size_medium.js";
 import UpDoubleChevronSmallIcon from "./direction_up_name_double_chevron_size_small.js";
-export var AssetMap = {
+export const AssetMap = {
   'down': {
     'medium': DownDoubleChevronMediumIcon,
     'small': DownDoubleChevronSmallIcon

package/double-chevron-icon/double-chevron-icon.component.js

@@ -2,12 +2,24 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function DoubleChevronIcon(props) {
-    const { boxRef, direction, size, ...rest } = props;
-    const Icon = AssetMap[direction][size];
-    if (Icon == null) {
-        console.error('[DoubleChevronIcon]: 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,
+    direction,
+    size,
+    ...rest
+  } = props;
+  const Icon = AssetMap[direction][size];
+  if (Icon == null) {
+    console.error('[DoubleChevronIcon]: 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/double-chevron-icon/double-chevron-icon.types.js

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

package/double-chevron-icon/index.js

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

package/download-icon/assets/index.js

@@ -5,7 +5,7 @@ import DownloadMediumFilledIcon from "./name_download_size_medium_view_filled.js
 import DownloadMediumLinedIcon from "./name_download_size_medium_view_lined.js";
 import DownloadSmallFilledIcon from "./name_download_size_small_view_filled.js";
 import DownloadSmallLinedIcon from "./name_download_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': DownloadMediumFilledIcon,
     'lined': DownloadMediumLinedIcon

package/download-icon/assets/name_download_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const NameDownloadSizeMediumViewFilledSvg = props => /*#__PURE__*/React.createEl
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M9 15.75a.75.75 0 0 0-.53 1.28l3 3a.75.75 0 0 0 1.06 0l3-3a.75.75 0 0 0-.53-1.28h-1.75a.5.5 0 0 1-.5-.5v-4.5a.5.5 0 0 0-.5-.5h-.5a.5.5 0 0 0-.5.5v4.5a.5.5 0 0 1-.5.5zM4.25 7A2.25 2.25 0 0 1 6.5 4.75h11A2.25 2.25 0 0 1 19.75 7v5a2.25 2.25 0 0 1-2.25 2.25H16a.5.5 0 0 1-.5-.5v-.5a.5.5 0 0 1 .5-.5h1.5a.75.75 0 0 0 .75-.75V9a.75.75 0 0 0-.75-.75h-11a.75.75 0 0 0-.75.75v3c0 .414.336.75.75.75H8a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5H6.5A2.25 2.25 0 0 1 4.25 12V7",
   clipRule: "evenodd"

package/download-icon/assets/name_download_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const NameDownloadSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createEle
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M8.47 15.97a.75.75 0 0 1 1.06 0l1.379 1.378a.2.2 0 0 0 .341-.142V10a.75.75 0 0 1 1.5 0v7.206a.2.2 0 0 0 .341.142l1.379-1.378a.75.75 0 0 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 0-1.06M4.25 7.5A2.75 2.75 0 0 1 7 4.75h10a2.75 2.75 0 0 1 2.75 2.75v4A2.75 2.75 0 0 1 17 14.25h-1a.5.5 0 0 1-.5-.5v-.5a.5.5 0 0 1 .5-.5h1c.69 0 1.25-.56 1.25-1.25v-4c0-.69-.56-1.25-1.25-1.25H7c-.69 0-1.25.56-1.25 1.25v4c0 .69.56 1.25 1.25 1.25h1a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5H7a2.75 2.75 0 0 1-2.75-2.75z",
   clipRule: "evenodd"

package/download-icon/assets/name_download_size_small_view_filled.js

@@ -5,7 +5,7 @@ const NameDownloadSizeSmallViewFilledSvg = props => /*#__PURE__*/React.createEle
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M5.307 11.213A.75.75 0 0 1 6 10.75h1.05a.2.2 0 0 0 .2-.2v-3.8a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 .5.5v3.8c0 .11.09.2.2.2H10a.75.75 0 0 1 .53 1.28l-2 2a.75.75 0 0 1-1.06 0l-2-2a.75.75 0 0 1-.163-.817M4.25 2a2 2 0 0 0-2 2v3.75a2 2 0 0 0 2 2H5a.5.5 0 0 0 .5-.5v-.5a.5.5 0 0 0-.5-.5h-.75a.5.5 0 0 1-.5-.5V5.245a.5.5 0 0 1 .5-.495h7.5a.5.5 0 0 1 .5.5v2.5a.5.5 0 0 1-.5.5H11a.5.5 0 0 0-.5.5v.5a.5.5 0 0 0 .5.5h.75a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2z",
   clipRule: "evenodd"

package/download-icon/assets/name_download_size_small_view_lined.js

@@ -5,7 +5,7 @@ const NameDownloadSizeSmallViewLinedSvg = props => /*#__PURE__*/React.createElem
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M5.47 10.97a.75.75 0 0 1 1.06 0l.379.378a.2.2 0 0 0 .341-.142V6.5a.75.75 0 1 1 1.5 0v4.707a.2.2 0 0 0 .341.14l.379-.377a.75.75 0 0 1 1.06 1.06l-2 2a.75.75 0 0 1-.528.22h-.004a.75.75 0 0 1-.528-.22l-2-2a.75.75 0 0 1 0-1.06M2.25 4.25A2.25 2.25 0 0 1 4.5 2h7a2.25 2.25 0 0 1 2.25 2.25V7.5a2.25 2.25 0 0 1-2.25 2.25H11a.5.5 0 0 1-.5-.5v-.5a.5.5 0 0 1 .5-.5h.5a.75.75 0 0 0 .75-.75V4.25a.75.75 0 0 0-.75-.75h-7a.75.75 0 0 0-.75.75V7.5c0 .414.336.75.75.75H5a.5.5 0 0 1 .5.5v.5a.5.5 0 0 1-.5.5h-.5A2.25 2.25 0 0 1 2.25 7.5z",
   clipRule: "evenodd"

package/download-icon/download-icon.component.js

@@ -2,12 +2,24 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function DownloadIcon(props) {
-    const { boxRef, size, view, ...rest } = props;
-    const Icon = AssetMap[size][view];
-    if (Icon == null) {
-        console.error('[DownloadIcon]: 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('[DownloadIcon]: 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/download-icon/download-icon.types.js

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

package/download-icon/index.js

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

package/drag-icon/assets/index.js

@@ -3,7 +3,7 @@
 
 import DragMediumIcon from "./name_drag_size_medium.js";
 import DragSmallIcon from "./name_drag_size_small.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': DragMediumIcon,
   'small': DragSmallIcon
 };

package/drag-icon/assets/name_drag_size_medium.js

@@ -5,7 +5,7 @@ const NameDragSizeMediumSvg = props => /*#__PURE__*/React.createElement("svg", O
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M9 7.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5M15 7.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5M10.75 12a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M15 13.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5M10.75 18a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0M15 19.75a1.75 1.75 0 1 0 0-3.5 1.75 1.75 0 0 0 0 3.5"
 }));
 export default NameDragSizeMediumSvg;

package/drag-icon/assets/name_drag_size_small.js

@@ -5,7 +5,7 @@ const NameDragSizeSmallSvg = props => /*#__PURE__*/React.createElement("svg", Ob
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M5.5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m0 4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m1.5 3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M10.5 5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m0 4.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m1.5 3a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0",
   clipRule: "evenodd"

package/drag-icon/drag-icon.component.js

@@ -2,12 +2,23 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function DragIcon(props) {
-    const { boxRef, size, ...rest } = props;
-    const Icon = AssetMap[size];
-    if (Icon == null) {
-        console.error('[DragIcon]: 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,
+    ...rest
+  } = props;
+  const Icon = AssetMap[size];
+  if (Icon == null) {
+    console.error('[DragIcon]: 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/drag-icon/drag-icon.types.js

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

package/drag-icon/index.js

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

package/dropdown-icon/assets/direction_down_name_dropdown_size_small.js

@@ -5,7 +5,7 @@ const DirectionDownNameDropdownSizeSmallSvg = props => /*#__PURE__*/React.create
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M8 10.5 12 7H4z"
 }));
 export default DirectionDownNameDropdownSizeSmallSvg;

package/dropdown-icon/assets/direction_left_name_dropdown_size_small.js

@@ -5,7 +5,7 @@ const DirectionLeftNameDropdownSizeSmallSvg = props => /*#__PURE__*/React.create
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M5.5 8 9 12V4z"
 }));
 export default DirectionLeftNameDropdownSizeSmallSvg;

package/dropdown-icon/assets/direction_right_name_dropdown_size_small.js

@@ -5,7 +5,7 @@ const DirectionRightNameDropdownSizeSmallSvg = props => /*#__PURE__*/React.creat
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M10.5 8 7 4v8z"
 }));
 export default DirectionRightNameDropdownSizeSmallSvg;

package/dropdown-icon/assets/direction_up_name_dropdown_size_small.js

@@ -5,7 +5,7 @@ const DirectionUpNameDropdownSizeSmallSvg = props => /*#__PURE__*/React.createEl
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M8 5.5 4 9h8z"
 }));
 export default DirectionUpNameDropdownSizeSmallSvg;

package/dropdown-icon/assets/index.js

@@ -5,7 +5,7 @@ import DownDropdownSmallIcon from "./direction_down_name_dropdown_size_small.js"
 import LeftDropdownSmallIcon from "./direction_left_name_dropdown_size_small.js";
 import RightDropdownSmallIcon from "./direction_right_name_dropdown_size_small.js";
 import UpDropdownSmallIcon from "./direction_up_name_dropdown_size_small.js";
-export var AssetMap = {
+export const AssetMap = {
   'down': {
     'small': DownDropdownSmallIcon
   },

package/dropdown-icon/dropdown-icon.component.js

@@ -2,12 +2,24 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function DropdownIcon(props) {
-    const { boxRef, direction = 'down', size = 'small', ...rest } = props;
-    const Icon = AssetMap[direction][size];
-    if (Icon == null) {
-        console.error('[DropdownIcon]: 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,
+    direction = 'down',
+    size = 'small',
+    ...rest
+  } = props;
+  const Icon = AssetMap[direction][size];
+  if (Icon == null) {
+    console.error('[DropdownIcon]: 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/dropdown-icon/dropdown-icon.types.js

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

package/dropdown-icon/index.js

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

package/edit-icon/assets/index.js

@@ -5,7 +5,7 @@ import EditMediumFilledIcon from "./name_edit_size_medium_view_filled.js";
 import EditMediumLinedIcon from "./name_edit_size_medium_view_lined.js";
 import EditSmallFilledIcon from "./name_edit_size_small_view_filled.js";
 import EditSmallLinedIcon from "./name_edit_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': EditMediumFilledIcon,
     'lined': EditMediumLinedIcon

package/edit-icon/assets/name_edit_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const NameEditSizeMediumViewFilledSvg = props => /*#__PURE__*/React.createElemen
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M12.02 4.067a.5.5 0 0 0-.683.183L9.73 7.034a.5.5 0 0 0 .183.683l4.33 2.5a.5.5 0 0 0 .683-.183l1.607-2.784a.5.5 0 0 0-.183-.683zM9.036 8.529a.5.5 0 0 1 .379.05l4.33 2.5a.5.5 0 0 1 .183.683l-3.451 5.978H18.3a.75.75 0 1 1 0 1.5H6.4v-.004a.5.5 0 0 1-.446-.37l-.917-3.41a.5.5 0 0 1 .05-.38l3.645-6.314a.5.5 0 0 1 .304-.233"
 }));
 export default NameEditSizeMediumViewFilledSvg;

package/edit-icon/assets/name_edit_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const NameEditSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createElement
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "m12.145 3.85 4.33 2.5a.75.75 0 0 1 .275 1.025L10.5 18.2l-.032.05H17.5a.75.75 0 0 1 0 1.5h-11a.75.75 0 0 1-.749-.709 1 1 0 0 1-.038-.11l-.459-1.705v-.002l-.458-1.704a.75.75 0 0 1 .074-.57l6.25-10.825a.75.75 0 0 1 1.025-.275m2.93 3.425-1.124 1.948-3.032-1.75 1.125-1.948zm-1.874 3.247-3.032-1.75-3.844 6.659.297 1.106 1.628.94 1.106-.296z",
   clipRule: "evenodd"

package/edit-icon/assets/name_edit_size_small_view_filled.js

@@ -7,7 +7,7 @@ const NameEditSizeSmallViewFilledSvg = props => /*#__PURE__*/React.createElement
 }, props), /*#__PURE__*/React.createElement("g", {
   clipPath: "url(#prefix__a)"
 }, /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M8.02.867a.5.5 0 0 0-.683.183L6.022 3.328a.5.5 0 0 0 .183.683l3.464 2a.5.5 0 0 0 .683-.183l1.315-2.278a.5.5 0 0 0-.183-.683zM4.953 5.18a.5.5 0 0 1 .683-.183l3.464 2a.5.5 0 0 1 .183.683L6.79 12h5.461a.75.75 0 0 1 0 1.5H3.8a.75.75 0 0 1-.723-.548.5.5 0 0 1-.056-.132l-.734-2.73a.5.5 0 0 1 .05-.38z",
   clipRule: "evenodd"

package/edit-icon/assets/name_edit_size_small_view_lined.js

@@ -5,7 +5,7 @@ const NameEditSizeSmallViewLinedSvg = props => /*#__PURE__*/React.createElement(
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "m7.12.925.004-.006c.1-.17.258-.286.434-.338l.018-.005.018-.005a.75.75 0 0 1 .545.076l.006.003 3.464 2a.75.75 0 0 1 .275 1.025L7.077 12h5.173a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1-.299-.062.75.75 0 0 1-.672-.554l-.733-2.73a.75.75 0 0 1 .075-.569zm3.09 2.65-.75 1.299-2.165-1.25.75-1.3zm-1.5 2.598-2.165-1.25-2.97 5.143.458 1.706 1.707-.456z",
   clipRule: "evenodd"

package/edit-icon/edit-icon.component.js

@@ -2,12 +2,24 @@ import React from 'react';
 import { IconBox } from '../icon.styles';
 import { AssetMap } from './assets';
 export function EditIcon(props) {
-    const { boxRef, size, view, ...rest } = props;
-    const Icon = AssetMap[size][view];
-    if (Icon == null) {
-        console.error('[EditIcon]: 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('[EditIcon]: 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/edit-icon/edit-icon.types.js

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

package/edit-icon/index.js

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

package/email-icon/assets/index.js

@@ -5,7 +5,7 @@ import EmailMediumFilledIcon from "./name_email_size_medium_view_filled.js";
 import EmailMediumLinedIcon from "./name_email_size_medium_view_lined.js";
 import EmailSmallFilledIcon from "./name_email_size_small_view_filled.js";
 import EmailSmallLinedIcon from "./name_email_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': EmailMediumFilledIcon,
     'lined': EmailMediumLinedIcon

package/email-icon/assets/name_email_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const NameEmailSizeMediumViewFilledSvg = props => /*#__PURE__*/React.createEleme
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M4.5 5.5A1.5 1.5 0 0 0 3 7v10a1.5 1.5 0 0 0 1.5 1.5h15A1.5 1.5 0 0 0 21 17V7a1.5 1.5 0 0 0-1.5-1.5zm1.835 2.83a.75.75 0 0 0-.67 1.34l6 3a.75.75 0 0 0 .67 0l6-3a.75.75 0 1 0-.67-1.34L12 11.161z",
   clipRule: "evenodd"

package/email-icon/assets/name_email_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const NameEmailSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createElemen
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M5.5 5.25A2.25 2.25 0 0 0 3.25 7.5v9a2.25 2.25 0 0 0 2.25 2.25h13a2.25 2.25 0 0 0 2.25-2.25v-9a2.25 2.25 0 0 0-2.25-2.25zm13.729 2.073a.75.75 0 0 0-.729-.573h-13a.75.75 0 0 0-.729.573L12 11.39zM4.75 9.033V16.5c0 .414.336.75.75.75h13a.75.75 0 0 0 .75-.75V9.032l-6.882 3.872a.75.75 0 0 1-.736 0z",
   clipRule: "evenodd"

package/email-icon/assets/name_email_size_small_view_filled.js

@@ -5,7 +5,7 @@ const NameEmailSizeSmallViewFilledSvg = props => /*#__PURE__*/React.createElemen
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M1.586 3.586C1 4.172 1 5.114 1 7v2.5c0 1.886 0 2.828.586 3.414S3.114 13.5 5 13.5h6c1.886 0 2.828 0 3.414-.586S15 11.386 15 9.5V7c0-1.886 0-2.828-.586-3.414S12.886 3 11 3H5c-1.886 0-2.828 0-3.414.586m2.219 1.729a.75.75 0 1 0-.61 1.37l4.5 2a.75.75 0 0 0 .61 0l4.5-2a.75.75 0 0 0-.61-1.37L8 7.179z",
   clipRule: "evenodd"

package/email-icon/assets/name_email_size_small_view_lined.js

@@ -5,7 +5,7 @@ const NameEmailSizeSmallViewLinedSvg = props => /*#__PURE__*/React.createElement
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M1 7c0-1.886 0-2.828.586-3.414S3.114 3 5 3h6c1.886 0 2.828 0 3.414.586S15 5.114 15 7v2.5c0 1.886 0 2.828-.586 3.414S12.886 13.5 11 13.5H5c-1.886 0-2.828 0-3.414-.586S1 11.386 1 9.5zm4-2.5h6c.985 0 1.573.003 1.995.06a1.4 1.4 0 0 1 .354.084l.005.002.002.005.01.02c.016.04.042.12.066.275L8 7.66 2.568 4.946a1.3 1.3 0 0 1 .076-.295l.002-.005.005-.002.02-.01c.044-.018.141-.048.334-.074.422-.057 1.01-.06 1.995-.06m-2.354.146q.001 0 0 0 0 .002 0 0M2.5 6.59V9.5c0 .985.003 1.573.06 1.995a1.4 1.4 0 0 0 .084.354l.002.005.005.002.02.01c.044.018.141.048.334.074.422.057 1.01.06 1.995.06h6c.985 0 1.573-.003 1.995-.06a1.4 1.4 0 0 0 .354-.084l.005-.002.002-.005.01-.02c.018-.045.048-.141.074-.334.057-.422.06-1.01.06-1.995V6.589L8.335 9.17a.75.75 0 0 1-.67 0z",
   clipRule: "evenodd"