@pushwoosh/kit-icons 2.0.5 → 2.0.8

package/pause-round-icon/index.js

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

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

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

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

package/photo-icon/assets/index.js

@@ -3,7 +3,7 @@
 
 import PhotoMediumFilledIcon from "./name_photo_size_medium_view_filled.js";
 import PhotoMediumLinedIcon from "./name_photo_size_medium_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': PhotoMediumFilledIcon,
     'lined': PhotoMediumLinedIcon

package/photo-icon/assets/name_photo_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const NamePhotoSizeMediumViewFilledSvg = props => /*#__PURE__*/React.createEleme
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M10.295 4.75a1.75 1.75 0 0 0-1.52.882l-.066.115a1.01 1.01 0 0 1-.867.506q-.606.004-1.073.04c-.547.045-1.027.14-1.471.366a3.75 3.75 0 0 0-1.64 1.639c-.226.444-.32.924-.365 1.47-.043.531-.043 1.187-.043 2v2.464c0 .813 0 1.469.043 2 .045.546.14 1.026.366 1.47a3.75 3.75 0 0 0 1.639 1.64c.444.226.924.32 1.47.365.531.043 1.187.043 2 .043h6.464c.813 0 1.469 0 2-.043.546-.045 1.026-.14 1.47-.366a3.75 3.75 0 0 0 1.64-1.639c.226-.444.32-.924.365-1.47.043-.531.043-1.187.043-2v-2.464c0-.813 0-1.469-.043-2-.045-.546-.14-1.026-.366-1.47a3.75 3.75 0 0 0-1.639-1.64c-.444-.226-.924-.32-1.47-.365a16 16 0 0 0-1.074-.04 1.01 1.01 0 0 1-.867-.506l-.066-.115a1.75 1.75 0 0 0-1.52-.882zM12 10.25a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5M7.75 13a4.25 4.25 0 1 1 8.5 0 4.25 4.25 0 0 1-8.5 0m10-2.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5",
   clipRule: "evenodd"

package/photo-icon/assets/name_photo_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const NamePhotoSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createElemen
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M10.295 6.25a.25.25 0 0 0-.217.126l-.57.996a.75.75 0 0 1-.65.378H8.8c-.852 0-1.447 0-1.91.038-.453.038-.714.107-.911.207a2.25 2.25 0 0 0-.984.984c-.1.197-.17.458-.207.912-.037.462-.038 1.057-.038 1.91v2.4c0 .851 0 1.446.038 1.908.038.454.107.715.207.912.216.424.56.768.984.984.197.1.458.17.912.207.462.038 1.057.038 1.91.038H15.2c.852 0 1.447 0 1.91-.038.453-.037.714-.107.912-.207a2.25 2.25 0 0 0 .983-.983c.1-.198.17-.459.207-.913.038-.462.038-1.057.038-1.909v-2.4c0-.852 0-1.447-.038-1.91-.037-.453-.107-.714-.207-.911a2.25 2.25 0 0 0-.983-.984c-.198-.1-.459-.17-.913-.207-.462-.037-1.057-.038-1.909-.038h-.057a.75.75 0 0 1-.651-.378l-.57-.996a.25.25 0 0 0-.217-.126zm-1.52-.618a1.75 1.75 0 0 1 1.52-.882h3.41a1.75 1.75 0 0 1 1.52.882l.21.367a.5.5 0 0 0 .433.252c.528.002.979.011 1.364.042.546.045 1.026.14 1.47.366a3.75 3.75 0 0 1 1.64 1.639c.226.444.32.924.365 1.47.043.531.043 1.187.043 2v2.464c0 .813 0 1.469-.043 2-.045.546-.14 1.026-.366 1.47a3.75 3.75 0 0 1-1.639 1.64c-.444.226-.924.32-1.47.365-.531.043-1.187.043-2 .043H8.768c-.813 0-1.469 0-2-.043-.546-.045-1.026-.14-1.47-.366a3.75 3.75 0 0 1-1.64-1.639c-.226-.444-.32-.924-.365-1.47-.043-.531-.043-1.187-.043-2v-2.464c0-.813 0-1.469.043-2 .045-.546.14-1.026.366-1.47a3.75 3.75 0 0 1 1.639-1.64c.444-.226.924-.32 1.47-.365.385-.031.836-.04 1.364-.042.18 0 .345-.097.434-.252zM12 10.25a2.75 2.75 0 1 0 0 5.5 2.75 2.75 0 0 0 0-5.5M7.75 13a4.25 4.25 0 1 1 8.5 0 4.25 4.25 0 0 1-8.5 0m9.5-2.5a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5",
   clipRule: "evenodd"

package/photo-icon/index.js

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

package/photo-icon/photo-icon.component.js

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

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

package/place-icon/assets/index.js

@@ -4,7 +4,7 @@
 import PlaceMediumLinedIcon from "./name_place_size_medium_view_lined.js";
 import PlaceSmallFilledIcon from "./name_place_size_small_view_filled.js";
 import PlaceSmallLinedIcon from "./name_place_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': null,
     'lined': PlaceMediumLinedIcon

