@pushwoosh/kit-icons 2.0.5 → 2.0.8

package/arrow-icon/arrow-icon.component.js

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

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

package/arrow-icon/assets/direction_down_name_arrow_size_medium.js

@@ -5,7 +5,7 @@ const DirectionDownNameArrowSizeMediumSvg = props => /*#__PURE__*/React.createEl
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M12.75 7a.75.75 0 0 0-1.5 0v9.19l-2.72-2.72a.75.75 0 0 0-1.06 1.06l4 4a.75.75 0 0 0 1.06 0l4-4a.75.75 0 1 0-1.06-1.06l-2.72 2.72z"
 }));
 export default DirectionDownNameArrowSizeMediumSvg;

package/arrow-icon/assets/direction_down_name_arrow_size_small.js

@@ -5,7 +5,7 @@ const DirectionDownNameArrowSizeSmallSvg = props => /*#__PURE__*/React.createEle
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M8.75 4a.75.75 0 0 0-1.5 0v5.19L5.53 7.47a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0l3-3a.75.75 0 0 0-1.06-1.06L8.75 9.19z"
 }));
 export default DirectionDownNameArrowSizeSmallSvg;

package/arrow-icon/assets/direction_left_name_arrow_size_medium.js

@@ -5,7 +5,7 @@ const DirectionLeftNameArrowSizeMediumSvg = props => /*#__PURE__*/React.createEl
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M11.53 15.47a.75.75 0 1 1-1.06 1.06l-4-4a.75.75 0 0 1 0-1.06l4-4a.75.75 0 1 1 1.06 1.06l-2.72 2.72H18a.75.75 0 0 1 0 1.5H8.81z"
 }));
 export default DirectionLeftNameArrowSizeMediumSvg;

package/arrow-icon/assets/direction_left_name_arrow_size_small.js

@@ -5,7 +5,7 @@ const DirectionLeftNameArrowSizeSmallSvg = props => /*#__PURE__*/React.createEle
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M7.53 5.53a.75.75 0 0 0-1.06-1.06l-3 3a.75.75 0 0 0 0 1.06l3 3a.75.75 0 0 0 1.06-1.06L5.81 8.75H13a.75.75 0 0 0 0-1.5H5.81z"
 }));
 export default DirectionLeftNameArrowSizeSmallSvg;

package/arrow-icon/assets/direction_right_name_arrow_size_medium.js

@@ -5,7 +5,7 @@ const DirectionRightNameArrowSizeMediumSvg = props => /*#__PURE__*/React.createE
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M12.47 15.47a.75.75 0 1 0 1.06 1.06l4-4a.75.75 0 0 0 0-1.06l-4-4a.75.75 0 1 0-1.06 1.06l2.72 2.72H6a.75.75 0 0 0 0 1.5h9.19z"
 }));
 export default DirectionRightNameArrowSizeMediumSvg;

package/arrow-icon/assets/direction_right_name_arrow_size_small.js

@@ -5,7 +5,7 @@ const DirectionRightNameArrowSizeSmallSvg = props => /*#__PURE__*/React.createEl
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M9.47 5.53a.75.75 0 0 1 1.06-1.06l3 3a.75.75 0 0 1 0 1.06l-3 3a.75.75 0 1 1-1.06-1.06l1.72-1.72H4a.75.75 0 0 1 0-1.5h7.19z"
 }));
 export default DirectionRightNameArrowSizeSmallSvg;

package/arrow-icon/assets/direction_up_name_arrow_size_medium.js

@@ -5,7 +5,7 @@ const DirectionUpNameArrowSizeMediumSvg = props => /*#__PURE__*/React.createElem
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M8.53 10.53a.75.75 0 1 1-1.06-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 1 1-1.06 1.06l-2.72-2.72V17a.75.75 0 0 1-1.5 0V7.81z"
 }));
 export default DirectionUpNameArrowSizeMediumSvg;

package/arrow-icon/assets/direction_up_name_arrow_size_small.js

@@ -5,7 +5,7 @@ const DirectionUpNameArrowSizeSmallSvg = props => /*#__PURE__*/React.createEleme
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M5.53 7.53a.75.75 0 0 1-1.06-1.06l3-3a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1-1.06 1.06L8.75 5.81V11a.75.75 0 0 1-1.5 0V5.81z"
 }));
 export default DirectionUpNameArrowSizeSmallSvg;