package/place-icon/assets/name_place_size_medium_view_lined.js

@@ -5,15 +5,15 @@ const NamePlaceSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createElemen
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M11.584 21.735 12 21.11l.416.624a.75.75 0 0 1-.832 0"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M12 7.917a3.083 3.083 0 1 0 0 6.166 3.083 3.083 0 0 0 0-6.166M10.417 11a1.583 1.583 0 1 1 3.166 0 1.583 1.583 0 0 1-3.166 0",
   clipRule: "evenodd"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M11.584 21.735 12 21.11l.417.624.002-.002.005-.003.018-.012a9 9 0 0 0 .298-.21 24.416 24.416 0 0 0 3.305-2.895c1.78-1.879 3.705-4.59 3.705-7.613a7.75 7.75 0 1 0-15.5 0c0 3.024 1.926 5.734 3.706 7.613a24.4 24.4 0 0 0 3.538 3.06l.065.045.017.012.005.003zM7.58 6.58A6.25 6.25 0 0 1 18.25 11c0 2.42-1.574 4.766-3.294 6.581A23 23 0 0 1 12 20.191a22.92 22.92 0 0 1-2.956-2.61C7.324 15.766 5.75 13.421 5.75 11a6.25 6.25 0 0 1 1.83-4.42",
   clipRule: "evenodd"

package/place-icon/assets/name_place_size_small_view_filled.js

@@ -5,7 +5,7 @@ const NamePlaceSizeSmallViewFilledSvg = props => /*#__PURE__*/React.createElemen
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M8 14.944S13.5 11.278 13.5 7a5.5 5.5 0 0 0-11 0c0 4.278 5.5 7.944 5.5 7.944M10.5 7a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0",
   clipRule: "evenodd"

package/place-icon/assets/name_place_size_small_view_lined.js

@@ -5,12 +5,12 @@ const NamePlaceSizeSmallViewLinedSvg = props => /*#__PURE__*/React.createElement
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M8 4.75a2.25 2.25 0 1 0 0 4.5 2.25 2.25 0 0 0 0-4.5M7.25 7a.75.75 0 1 1 1.5 0 .75.75 0 0 1-1.5 0",
   clipRule: "evenodd"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M7.584 14.124 8 13.5za.75.75 0 0 0 .832 0L8 13.5l.416.624.002-.001.004-.003.012-.008.044-.03q.055-.038.154-.11a15.965 15.965 0 0 0 2.162-1.894C11.95 10.86 13.25 9.051 13.25 7a5.25 5.25 0 1 0-10.5 0c0 2.051 1.3 3.86 2.456 5.078a16 16 0 0 0 2.316 2.004l.044.03.012.008.004.003zM5.348 4.348A3.75 3.75 0 0 1 11.75 7c0 1.449-.95 2.89-2.044 4.047A14.5 14.5 0 0 1 8 12.574l-.236-.184a14.5 14.5 0 0 1-1.47-1.343C5.2 9.89 4.25 8.449 4.25 7a3.75 3.75 0 0 1 1.098-2.652",
   clipRule: "evenodd"

package/place-icon/index.js

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

package/place-icon/place-icon.component.js

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

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

package/platform-logo-icon/assets/amazon_filled.js

@@ -5,15 +5,15 @@ const AmazonFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M15.535 16.875a.51.51 0 0 0 .58-.059l.007.007c.49-.435 1.38-1.211 1.881-1.629.2-.165.166-.431.007-.652q-.073-.1-.145-.197c-.4-.54-.78-1.052-.78-2.078V8.443q0-.195.002-.39c.008-1.466.015-2.806-1.082-3.831C15.062 3.318 13.502 3 12.308 3c-2.333 0-4.939.87-5.488 3.755-.055.307.166.47.366.515l2.382.255c.22-.01.383-.228.424-.449.204-.994 1.04-1.474 1.974-1.474.504 0 1.077.187 1.378.639.306.452.302 1.055.297 1.595v.5q-.346.038-.72.076c-1.29.132-2.778.285-3.895.777-1.536.662-2.617 2.019-2.617 4.01 0 2.55 1.609 3.824 3.673 3.824 1.746 0 2.699-.41 4.045-1.784q.105.152.194.284c.317.47.529.783 1.214 1.352m-1.894-5.91v-.662c-1.775 0-3.649.38-3.649 2.472 0 1.06.549 1.777 1.491 1.777.69 0 1.308-.424 1.698-1.115.462-.81.46-1.573.46-2.472m2.474 5.851",
   clipRule: "evenodd"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M3.504 17.115c3.048 1.858 7.766 4.734 15.284 1.156.325-.135.551.09.23.5-.323.413-2.903 2.78-7.24 2.78-4.335 0-7.656-2.962-8.67-4.19-.277-.32.043-.463.231-.347z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M19.031 16.846c.658-.08 1.702-.03 1.908.237.156.204-.006 1.12-.27 1.777-.267.654-.664 1.115-.884 1.293-.222.179-.386.11-.267-.158.122-.268.794-1.928.528-2.276-.247-.323-1.365-.206-1.884-.152l-.105.011q-.164.016-.27.028c-.223.025-.283.031-.317-.037-.085-.242.903-.644 1.561-.723"
 }));
 export default AmazonFilledSvg;

package/platform-logo-icon/assets/android_filled.js

@@ -5,12 +5,12 @@ const AndroidFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "m14.908 3.662.975-.974a.4.4 0 0 0-.556-.576l-1.146 1.146a5.48 5.48 0 0 0-4.362 0L8.683 2.121a.4.4 0 0 0-.566.566l.975.975A4.22 4.22 0 0 0 7.2 7.204a.4.4 0 0 0 .4.4h8.8a.4.4 0 0 0 .4-.4 4.22 4.22 0 0 0-1.892-3.542M10 6.004a.4.4 0 1 0 0-.8.4.4 0 0 0 0 .8m4 0a.4.4 0 1 0 0-.8.4.4 0 0 0 0 .8",
   clipRule: "evenodd"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M5.2 8.404a1.2 1.2 0 0 0-1.2 1.2v5.6a1.2 1.2 0 1 0 2.4 0v-5.6a1.2 1.2 0 0 0-1.2-1.2m13.6 0a1.2 1.2 0 0 0-1.2 1.2v5.6a1.2 1.2 0 1 0 2.4 0v-5.6a1.2 1.2 0 0 0-1.2-1.2m-11.2 0h8.8c.22 0 .4.18.4.4v6.4a2 2 0 0 1-1.6 1.96v2.84a1.2 1.2 0 1 1-2.4 0v-2.8h-1.6v2.8a1.2 1.2 0 1 1-2.4 0v-2.84a2 2 0 0 1-1.6-1.96v-6.4a.4.4 0 0 1 .4-.4"
 }));
 export default AndroidFilledSvg;

package/platform-logo-icon/assets/android_lined.js

@@ -5,7 +5,7 @@ const AndroidLinedSvg = props => /*#__PURE__*/React.createElement("svg", Object.
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M15.783 3.783a.4.4 0 1 0-.566-.566l-1 1-.013.014A5 5 0 0 0 12 3.75c-.825 0-1.566.173-2.204.481l-.013-.014-1-1a.4.4 0 1 0-.566.566l.874.874c-1.043.771-1.692 1.97-1.818 3.344-.026.275.2.499.477.499h8.5a.466.466 0 0 0 .477-.5c-.127-1.373-.775-2.572-1.818-3.343zM7.75 9.25h8.5a.5.5 0 0 1 .5.5v6.5a2 2 0 0 1-1.441 1.92.08.08 0 0 0-.059.08V21a1.25 1.25 0 1 1-2.5 0v-2.25a.5.5 0 0 0-.5-.5h-.5a.5.5 0 0 0-.5.5V21a1.25 1.25 0 1 1-2.5 0v-2.75a.08.08 0 0 0-.059-.08 2 2 0 0 1-1.441-1.92v-6.5a.5.5 0 0 1 .5-.5m7.5 1.75a.25.25 0 0 1-.25.25H9a.25.25 0 1 1 0-.5h6a.25.25 0 0 1 .25.25m-6.5 2.25a.5.5 0 0 1 .5-.5h5.5a.5.5 0 0 1 .5.5v3a.5.5 0 0 1-.5.5h-5.5a.5.5 0 0 1-.5-.5zm10-3.75c.69 0 1.25.56 1.25 1.25V16a1.25 1.25 0 1 1-2.5 0v-5.25c0-.69.56-1.25 1.25-1.25M6.5 10.75a1.25 1.25 0 0 0-2.5 0V16a1.25 1.25 0 1 0 2.5 0zM9.875 7a.375.375 0 1 0 0-.75.375.375 0 0 0 0 .75m4.625-.375a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0"
 }));

package/platform-logo-icon/assets/apple_filled.js

@@ -5,7 +5,7 @@ const AppleFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.a
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M12.828 2.708C14.118 1.008 15.91 1 15.91 1s.267 1.598-1.014 3.137c-1.368 1.644-2.923 1.375-2.923 1.375s-.292-1.293.855-2.804m-.69 3.923c.663 0 1.894-.912 3.496-.912 2.76 0 3.844 1.963 3.844 1.963s-2.122 1.086-2.122 3.719c0 2.97 2.644 3.994 2.644 3.994s-1.848 5.203-4.345 5.203c-1.147 0-2.038-.773-3.246-.773-1.232 0-2.453.801-3.25.801C6.88 20.626 4 15.691 4 11.724c0-3.902 2.438-5.95 4.724-5.95 1.487 0 2.64.857 3.413.857Z"
 }));
 export default AppleFilledSvg;

package/platform-logo-icon/assets/baidu_filled.js