package/arrow-icon/assets/index.js

@@ -9,7 +9,7 @@ import RightArrowMediumIcon from "./direction_right_name_arrow_size_medium.js";
 import RightArrowSmallIcon from "./direction_right_name_arrow_size_small.js";
 import UpArrowMediumIcon from "./direction_up_name_arrow_size_medium.js";
 import UpArrowSmallIcon from "./direction_up_name_arrow_size_small.js";
-export var AssetMap = {
+export const AssetMap = {
   'down': {
     'medium': DownArrowMediumIcon,
     'small': DownArrowSmallIcon

package/arrow-icon/index.js

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

package/arrow-round-icon/arrow-round-icon.component.js

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

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

package/arrow-round-icon/assets/direction_down_name_arrow_round_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const DirectionDownNameArrowRoundSizeMediumViewFilledSvg = props => /*#__PURE__*
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0M8.293 13.707l3 3a1 1 0 0 0 1.414 0l3-3a1 1 0 0 0-1.414-1.414L13 13.586V8a1 1 0 1 0-2 0v5.586l-1.293-1.293a1 1 0 0 0-1.414 1.414",
   clipRule: "evenodd"

package/arrow-round-icon/assets/direction_down_name_arrow_round_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const DirectionDownNameArrowRoundSizeMediumViewLinedSvg = props => /*#__PURE__*/
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M12 4.5a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15m9 7.5a9 9 0 1 0-18 0 9 9 0 0 0 18 0m-8.47 4.53 3-3a.75.75 0 1 0-1.06-1.06l-1.72 1.72V8a.75.75 0 0 0-1.5 0v6.19l-1.72-1.72a.75.75 0 0 0-1.06 1.06l3 3a.75.75 0 0 0 1.06 0",
   clipRule: "evenodd"

package/arrow-round-icon/assets/direction_down_name_arrow_round_size_small_view_filled.js

@@ -5,7 +5,7 @@ const DirectionDownNameArrowRoundSizeSmallViewFilledSvg = props => /*#__PURE__*/
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M15 8A7 7 0 1 0 1 8a7 7 0 0 0 14 0m-10.53.47a.75.75 0 0 1 1.06 0l1.72 1.72V4a.75.75 0 0 1 1.5 0v6.19l1.72-1.72a.75.75 0 1 1 1.06 1.06l-3 3a.75.75 0 0 1-1.06 0l-3-3a.75.75 0 0 1 0-1.06",
   clipRule: "evenodd"

package/arrow-round-icon/assets/direction_down_name_arrow_round_size_small_view_lined.js

@@ -5,10 +5,10 @@ const DirectionDownNameArrowRoundSizeSmallViewLinedSvg = props => /*#__PURE__*/R
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M7.465 10.859 5.136 8.53a.75.75 0 1 1 1.061-1.06L7.25 8.523V5.667a.75.75 0 1 1 1.5 0v2.856L9.803 7.47a.75.75 0 1 1 1.06 1.06L8.53 10.864a.75.75 0 0 1-.523.22H8a.75.75 0 0 1-.535-.225"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M14.583 8A6.583 6.583 0 1 1 1.417 8a6.583 6.583 0 0 1 13.166 0M8 13.083A5.083 5.083 0 1 0 8 2.917a5.083 5.083 0 0 0 0 10.166",
   clipRule: "evenodd"

package/arrow-round-icon/assets/direction_left_name_arrow_round_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const DirectionLeftNameArrowRoundSizeMediumViewFilledSvg = props => /*#__PURE__*
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18m-1.707 12.707-3-3a1 1 0 0 1 0-1.414l3-3a1 1 0 1 1 1.414 1.414L10.414 11H16a1 1 0 1 1 0 2h-5.586l1.293 1.293a1 1 0 0 1-1.414 1.414",
   clipRule: "evenodd"

package/arrow-round-icon/assets/direction_left_name_arrow_round_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const DirectionLeftNameArrowRoundSizeMediumViewLinedSvg = props => /*#__PURE__*/
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M19.5 12a7.5 7.5 0 1 0-15 0 7.5 7.5 0 0 0 15 0M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18m-4.53 8.47 3-3a.75.75 0 1 1 1.06 1.06l-1.72 1.72H16a.75.75 0 0 1 0 1.5H9.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.747.747 0 0 1 0-1.06",
   clipRule: "evenodd"

package/arrow-round-icon/assets/direction_left_name_arrow_round_size_small_view_filled.js

@@ -5,7 +5,7 @@ const DirectionLeftNameArrowRoundSizeSmallViewFilledSvg = props => /*#__PURE__*/
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14M7.53 4.47a.75.75 0 0 1 0 1.06L5.81 7.25H12a.75.75 0 0 1 0 1.5H5.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 0 1 1.06 0",
   clipRule: "evenodd"

package/arrow-round-icon/assets/direction_left_name_arrow_round_size_small_view_lined.js

@@ -5,10 +5,10 @@ const DirectionLeftNameArrowRoundSizeSmallViewLinedSvg = props => /*#__PURE__*/R
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M5.141 7.465 7.47 5.136a.75.75 0 1 1 1.06 1.061L7.477 7.25h2.856a.75.75 0 0 1 0 1.5H7.477L8.53 9.803a.75.75 0 0 1-1.06 1.06L5.136 8.53a.747.747 0 0 1 .005-1.065"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M8 14.583A6.583 6.583 0 1 1 8 1.417a6.583 6.583 0 0 1 0 13.166M2.917 8a5.083 5.083 0 1 0 10.166 0A5.083 5.083 0 0 0 2.917 8",
   clipRule: "evenodd"

package/arrow-round-icon/assets/direction_right_name_arrow_round_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const DirectionRightNameArrowRoundSizeMediumViewFilledSvg = props => /*#__PURE__
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18m1.707-12.707 3 3a1 1 0 0 1 0 1.414l-3 3a1 1 0 1 1-1.414-1.414L13.586 13H8a1 1 0 1 1 0-2h5.586l-1.293-1.293a1 1 0 0 1 1.414-1.414",
   clipRule: "evenodd"

package/arrow-round-icon/assets/direction_right_name_arrow_round_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const DirectionRightNameArrowRoundSizeMediumViewLinedSvg = props => /*#__PURE__*
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M4.5 12a7.5 7.5 0 1 1 15 0 7.5 7.5 0 0 1-15 0M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18m4.53 8.47-3-3a.75.75 0 1 0-1.06 1.06l1.72 1.72H8a.75.75 0 0 0 0 1.5h6.19l-1.72 1.72a.75.75 0 1 0 1.06 1.06l3-3a.75.75 0 0 0 0-1.06",
   clipRule: "evenodd"

package/arrow-round-icon/assets/direction_right_name_arrow_round_size_small_view_filled.js

@@ -5,7 +5,7 @@ const DirectionRightNameArrowRoundSizeSmallViewFilledSvg = props => /*#__PURE__*
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m.47-10.53a.75.75 0 0 0 0 1.06l1.72 1.72H4a.75.75 0 0 0 0 1.5h6.19l-1.72 1.72a.75.75 0 1 0 1.06 1.06l3-3a.75.75 0 0 0 0-1.06l-3-3a.75.75 0 0 0-1.06 0",
   clipRule: "evenodd"

package/arrow-round-icon/assets/direction_right_name_arrow_round_size_small_view_lined.js

@@ -5,10 +5,10 @@ const DirectionRightNameArrowRoundSizeSmallViewLinedSvg = props => /*#__PURE__*/
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M10.859 8.535 8.53 10.864a.75.75 0 1 1-1.06-1.061L8.523 8.75H5.667a.75.75 0 0 1 0-1.5h2.856L7.47 6.197a.75.75 0 1 1 1.06-1.06l2.334 2.333a.75.75 0 0 1 .22.523V8a.75.75 0 0 1-.225.535"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M8 1.417a6.583 6.583 0 1 1 0 13.166A6.583 6.583 0 0 1 8 1.417M13.083 8A5.083 5.083 0 1 0 2.917 8a5.083 5.083 0 0 0 10.166 0",
   clipRule: "evenodd"

package/arrow-round-icon/assets/direction_up_name_arrow_round_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const DirectionUpNameArrowRoundSizeMediumViewFilledSvg = props => /*#__PURE__*/R
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M21 12a9 9 0 1 0-18 0 9 9 0 0 0 18 0M8.293 10.293l3-3a1 1 0 0 1 1.414 0l3 3a1 1 0 0 1-1.414 1.414L13 10.414V16a1 1 0 1 1-2 0v-5.586l-1.293 1.293a1 1 0 0 1-1.414-1.414",
   clipRule: "evenodd"

package/arrow-round-icon/assets/direction_up_name_arrow_round_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const DirectionUpNameArrowRoundSizeMediumViewLinedSvg = props => /*#__PURE__*/Re
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M12 19.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15m9-7.5a9 9 0 1 1-18 0 9 9 0 0 1 18 0m-8.47-4.53 3 3a.75.75 0 1 1-1.06 1.06l-1.72-1.72V16a.75.75 0 0 1-1.5 0V9.81l-1.72 1.72a.75.75 0 0 1-1.06-1.06l3-3a.75.75 0 0 1 1.06 0",
   clipRule: "evenodd"

package/arrow-round-icon/assets/direction_up_name_arrow_round_size_small_view_filled.js

@@ -5,7 +5,7 @@ const DirectionUpNameArrowRoundSizeSmallViewFilledSvg = props => /*#__PURE__*/Re
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M1 8a7 7 0 1 0 14 0A7 7 0 0 0 1 8m10.53-.47a.75.75 0 0 1-1.06 0L8.75 5.81V12a.75.75 0 0 1-1.5 0V5.81L5.53 7.53a.75.75 0 0 1-1.06-1.06l3-3a.75.75 0 0 1 1.06 0l3 3a.75.75 0 0 1 0 1.06",
   clipRule: "evenodd"

package/arrow-round-icon/assets/direction_up_name_arrow_round_size_small_view_lined.js

@@ -5,10 +5,10 @@ const DirectionUpNameArrowRoundSizeSmallViewLinedSvg = props => /*#__PURE__*/Rea
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "m8.535 5.141 2.329 2.329a.75.75 0 1 1-1.061 1.06L8.75 7.477v2.856a.75.75 0 0 1-1.5 0V7.477L6.197 8.53a.75.75 0 0 1-1.06-1.06L7.47 5.136a.747.747 0 0 1 1.065.005"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M1.417 8a6.583 6.583 0 1 1 13.166 0A6.583 6.583 0 0 1 1.417 8M8 2.917a5.083 5.083 0 1 0 0 10.166A5.083 5.083 0 0 0 8 2.917",
   clipRule: "evenodd"

package/arrow-round-icon/assets/index.js

@@ -17,7 +17,7 @@ import UpArrowRoundMediumFilledIcon from "./direction_up_name_arrow_round_size_m
 import UpArrowRoundMediumLinedIcon from "./direction_up_name_arrow_round_size_medium_view_lined.js";
 import UpArrowRoundSmallFilledIcon from "./direction_up_name_arrow_round_size_small_view_filled.js";
 import UpArrowRoundSmallLinedIcon from "./direction_up_name_arrow_round_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'down': {
     'medium': {
       'filled': DownArrowRoundMediumFilledIcon,

package/arrow-round-icon/index.js

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

package/attachment-icon/assets/index.js

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

package/attachment-icon/assets/name_attachment_size_medium_view_lined.js

@@ -5,10 +5,10 @@ const NameAttachmentSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createE
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M17.625 5.529a3.47 3.47 0 0 0-4.91 0l-.55.55 1.06 1.06.55-.55a1.972 1.972 0 1 1 2.79 2.79l-6.05 6.05a.806.806 0 1 1-1.14-1.14l4.97-4.97a.75.75 0 0 0-1.06-1.06l-4.97 4.97a2.306 2.306 0 1 0 3.26 3.26l6.05-6.05a3.47 3.47 0 0 0 0-4.91"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "m13.226 7.14-6.317 6.316a3.15 3.15 0 0 0 4.454 4.455l5.787-5.787a.75.75 0 0 1 1.06 1.061l-5.786 5.787a4.65 4.65 0 0 1-6.576-6.576l6.317-6.317z"
 }));
 export default NameAttachmentSizeMediumViewLinedSvg;

package/attachment-icon/attachment-icon.component.js

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

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

package/attachment-icon/index.js

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

package/backup-icon/assets/index.js

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

package/backup-icon/assets/name_backup_size_medium_view_lined.js

@@ -5,10 +5,10 @@ const NameBackupSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createEleme
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M12 10.61V9.5a2.5 2.5 0 1 1-2.468 2.898C9.497 12.18 9.32 12 9.1 12h-.7c-.22 0-.402.18-.38.4A4 4 0 1 0 12 8V6.89a.3.3 0 0 0-.492-.23L9.277 8.52a.3.3 0 0 0 0 .46l2.23 1.86a.3.3 0 0 0 .493-.23"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M11.645 3.05c.232-.067.478-.067.71 0l6.726 1.917c.533.152.908.624.915 1.175.026 2-.04 6.764-1.162 9.31-1.13 2.563-4.896 4.694-6.3 5.418a1.16 1.16 0 0 1-1.068 0c-1.404-.724-5.17-2.855-6.3-5.419-1.121-2.545-1.188-7.309-1.162-9.309a1.24 1.24 0 0 1 .915-1.175zM5.502 6.36 12 4.509l6.498 1.853c.009.988-.01 2.521-.147 4.1-.151 1.733-.434 3.352-.89 4.385-.404.919-1.37 1.901-2.574 2.805-1.08.81-2.2 1.445-2.887 1.806a22 22 0 0 1-2.887-1.806c-1.205-.904-2.17-1.886-2.574-2.805-.456-1.033-.739-2.652-.89-4.384a44 44 0 0 1-.147-4.101",
   clipRule: "evenodd"

package/backup-icon/backup-icon.component.js

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

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

package/backup-icon/index.js

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

package/billing-icon/assets/index.js

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

package/billing-icon/assets/name_billing_size_small_view_lined.js

@@ -5,7 +5,7 @@ const NameBillingSizeSmallViewLinedSvg = props => /*#__PURE__*/React.createEleme
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M3.5 3.25A1.75 1.75 0 0 0 1.75 5v6c0 .966.784 1.75 1.75 1.75h9A1.75 1.75 0 0 0 14.25 11V5a1.75 1.75 0 0 0-1.75-1.75zM3.25 5a.25.25 0 0 1 .25-.25h9a.25.25 0 0 1 .25.25v1h-9.5zm0 3v3c0 .138.112.25.25.25h9a.25.25 0 0 0 .25-.25V8z",
   clipRule: "evenodd"

package/billing-icon/billing-icon.component.js

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

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

package/billing-icon/index.js

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

package/bookmark-icon/assets/index.js

@@ -5,7 +5,7 @@ import BookmarkMediumFilledIcon from "./name_bookmark_size_medium_view_filled.js
 import BookmarkMediumLinedIcon from "./name_bookmark_size_medium_view_lined.js";
 import BookmarkSmallFilledIcon from "./name_bookmark_size_small_view_filled.js";
 import BookmarkSmallLinedIcon from "./name_bookmark_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': BookmarkMediumFilledIcon,
     'lined': BookmarkMediumLinedIcon

package/bookmark-icon/assets/name_bookmark_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const NameBookmarkSizeMediumViewFilledSvg = props => /*#__PURE__*/React.createEl
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M7 6a1 1 0 0 1 1-1h8a1 1 0 0 1 1 1v11.656a.7.7 0 0 1-1.101.573L12 15.5l-3.899 2.729A.7.7 0 0 1 7 17.656z"
 }));
 export default NameBookmarkSizeMediumViewFilledSvg;

package/bookmark-icon/assets/name_bookmark_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const NameBookmarkSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createEle
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "m12 14.25.772.464L15.5 16.35V6.5h-7v9.85l2.728-1.636zM12 16l3.486 2.091A1 1 0 0 0 17 17.234V6a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v11.234a1 1 0 0 0 1.515.857z",
   clipRule: "evenodd"

package/bookmark-icon/assets/name_bookmark_size_small_view_filled.js

@@ -5,7 +5,7 @@ const NameBookmarkSizeSmallViewFilledSvg = props => /*#__PURE__*/React.createEle
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M4 4a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v7.737a.7.7 0 0 1-1.071.594L8 10.5l-2.929 1.83A.7.7 0 0 1 4 11.738z"
 }));
 export default NameBookmarkSizeSmallViewFilledSvg;