@@ -5,7 +5,7 @@ const BaiduFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.a
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M6.422 12.185c1.895-.408 1.637-2.672 1.58-3.168-.092-.763-.99-2.097-2.21-1.991-1.533.137-1.757 2.352-1.757 2.352-.207 1.025.496 3.213 2.387 2.807m2.012 3.938c-.055.16-.18.567-.071.922.21.795.902.83.902.83h.992V15.45H9.195c-.478.143-.709.514-.76.673ZM9.94 8.386c1.047 0 1.893-1.204 1.893-2.694C11.832 4.204 10.986 3 9.939 3 8.894 3 8.046 4.204 8.046 5.692c0 1.49.848 2.694 1.893 2.694Zm4.508.178c1.399.182 2.299-1.311 2.477-2.443.182-1.13-.72-2.443-1.71-2.668-.993-.227-2.232 1.362-2.345 2.399-.134 1.267.181 2.532 1.578 2.712m3.428 6.652s-2.165-1.675-3.428-3.485c-1.712-2.668-4.146-1.582-4.96-.226-.81 1.357-2.073 2.216-2.252 2.443-.181.224-2.614 1.537-2.075 3.936.54 2.397 2.437 2.352 2.437 2.352s1.398.137 3.02-.226c1.622-.36 3.018.09 3.018.09s3.789 1.27 4.826-1.174-.586-3.71-.586-3.71m-6.483 3.635H8.93c-1.064-.211-1.488-.938-1.542-1.062-.052-.126-.354-.71-.194-1.702.46-1.487 1.771-1.594 1.771-1.594h1.311V12.88l1.117.017zm4.588-.017h-2.835c-1.099-.283-1.15-1.063-1.15-1.063v-3.136l1.15-.018v2.818c.07.3.443.354.443.354h1.168v-3.154h1.223v4.2Zm4.013-8.37c0-.541-.45-2.17-2.118-2.17-1.67 0-1.894 1.538-1.894 2.625 0 1.038.088 2.487 2.164 2.44 2.075-.045 1.848-2.35 1.848-2.895"
 }));
 export default BaiduFilledSvg;

package/platform-logo-icon/assets/chrome_filled.js

@@ -5,16 +5,16 @@ const ChromeFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M12 7.957a4.05 4.05 0 0 0-3.95 3.179L5.167 6.142A8.94 8.94 0 0 1 12 3a8.94 8.94 0 0 1 6.364 2.636 9 9 0 0 1 1.682 2.321z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M14.988 12a2.988 2.988 0 1 1-5.976 0 2.988 2.988 0 0 1 5.976 0"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M13.226 15.852a4.046 4.046 0 0 1-4.753-1.875L4.477 7.055A8.94 8.94 0 0 0 3 12a8.94 8.94 0 0 0 2.636 6.364 8.94 8.94 0 0 0 4.706 2.484z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M16.043 12a4.03 4.03 0 0 0-1.323-2.988h5.774A9 9 0 0 1 21 12a8.94 8.94 0 0 1-2.636 6.364 8.94 8.94 0 0 1-6.883 2.62l3.997-6.923.007-.013.004-.007A4 4 0 0 0 16.043 12"
 }));
 export default ChromeFilledSvg;

package/platform-logo-icon/assets/edge_filled.js

@@ -5,13 +5,13 @@ const EdgeFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.as
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M3.015 12.752a9.2 9.2 0 0 0 .82 3.078 9.02 9.02 0 0 0 8.609 5.184A6.8 6.8 0 0 1 9.2 19.152c-.69-.71-1.223-1.815-1.439-3.044-.217-1.235-.121-2.631.495-3.923.626-1.311 1.725-2.142 2.826-2.405.945-.226 1.945-.033 2.576.7a2.3 2.3 0 0 1 .382.562c-.14-.72-.581-1.683-1.671-2.547-.737-.584-1.788-.997-2.918-1.129-1.127-.132-2.296.022-3.274.526-.998.515-1.889 1.09-2.47 1.982-.444.684-.731 1.593-.693 2.878Z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M9.82 11.497a5.18 5.18 0 0 0 3.234 5.005c1.594.68 3.15.719 4.403.511.81-.134 1.634.73 1.072 1.33a6.1 6.1 0 0 1-1.966 1.391c-1.568.66-2.905.668-3.985.392a5.93 5.93 0 0 1-2.736-1.597c-.54-.556-1.008-1.486-1.2-2.576-.19-1.083-.102-2.286.422-3.383.203-.425.463-.783.755-1.073Z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M3.668 8.528c.627-.613 1.373-1.055 2.1-1.43 1.166-.602 2.52-.768 3.788-.62 1.266.148 2.48.613 3.369 1.316 1.901 1.507 2.197 3.372 2.023 4.281-.12.627-.556 1.045-.973 1.32a4 4 0 0 1-.413.235.4.4 0 0 0-.082.238c0 .184.12.361.333.51.997.694 2.862.615 2.928.612h.002a4.2 4.2 0 0 0 2.133-.589 4.33 4.33 0 0 0 2.146-3.727c.017-1.498-.506-2.52-.76-3.019l-.04-.077c-1.494-2.922-4.718-4.602-8.225-4.602a9.02 9.02 0 0 0-8.33 5.552Z"
 }));
 export default EdgeFilledSvg;

package/platform-logo-icon/assets/email_filled.js

@@ -5,7 +5,7 @@ const EmailFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.a
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M8.719 5.905c-1.736 1.044-3.109 2.958-3.303 5.94-.188 2.869 1.271 5.136 3.576 6.354 2.323 1.228 5.547 1.4 8.796-.127a1 1 0 1 1 .85 1.81c-3.762 1.768-7.65 1.634-10.58.086-2.947-1.558-4.88-4.537-4.638-8.254.235-3.605 1.945-6.125 4.268-7.523 2.289-1.377 5.107-1.625 7.534-.856 4.904 1.555 7.287 7.811 3.74 11.83-1.17 1.326-2.794 1.652-4.072 1.152a3 3 0 0 1-.74-.418.64.64 0 0 0-.75-.03c-.886.62-1.94.875-2.92.706-.925-.16-1.77-.707-2.24-1.652-.46-.926-.493-2.098-.11-3.422.403-1.39 1.164-2.566 2.212-3.306 1.068-.753 2.386-1.014 3.75-.619.83.24 1.38.777 1.652 1.464.25.63.242 1.31.168 1.873-.126.95-.502 1.924-.669 2.356l-.064.17-.021.064-.005.016c-.076.264-.037.443.021.561.07.142.215.285.445.375.448.175 1.195.122 1.844-.614 2.425-2.747.927-7.403-2.845-8.6-1.911-.605-4.13-.401-5.899.664m4.529 7.004.046-.14q.046-.126.109-.29c.179-.47.436-1.147.526-1.828.054-.412.026-.7-.043-.872-.046-.115-.115-.214-.35-.282-.765-.221-1.456-.08-2.041.332-.604.426-1.14 1.18-1.443 2.228-.294 1.014-.19 1.637-.02 1.977.158.32.43.508.788.57.76.131 1.925-.348 2.428-1.695",
   clipRule: "evenodd"

package/platform-logo-icon/assets/email_lined.js

@@ -5,7 +5,7 @@ const EmailLinedSvg = props => /*#__PURE__*/React.createElement("svg", Object.as
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M8.59 5.69c-1.81 1.09-3.224 3.078-3.424 6.138-.194 2.976 1.324 5.332 3.71 6.593 2.398 1.267 5.705 1.434 9.018-.123a.75.75 0 0 1 .638 1.357c-3.698 1.739-7.504 1.6-10.357.092-2.867-1.516-4.741-4.406-4.506-8.017.23-3.527 1.898-5.97 4.148-7.325 2.224-1.338 4.967-1.58 7.33-.832 4.762 1.51 7.035 7.567 3.628 11.426-1.105 1.252-2.62 1.545-3.793 1.086a2.7 2.7 0 0 1-.774-.46c-.232-.199-.59-.23-.834-.046-.86.646-1.9.914-2.851.75-.854-.148-1.629-.65-2.06-1.518-.422-.852-.464-1.955-.092-3.24.39-1.348 1.122-2.471 2.115-3.172 1.008-.71 2.247-.956 3.537-.583.756.22 1.244.701 1.49 1.316.227.572.223 1.204.15 1.748-.12.916-.48 1.85-.65 2.29a9 9 0 0 0-.095.263l-.004.014c-.094.32-.052.565.036.744.102.205.297.387.578.497.551.215 1.409.128 2.123-.681 2.565-2.907.956-7.763-2.958-9.004-1.975-.626-4.268-.416-6.103.688Zm4.895 7.3q.021-.069.045-.137.042-.117.103-.274c.178-.47.45-1.182.544-1.895.057-.43.033-.768-.059-.997-.074-.187-.203-.34-.512-.43-.84-.243-1.61-.087-2.255.368-.66.465-1.224 1.271-1.54 2.363-.304 1.053-.208 1.744-.004 2.157.198.398.541.631.97.706.89.153 2.168-.408 2.708-1.861",
   clipRule: "evenodd"

package/platform-logo-icon/assets/explorer_filled.js

@@ -5,7 +5,7 @@ const ExplorerFilledSvg = props => /*#__PURE__*/React.createElement("svg", Objec
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M21 12.253c0-1.423-.368-2.76-1.013-3.922 2.75-6.223-2.947-5.312-3.264-5.25a14.5 14.5 0 0 0-3.353 1.096 8.09 8.09 0 0 0-8.343 6.261c2.026-2.272 3.443-3.19 4.292-3.556q-.201.18-.398.367-.065.061-.128.124l-.256.249-.148.15q-.111.113-.22.227-.079.082-.153.163a20 20 0 0 0-1.013 1.164l-.157.197-.15.19-.138.18q-.078.102-.154.204l-.106.144q-.458.624-.875 1.275l-.002.003q-.103.16-.202.32l-.011.018-.191.313-.007.011q-.237.395-.46.797c-.728 1.32-1.083 2.243-1.098 2.298-2.3 8.224 4.88 4.751 5.881 4.233a8.09 8.09 0 0 0 11.201-4.547h-4.25c-.628 1.062-1.839 1.781-3.23 1.781-2.038 0-3.69-1.544-3.69-3.449h11.57A8 8 0 0 0 21 12.253m-1.511-7.96c.697.47 1.255 1.208.296 3.695a8.1 8.1 0 0 0-3.95-3.28c.748-.36 2.602-1.125 3.654-.415M4.686 19.492c-.567-.582-.668-1.999.584-4.581a8.1 8.1 0 0 0 3.522 4.304c-.81.447-2.962 1.45-4.106.277m4.66-8.41c.065-1.85 1.676-3.333 3.656-3.333s3.59 1.482 3.655 3.333h-7.31Z"
 }));
 export default ExplorerFilledSvg;

package/platform-logo-icon/assets/firefox_filled.js

@@ -5,7 +5,7 @@ const FirefoxFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M20.353 9.24c-.395-.944-1.186-1.96-1.809-2.279.444.858.752 1.78.914 2.732v.016c-1.016-2.54-2.743-3.564-4.155-5.796a7 7 0 0 1-.214-.344q-.057-.103-.1-.186a1.6 1.6 0 0 1-.14-.373.02.02 0 0 0-.013-.008.03.03 0 0 0-.023 0v.005c0 .004-.007 0-.007 0v-.005c-2.26 1.325-3.03 3.78-3.1 5.006q.157-.012.317-.014a4.55 4.55 0 0 1 3.948 2.301 3.1 3.1 0 0 0-2.172-.525c3.241 1.623 2.372 7.207-2.12 6.993a4 4 0 0 1-1.437-.332l-.153-.07h.007l-.128-.065c.042.023.081.047.123.063-1.1-.57-2.009-1.644-2.123-2.953 0 0 .419-1.546 2.976-1.546.28 0 1.07-.774 1.088-1-.004-.07-1.571-.697-2.185-1.297a11 11 0 0 0-.619-.593 3 3 0 0 0-.232-.177 4.2 4.2 0 0 1-.023-2.208A6.7 6.7 0 0 0 6.8 8.263c-.36-.45-.335-1.943-.314-2.255a1.6 1.6 0 0 0-.302.158 6.6 6.6 0 0 0-.883.756 8 8 0 0 0-.837 1.011 7.6 7.6 0 0 0-1.21 2.73l-.018.058c-.016.077-.093.481-.105.567a11 11 0 0 0-.132 1.256v.046a9.011 9.011 0 0 0 17.89 1.525c.017-.116.028-.232.042-.348a9.27 9.27 0 0 0-.581-4.527z"
 }));
 export default FirefoxFilledSvg;

package/platform-logo-icon/assets/huawei_filled.js

@@ -5,7 +5,7 @@ const HuaweiFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M7.545 8.032c-.519-1.77.375-3.425 2.006-3.848 0 0 .645-.146.941-.183.03-.004.059.01.075.034.225.342 1.72 2.958.9 11.15 0 0 .004.06-.057.075 0 0-.033.018-.073-.023-.575-.83-3.247-4.79-3.79-7.201zM5 6.714a.08.08 0 0 1 .117.005c.433.538 3.34 4.22 5.51 8.96.02.046-.017.075-.017.075-.023.03-.062.02-.078.016l-.005-.001c-4.48-2.231-5.894-3.613-6.061-3.776l-.017-.016c-.05-.04-.946-.78-1.011-2.002-.111-1.474 1.25-2.946 1.561-3.261ZM9.96 16.97s.064 0 .08.053c0 0 .015.033-.031.077h.002c-.604.433-2.433 1.71-3.24 1.91-1.13.275-2.22-.58-2.893-1.713a.08.08 0 0 1 .065-.12l6.017-.21v.004Zm.15-.589c-2.5-1.687-7.167-4.207-7.85-4.574a.078.078 0 0 0-.113.046c-.42 1.43.194 2.57.194 2.57.666 1.409 1.939 1.836 1.939 1.836a3.8 3.8 0 0 0 1.178.257c.091.017 3.655.002 4.61-.002.042-.002.063-.041.063-.041.03-.049-.021-.092-.021-.092m6.355-10.296-.002-.004c-.015-.053-.432-1.505-2.032-1.894 0 0-.44-.111-.919-.184-.198-.03-1.824 2.816-.984 11.19.008.054.047.067.047.067.06.024.089-.034.089-.034.591-.853 3.249-4.793 3.79-7.192.002-.01.291-1.165.01-1.95Zm-2.445 10.89.01-.002.001-.001 6.022.208a.08.08 0 0 1 .064.12c-1.363 2.24-2.9 1.715-2.9 1.715-.86-.241-2.644-1.489-3.233-1.911a.1.1 0 0 1-.016-.022.078.078 0 0 1 .052-.107m7.833-5.132a.08.08 0 0 0-.114-.048c-.68.368-5.343 2.896-7.843 4.58v.002c-.068.045-.026.136.03.136.968.002 4.631.006 4.723-.01 0 0 .472-.02 1.057-.244 0 0 1.303-.414 1.98-1.894 0 0 .577-1.153.167-2.522M19 6.712c.309.306 1.657 1.73 1.56 3.255-.05 1.207-.963 1.972-1.01 2.01l-.086.076c-.395.353-1.848 1.652-5.98 3.709-.058.033-.135-.033-.1-.107h-.001c2.169-4.732 5.07-8.404 5.5-8.936A.08.08 0 0 1 19 6.712"
 }));
 export default HuaweiFilledSvg;

package/platform-logo-icon/assets/index.js

@@ -14,7 +14,7 @@ import OSXFilledIcon from "./osx_filled.js";
 import SafariFilledIcon from "./safari_filled.js";
 import WindowsFilledIcon from "./windows_filled.js";
 import XiaomiFilledIcon from "./xiaomi_filled.js";
-export var AssetMap = {
+export const AssetMap = {
   amazon: {
     filled: AmazonFilledIcon,
     lined: null

package/platform-logo-icon/assets/osx_filled.js

@@ -5,7 +5,7 @@ const OsxFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.ass
   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 18M8.85 6.6H7.5l3.825 5.4L7.5 17.4h1.35L12 12.953l3.15 4.447h1.35L12.675 12 16.5 6.6h-1.35L12 11.047z",
   clipRule: "evenodd"

package/platform-logo-icon/assets/safari_filled.js

@@ -5,12 +5,12 @@ const SafariFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "m4.504 11.754.5.016a7 7 0 0 0 0 .46l-.5.016a7 7 0 0 0 .096.976l.493-.08q.037.225.088.449l-.486.113q.113.481.285.938l.467-.175q.08.215.175.422l-.453.206q.204.45.464.864l.421-.262q.122.194.255.38l-.403.29q.287.4.623.758l.362-.34q.156.168.324.324l-.34.362q.359.336.758.623l.29-.403q.186.133.38.255l-.262.421q.415.26.864.464l.206-.453q.208.094.423.175l-.176.466q.456.172.938.286l.113-.486q.222.051.45.088l-.081.494q.479.078.976.095l.016-.5a7 7 0 0 0 .46 0l.016.5q.497-.016.976-.095l-.08-.494q.225-.037.449-.088l.113.486a7.4 7.4 0 0 0 .938-.285l-.175-.467a7 7 0 0 0 .422-.175l.206.453q.45-.204.864-.464l-.262-.421q.194-.121.38-.255l.29.403q.4-.287.758-.623l-.34-.362q.168-.156.324-.324l.362.34q.336-.359.623-.758l-.403-.29q.133-.185.255-.38l.421.262q.26-.415.464-.864l-.453-.206a7 7 0 0 0 .175-.422l.466.175a7.4 7.4 0 0 0 .286-.938l-.486-.113q.051-.222.088-.45l.494.081q.078-.479.095-.976l-.5-.016a7 7 0 0 0 0-.46l.5-.016a8 8 0 0 0-.095-.976l-.494.08a7 7 0 0 0-.088-.449l.486-.113a7.4 7.4 0 0 0-.285-.938l-.467.176a7 7 0 0 0-.175-.424l.453-.205a7.5 7.5 0 0 0-.464-.864l-.421.262a7 7 0 0 0-.255-.38l.403-.29a8 8 0 0 0-.623-.757l-.362.339a7 7 0 0 0-.324-.324l.34-.362a8 8 0 0 0-.758-.623l-.29.403a7 7 0 0 0-.38-.255l.262-.421a7.5 7.5 0 0 0-.864-.464l-.206.453a7 7 0 0 0-.422-.175l.175-.467a7.4 7.4 0 0 0-.938-.285l-.113.486a7 7 0 0 0-.45-.088l.081-.493a7.5 7.5 0 0 0-.976-.096l-.016.5a7 7 0 0 0-.46 0l-.016-.5a7 7 0 0 0-.976.096l.08.493a7 7 0 0 0-.449.088l-.113-.486q-.481.112-.938.285l.176.467a7 7 0 0 0-.424.175l-.205-.453a7.5 7.5 0 0 0-.864.464l.262.421q-.194.122-.38.255l-.29-.403q-.4.288-.757.623l.339.362q-.168.156-.324.324l-.362-.34a8 8 0 0 0-.623.758l.403.29q-.133.186-.255.38l-.421-.262a7.5 7.5 0 0 0-.464.864l.453.206q-.094.208-.175.423l-.467-.176q-.172.456-.285.938l.486.113a7 7 0 0 0-.088.45l-.493-.081a7.5 7.5 0 0 0-.096.976m3.74 4.135a.1.1 0 0 1-.133-.133l2.13-4.665a.1.1 0 0 1 .16-.03l2.537 2.537a.1.1 0 0 1-.03.162zm5.516-2.98a.1.1 0 0 1-.162.03l-2.536-2.537a.1.1 0 0 1 .03-.162l4.664-2.129a.1.1 0 0 1 .133.133z",
   clipRule: "evenodd"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M2.25 12c0-5.385 4.365-9.75 9.75-9.75s9.75 4.365 9.75 9.75-4.365 9.75-9.75 9.75S2.25 17.385 2.25 12M12 3.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5",
   clipRule: "evenodd"

package/platform-logo-icon/assets/windows_filled.js

@@ -5,7 +5,7 @@ const WindowsFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "m4 6.272 6.539-.89.003 6.307-6.536.037zm6.536 6.144.005 6.312-6.536-.898v-5.457zm.792-7.15L19.998 4v7.609l-8.67.069V5.264ZM20 12.474l-.002 7.574-8.67-1.223-.012-6.365z"
 }));
 export default WindowsFilledSvg;

package/platform-logo-icon/assets/xiaomi_filled.js

@@ -5,11 +5,11 @@ const XiaomiFilledSvg = props => /*#__PURE__*/React.createElement("svg", Object.
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M2 7v12h3.111V9.573c2.08.011 4.162-.019 6.242.009 1.194-.051 2.206 1.002 2.189 2.13.036 2.43 0 4.861.014 7.29h3.11v-8.349c.153-1.97-1.767-3.698-3.764-3.642C9.272 6.987 5.633 7.01 2 7m16.889 0v12H22V7z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M7.778 11.717v7.284h3.11v-7.284z"
 }));

package/platform-logo-icon/index.js

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

package/platform-logo-icon/platform-logo-icon.component.js

@@ -2,13 +2,29 @@ import React from 'react';
 import { IconBox, SizeInPxByIconSizeMap } from '../icon.styles';
 import { AssetMap } from './assets';
 export function PlatformLogoIcon(props) {
-    var _a;
-    const { boxRef, type, size = 'medium', view = 'filled', ...rest } = props;
-    const Icon = ((_a = AssetMap[type]) === null || _a === void 0 ? void 0 : _a[view]) || null;
-    if (Icon == null) {
-        console.error(`[PlatformLogoIcon]: Icon ${type} not found!`);
-        return (React.createElement(IconBox, { ...rest, size: size, ref: boxRef }));
-    }
-    return (React.createElement(IconBox, { ref: boxRef, size: size, ...rest },
-        React.createElement(Icon, { viewBox: "0 0 24 24", width: SizeInPxByIconSizeMap[size], height: SizeInPxByIconSizeMap[size] })));
-}
+  const {
+    boxRef,
+    type,
+    size = 'medium',
+    view = 'filled',
+    ...rest
+  } = props;
+  const Icon = AssetMap[type]?.[view] || null;
+  if (Icon == null) {
+    console.error(`[PlatformLogoIcon]: Icon ${type} not found!`);
+    return React.createElement(IconBox, {
+      ...rest,
+      size: size,
+      ref: boxRef
+    });
+  }
+  return React.createElement(IconBox, {
+    ref: boxRef,
+    size: size,
+    ...rest
+  }, React.createElement(Icon, {
+    viewBox: "0 0 24 24",
+    width: SizeInPxByIconSizeMap[size],
+    height: SizeInPxByIconSizeMap[size]
+  }));
+}

package/platform-logo-icon/platform-logo-icon.types.js

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

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

@@ -5,7 +5,7 @@ import PlayRoundMediumFilledIcon from "./name_play_round_size_medium_view_filled
 import PlayRoundMediumLinedIcon from "./name_play_round_size_medium_view_lined.js";
 import PlayRoundSmallFilledIcon from "./name_play_round_size_small_view_filled.js";
 import PlayRoundSmallLinedIcon from "./name_play_round_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': PlayRoundMediumFilledIcon,
     'lined': PlayRoundMediumLinedIcon

package/play-round-icon/assets/name_play_round_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const NamePlayRoundSizeMediumViewFilledSvg = props => /*#__PURE__*/React.createE
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M3 12c0-4.974 4.025-9 9-9s9 4.025 9 9-4.025 9-9 9-9-4.025-9-9m7.252-3.561a.5.5 0 0 0-.752.432v6.259a.5.5 0 0 0 .752.431l5.365-3.13a.5.5 0 0 0 0-.863z",
   clipRule: "evenodd"

package/play-round-icon/assets/name_play_round_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const NamePlayRoundSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createEl
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M19.5 12a7.5 7.5 0 1 1-15 0 7.5 7.5 0 0 1 15 0M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18M10.128 7.852A.75.75 0 0 0 9 8.5v7a.75.75 0 0 0 1.128.648l6-3.5a.75.75 0 0 0 0-1.296zM14.262 12 10.5 14.194V9.806z",
   clipRule: "evenodd"

package/play-round-icon/assets/name_play_round_size_small_view_filled.js

@@ -5,7 +5,7 @@ const NamePlayRoundSizeSmallViewFilledSvg = props => /*#__PURE__*/React.createEl
   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 14M6.126 5.1a.75.75 0 0 1 .752.002l3.86 2.251a.75.75 0 0 1 0 1.296L6.877 10.9a.75.75 0 0 1-1.128-.648V5.75a.75.75 0 0 1 .376-.65",
   clipRule: "evenodd"

package/play-round-icon/assets/name_play_round_size_small_view_lined.js

@@ -5,7 +5,7 @@ const NamePlayRoundSizeSmallViewLinedSvg = props => /*#__PURE__*/React.createEle
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M13.5 8a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0M6.878 4.852A.75.75 0 0 0 5.75 5.5v4.667a.75.75 0 0 0 1.128.648l4-2.334a.75.75 0 0 0 0-1.295zm.372 4.009V6.806l1.762 1.027z",
   clipRule: "evenodd"

package/play-round-icon/index.js

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

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

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

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