@pushwoosh/kit-icons 2.0.5 → 2.0.8

package/funnel-icon/funnel-icon.component.js

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

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

package/funnel-icon/index.js

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

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

@@ -5,7 +5,7 @@ import HelpRoundMediumFilledIcon from "./name_help_round_size_medium_view_filled
 import HelpRoundMediumLinedIcon from "./name_help_round_size_medium_view_lined.js";
 import HelpRoundSmallFilledIcon from "./name_help_round_size_small_view_filled.js";
 import HelpRoundSmallLinedIcon from "./name_help_round_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': HelpRoundMediumFilledIcon,
     'lined': HelpRoundMediumLinedIcon

package/help-round-icon/assets/name_help_round_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const NameHelpRoundSizeMediumViewFilledSvg = 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-9m9.223-3.562a1.75 1.75 0 0 0-1.947 1.144l-.332.943-1.887-.663.332-.944a3.75 3.75 0 0 1 7.288 1.25c0 1.447-1.073 2.395-1.82 2.893a7 7 0 0 1-.93.522v1.167h-2v-1.833a1 1 0 0 1 .682-.949l.014-.004.066-.025a5.47 5.47 0 0 0 1.058-.542c.627-.418.93-.844.93-1.23v-.002a1.75 1.75 0 0 0-1.454-1.727M13.25 17a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0",
   clipRule: "evenodd"

package/help-round-icon/assets/name_help_round_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const NameHelpRoundSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createEl
   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.735-3.809A2 2 0 0 0 10.04 9.5.75.75 0 1 1 8.625 9a3.5 3.5 0 0 1 6.802 1.166c0 1.315-.977 2.198-1.71 2.686a7 7 0 0 1-1.04.57v.077a.75.75 0 0 1-1.5 0v-.583a.75.75 0 0 1 .511-.711h.001l.002-.001.015-.006.072-.026c.064-.025.159-.062.274-.114.232-.103.535-.255.834-.454.642-.428 1.04-.92 1.04-1.438v-.001a2 2 0 0 0-1.661-1.975m3.162 1.976h-.75zM12 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2",
   clipRule: "evenodd"

package/help-round-icon/assets/name_help_round_size_small_view_filled.js

@@ -5,7 +5,7 @@ const NameHelpRoundSizeSmallViewFilledSvg = props => /*#__PURE__*/React.createEl
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M15 8A7 7 0 1 1 1 8a7 7 0 0 1 14 0M8.133 5.58a1.1 1.1 0 0 0-1.224.719l-.133.377a.5.5 0 0 1-.637.306l-.755-.266a.5.5 0 0 1-.306-.637l.133-.378a2.9 2.9 0 0 1 5.636.966c0 1.144-.847 1.879-1.401 2.249-.211.14-.419.255-.6.344a.44.44 0 0 1-.44.44h-.86a.5.5 0 0 1-.5-.5v-.533a.9.9 0 0 1 .613-.853l.009-.003.044-.017q.065-.022.182-.075a4 4 0 0 0 .553-.301c.446-.297.6-.562.6-.751v-.002a1.1 1.1 0 0 0-.914-1.085M8 12.5a1 1 0 1 0 0-2 1 1 0 0 0 0 2",
   clipRule: "evenodd"

package/help-round-icon/assets/name_help_round_size_small_view_lined.js

@@ -5,10 +5,10 @@ const NameHelpRoundSizeSmallViewLinedSvg = props => /*#__PURE__*/React.createEle
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M8.183 5.28a1.4 1.4 0 0 0-1.557.915l-.2.566-1.131-.398.199-.566a2.6 2.6 0 0 1 5.053.866c0 .985-.731 1.642-1.267 1.999-.267.178-.53.312-.733.404V9.8h-1.2V8.663a.6.6 0 0 1 .409-.569h.001l.19.569-.19-.57.011-.003.051-.02q.07-.026.197-.08a4 4 0 0 0 .598-.326c.464-.31.733-.653.733-1.001A1.4 1.4 0 0 0 8.183 5.28M8 12.496a1 1 0 1 0 0-2 1 1 0 0 0 0 2"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14m0-1.5a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11",
   clipRule: "evenodd"

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

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

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

package/help-round-icon/index.js

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

package/history-icon/assets/index.js

@@ -3,7 +3,7 @@
 
 import HistoryMediumLinedIcon from "./name_history_size_medium_view_lined.js";
 import HistorySmallLinedIcon from "./name_history_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': null,
     'lined': HistoryMediumLinedIcon

package/history-icon/assets/name_history_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const NameHistorySizeMediumViewLinedSvg = props => /*#__PURE__*/React.createElem
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M17.25 6c0-.132.1-.25.233-.25h.16c.197 0 .357-.16.357-.357V4.75a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5v.643c0 .197.16.357.357.357h.16c.132 0 .233.118.233.25v1.55c0 .5.214.977.587 1.309l3.5 3.111a.04.04 0 0 1 0 .06l-3.5 3.111a1.75 1.75 0 0 0-.587 1.308V18c0 .132-.1.25-.233.25h-.16a.357.357 0 0 0-.357.357v.643a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-.643a.356.356 0 0 0-.357-.357h-.16c-.132 0-.233-.118-.233-.25v-1.55c0-.5-.214-.977-.587-1.309l-3.5-3.111a.04.04 0 0 1 0-.06l3.5-3.111a1.75 1.75 0 0 0 .587-1.308zm-5.566 9.605-3.149 1.05a.217.217 0 0 1-.285-.206c0-.071.03-.14.084-.187l3.5-3.11a.25.25 0 0 1 .332 0l3.5 3.11a.25.25 0 0 1 .084.187.217.217 0 0 1-.286.206l-3.148-1.05a1 1 0 0 0-.632 0M15.5 5.75h-7a.25.25 0 0 0-.25.25v1.55c0 .072.03.14.084.188l1.84 1.636a.5.5 0 0 0 .333.126h2.986a.5.5 0 0 0 .333-.126l1.84-1.636a.25.25 0 0 0 .084-.187V6a.25.25 0 0 0-.25-.25",
   clipRule: "evenodd"

package/history-icon/assets/name_history_size_small_view_lined.js

@@ -5,7 +5,7 @@ const NameHistorySizeSmallViewLinedSvg = props => /*#__PURE__*/React.createEleme
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M12.237 3.788c-.031-.26.146-.538.407-.538.197 0 .356-.16.356-.356V2.25a.5.5 0 0 0-.5-.5h-9a.5.5 0 0 0-.5.5v.644c0 .197.16.356.356.356.261 0 .438.279.407.538Q3.75 3.892 3.75 4v.668c0 .526.236 1.024.643 1.356L6.34 7.613a.5.5 0 0 1 0 .774l-1.947 1.59a1.75 1.75 0 0 0-.643 1.355V12q0 .107.013.212c.031.26-.146.538-.407.538a.356.356 0 0 0-.356.356v.644a.5.5 0 0 0 .5.5h9a.5.5 0 0 0 .5-.5v-.644a.356.356 0 0 0-.356-.356c-.261 0-.438-.279-.407-.538q.013-.105.013-.212v-.668a1.75 1.75 0 0 0-.643-1.356L9.66 8.387a.5.5 0 0 1 0-.774l1.947-1.59a1.75 1.75 0 0 0 .643-1.355V4q0-.108-.013-.212M5.25 4a.25.25 0 0 1 .25-.25h5a.25.25 0 0 1 .25.25v.668a.25.25 0 0 1-.092.194L9.402 5.887A.5.5 0 0 1 9.086 6H6.914a.5.5 0 0 1-.316-.113L5.342 4.862a.25.25 0 0 1-.092-.194zm0 8c0 .099.117.128.208.09l2.148-.921a1 1 0 0 1 .788 0l2.148.92c.09.04.208.01.208-.089v-.668a.25.25 0 0 0-.092-.194l-2.5-2.04a.25.25 0 0 0-.316 0l-2.5 2.04a.25.25 0 0 0-.092.194z",
   clipRule: "evenodd"

package/history-icon/history-icon.component.js

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

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

package/history-icon/index.js

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

package/home-icon/assets/index.js

@@ -5,7 +5,7 @@ import HomeMediumFilledIcon from "./name_home_size_medium_view_filled.js";
 import HomeMediumLinedIcon from "./name_home_size_medium_view_lined.js";
 import HomeSmallFilledIcon from "./name_home_size_small_view_filled.js";
 import HomeSmallLinedIcon from "./name_home_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': HomeMediumFilledIcon,
     'lined': HomeMediumLinedIcon

package/home-icon/assets/name_home_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const NameHomeSizeMediumViewFilledSvg = props => /*#__PURE__*/React.createElemen
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M12.498 3.94a.75.75 0 0 0-.996 0l-8 7.11a.75.75 0 1 0 .996 1.122l.17-.15A.2.2 0 0 1 5 12.17V18a1 1 0 0 0 1 1h3.5a1 1 0 0 0 1-1v-4.5a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1V18a1 1 0 0 0 1 1H18a1 1 0 0 0 1-1v-5.83a.2.2 0 0 1 .333-.15l.169.15a.75.75 0 1 0 .996-1.12z"
 }));
 export default NameHomeSizeMediumViewFilledSvg;

package/home-icon/assets/name_home_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const NameHomeSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createElement
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M12.498 3.94a.75.75 0 0 0-.996 0l-8 7.11a.75.75 0 1 0 .996 1.122l.42-.373a.2.2 0 0 1 .332.15V18c0 .69.56 1.25 1.25 1.25H10c.69 0 1.25-.56 1.25-1.25v-4.55c0-.11.09-.2.2-.2h1.1c.11 0 .2.09.2.2V18c0 .69.56 1.25 1.25 1.25h3.5c.69 0 1.25-.56 1.25-1.25v-6.051a.2.2 0 0 1 .333-.15l.419.373a.75.75 0 1 0 .996-1.121zm4.752 6.32a.2.2 0 0 0-.067-.15l-5.05-4.488a.2.2 0 0 0-.266 0l-5.05 4.488a.2.2 0 0 0-.067.15v7.29c0 .11.09.2.2.2h2.6a.2.2 0 0 0 .2-.2V13c0-.69.56-1.25 1.25-1.25h2c.69 0 1.25.56 1.25 1.25v4.55c0 .11.09.2.2.2h2.6a.2.2 0 0 0 .2-.2v-7.29",
   clipRule: "evenodd"

package/home-icon/assets/name_home_size_small_view_filled.js

@@ -5,7 +5,7 @@ const NameHomeSizeSmallViewFilledSvg = props => /*#__PURE__*/React.createElement
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M8.48 2.424a.75.75 0 0 0-.96 0l-5.5 4.583a.75.75 0 1 0 .96 1.152L3.172 8a.2.2 0 0 1 .328.154V12.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V9a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5v3.5a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5V8.153A.2.2 0 0 1 12.828 8l.192.16a.75.75 0 0 0 .96-1.153z",
   clipRule: "evenodd"

package/home-icon/assets/name_home_size_small_view_lined.js

@@ -5,7 +5,7 @@ const NameHomeSizeSmallViewLinedSvg = props => /*#__PURE__*/React.createElement(
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M8.48 2.424a.75.75 0 0 0-.96 0l-5.5 4.583a.75.75 0 1 0 .96 1.152.165.165 0 0 1 .27.127V12.5c0 .414.336.75.75.75h2.5a.75.75 0 0 0 .75-.75V9.45c0-.11.09-.2.2-.2h1.1c.11 0 .2.09.2.2v3.05c0 .414.336.75.75.75H12a.75.75 0 0 0 .75-.75V8.286c0-.14.163-.216.27-.127a.75.75 0 0 0 .96-1.152zm2.77 4.354a.2.2 0 0 0-.072-.153l-3.05-2.542a.2.2 0 0 0-.256 0l-3.05 2.542a.2.2 0 0 0-.072.153v4.772c0 .11.09.2.2.2h.6a.2.2 0 0 0 .2-.2V8.5a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 .75.75v3.05c0 .11.09.2.2.2h.6a.2.2 0 0 0 .2-.2z",
   clipRule: "evenodd"

package/home-icon/home-icon.component.js

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

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

package/home-icon/index.js

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

package/icon.styles.js

@@ -1,19 +1,18 @@
 import styled from 'styled-components';
 import { Color, UnitSize } from '@pushwoosh/kit-constants';
 export const SizeInPxByIconSizeMap = {
-    small: UnitSize.ICON_SMALL,
-    medium: UnitSize.ICON_MEDIUM,
-    large: UnitSize.ICON_LARGE,
+  small: UnitSize.ICON_SMALL,
+  medium: UnitSize.ICON_MEDIUM,
+  large: UnitSize.ICON_LARGE
 };
-export const IconBox = styled.div `
-  width: ${({ size }) => SizeInPxByIconSizeMap[size]};
-  height: ${({ size }) => SizeInPxByIconSizeMap[size]};
-  color: ${({ color }) => color || Color.CURRENT};
-  line-height: 0;
-  user-select: none;
-
-  &:empty {
-    background-color: ${Color.DANGER};
-  }
-`;
-IconBox.displayName = 'IconBox';
+export const IconBox = styled.div.withConfig({
+  displayName: "IconBox",
+  componentId: "sc-12930lw-0"
+})(["width:", ";height:", ";color:", ";line-height:0;user-select:none;&:empty{background-color:", ";}"], ({
+  size
+}) => SizeInPxByIconSizeMap[size], ({
+  size
+}) => SizeInPxByIconSizeMap[size], ({
+  color
+}) => color || Color.CURRENT, Color.DANGER);
+IconBox.displayName = 'IconBox';

package/image-icon/assets/index.js

@@ -5,7 +5,7 @@ import ImageMediumFilledIcon from "./name_image_size_medium_view_filled.js";
 import ImageMediumLinedIcon from "./name_image_size_medium_view_lined.js";
 import ImageSmallFilledIcon from "./name_image_size_small_view_filled.js";
 import ImageSmallLinedIcon from "./name_image_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': ImageMediumFilledIcon,
     'lined': ImageMediumLinedIcon

package/image-icon/assets/name_image_size_medium_view_filled.js

@@ -5,7 +5,7 @@ const NameImageSizeMediumViewFilledSvg = props => /*#__PURE__*/React.createEleme
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M4.686 6.434C4.25 7.29 4.25 8.41 4.25 10.65v2.7c0 2.24 0 3.36.436 4.216a4 4 0 0 0 1.748 1.748c.856.436 1.976.436 4.216.436h2.7c2.24 0 3.36 0 4.216-.436a4 4 0 0 0 1.748-1.748c.436-.856.436-1.976.436-4.216v-2.7c0-2.24 0-3.36-.436-4.216a4 4 0 0 0-1.748-1.748c-.856-.436-1.976-.436-4.216-.436h-2.7c-2.24 0-3.36 0-4.216.436a4 4 0 0 0-1.748 1.748M8.5 10.5a2 2 0 1 0 0-4 2 2 0 0 0 0 4m9.341 3.052a.5.5 0 0 1 .159.366V14c0 1.4 0 2.1-.273 2.635a2.5 2.5 0 0 1-1.092 1.092C16.1 18 15.4 18 14 18h-4c-1.4 0-2.1 0-2.635-.273a2.5 2.5 0 0 1-.377-.236c-.221-.168-.196-.491.014-.672l6.106-5.25a2 2 0 0 1 2.67.055z",
   clipRule: "evenodd"

package/image-icon/assets/name_image_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const NameImageSizeMediumViewLinedSvg = props => /*#__PURE__*/React.createElemen
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M9.768 4.25h4.464c.813 0 1.468 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.364 1.47.044.531.044 1.187.044 2v4.464c0 .813 0 1.469-.044 2-.044.546-.139 1.026-.365 1.47a3.75 3.75 0 0 1-1.639 1.64c-.444.226-.924.32-1.47.365-.532.043-1.187.043-2 .043H9.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-2V9.768c0-.813 0-1.469.043-2 .045-.546.14-1.026.366-1.47a3.75 3.75 0 0 1 1.638-1.64c.445-.226.925-.32 1.471-.365.531-.043 1.187-.043 2-.043M7.89 5.788c-.454.037-.715.107-.913.207a2.25 2.25 0 0 0-.983.984c-.1.197-.17.458-.207.912-.038.462-.038 1.057-.038 1.909v4.4c0 .853 0 1.447.038 1.91l.01.11c.016.151.19.216.308.12l6.553-5.418a2.75 2.75 0 0 1 3.594.078l1.663 1.5a.2.2 0 0 0 .334-.149V9.8c0-.852 0-1.447-.038-1.91-.038-.453-.107-.714-.207-.911a2.25 2.25 0 0 0-.984-.984c-.197-.1-.458-.17-.912-.207-.462-.037-1.057-.038-1.91-.038H9.8c-.852 0-1.446 0-1.908.038m10.358 9.097c0-.085-.055-.158-.128-.201a1 1 0 0 1-.123-.09l-2.75-2.48a1.25 1.25 0 0 0-1.634-.036l-6.743 5.575c-.1.083-.096.239.018.303l.09.049c.197.1.458.17.912.207.462.037 1.056.038 1.909.038h4.4c.852 0 1.447 0 1.91-.038.453-.038.714-.107.911-.207a2.25 2.25 0 0 0 .984-.983c.1-.198.17-.459.207-.913.026-.327.034-.72.037-1.224M8.999 8.25a.75.75 0 1 0 0 1.5.75.75 0 0 0 0-1.5M6.75 9a2.25 2.25 0 1 1 4.5 0 2.25 2.25 0 0 1-4.5 0",
   clipRule: "evenodd"

package/image-icon/assets/name_image_size_small_view_filled.js

@@ -5,7 +5,7 @@ const NameImageSizeSmallViewFilledSvg = props => /*#__PURE__*/React.createElemen
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M1.664 3.325c-.414.813-.414 1.877-.414 4.005v1.34c0 2.128 0 3.192.414 4.005a3.8 3.8 0 0 0 1.66 1.66c.814.415 1.878.415 4.006.415h1.34c2.128 0 3.192 0 4.005-.414a3.8 3.8 0 0 0 1.66-1.66c.415-.814.415-1.878.415-4.006V7.33c0-2.128 0-3.192-.414-4.005a3.8 3.8 0 0 0-1.66-1.66c-.814-.415-1.878-.415-4.006-.415H7.33c-2.128 0-3.192 0-4.005.414a3.8 3.8 0 0 0-1.66 1.66M5.5 7a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m7.298 2.815a.5.5 0 0 1 .19.404c-.02.643-.082 1.065-.26 1.416a2.5 2.5 0 0 1-1.093 1.092C11.1 13 10.4 13 9 13H7c-1.4 0-2.1 0-2.635-.273-.19-.097-.191-.354-.02-.482L9.639 8.29a1 1 0 0 1 1.213.011z",
   clipRule: "evenodd"

package/image-icon/assets/name_image_size_small_view_lined.js

@@ -5,7 +5,7 @@ const NameImageSizeSmallViewLinedSvg = props => /*#__PURE__*/React.createElement
   height: 16,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M6.768 1.25h2.464c.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 2v2.464c0 .813 0 1.469-.043 2-.045.546-.14 1.026-.366 1.47a3.75 3.75 0 0 1-1.638 1.64c-.445.226-.925.32-1.471.365-.531.043-1.187.043-2 .043H6.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.638c-.226-.445-.32-.925-.365-1.471-.043-.531-.043-1.187-.043-2V6.768c0-.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-.043M4.89 2.788c-.454.037-.715.107-.912.207a2.25 2.25 0 0 0-.984.984c-.1.197-.17.458-.207.912-.037.462-.038 1.057-.038 1.909v2.4c0 .853 0 1.447.038 1.91.037.453.107.714.207.912.05.097.175.12.262.055l5.937-4.395a1.75 1.75 0 0 1 2.116.025l1.926 1.5c.006.004.014 0 .014-.007V6.8c0-.852 0-1.447-.038-1.91-.037-.453-.107-.714-.207-.911a2.25 2.25 0 0 0-.984-.984c-.197-.1-.458-.17-.912-.207-.462-.037-1.056-.038-1.909-.038H6.8c-.852 0-1.447 0-1.91.038m8.32 8.321a.04.04 0 0 0-.014-.033L10.39 8.891a.25.25 0 0 0-.303-.003L4.7 12.876c-.138.102-.09.308.08.325l.112.01c.462.038 1.057.039 1.909.039h2.4c.853 0 1.447 0 1.91-.038.453-.037.714-.107.912-.207a2.25 2.25 0 0 0 .983-.984c.1-.197.17-.458.207-.912M6.002 5.75a.25.25 0 1 0 0 .5.25.25 0 0 0 0-.5M4.25 6a1.75 1.75 0 1 1 3.5 0 1.75 1.75 0 0 1-3.5 0",
   clipRule: "evenodd"

package/image-icon/image-icon.component.js

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

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

package/image-icon/index.js

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

package/index.js

@@ -95,4 +95,4 @@ export * from './visibility-icon';
 export * from './warning-round-icon';
 export * from './wizard-icon';
 export * from './zoom-icon';
-export * from './notes-list-icon';
+export * from './notes-list-icon';

package/industry-icon/assets/index.js

@@ -3,7 +3,7 @@
 
 import IndustryMediumFilledIcon from "./name_industry_size_medium_view_filled.js";
 import IndustryMediumLinedIcon from "./name_industry_size_medium_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': IndustryMediumFilledIcon,
     'lined': IndustryMediumLinedIcon

package/industry-icon/assets/name_industry_size_medium_view_filled.js

@@ -5,10 +5,10 @@ const NameIndustrySizeMediumViewFilledSvg = props => /*#__PURE__*/React.createEl
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M16 5.5a.5.5 0 0 1-.5-.5V4a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5z"
 }), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M3.5 12.632a2 2 0 0 1 .971-1.715l3.272-1.963a.5.5 0 0 1 .757.43v1.233a.5.5 0 0 0 .757.429l3.486-2.092a.5.5 0 0 1 .757.43V11a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5V7a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 .5.5v12.5a1 1 0 0 1-1 1h-15a1 1 0 0 1-1-1zM7 15.5a.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-.5zm6 0a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5zm3.5 1.5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5z",
   clipRule: "evenodd"

package/industry-icon/assets/name_industry_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const NameIndustrySizeMediumViewLinedSvg = props => /*#__PURE__*/React.createEle
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   fillRule: "evenodd",
   d: "M17 12.5a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-1a.2.2 0 0 0-.3-.17l-2.428 1.456-1.515.909A.5.5 0 0 1 7 13.266V11.5a.2.2 0 0 0-.3-.17l-1.457.874a.5.5 0 0 0-.243.428V18.5a.5.5 0 0 0 .5.5h13a.5.5 0 0 0 .5-.5V9.25a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v3.25M18.5 5a.5.5 0 0 1 .5.5v1.25a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V5.5a.5.5 0 0 1 .5-.5zM7 9.4l-2.529 1.517a2 2 0 0 0-.971 1.715V19.5a1 1 0 0 0 1 1h15a1 1 0 0 0 1-1v-15a1 1 0 0 0-1-1h-3a1 1 0 0 0-1 1V11a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5V9.383a.5.5 0 0 0-.757-.429L12 9.4l-2 1.2-.743.446a.5.5 0 0 1-.757-.43V9.384a.5.5 0 0 0-.757-.429zm0 6.1a.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-.5zm5.5 1.5a.5.5 0 0 0 .5-.5v-1a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5zm4.5-1.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5z",
   clipRule: "evenodd"

package/industry-icon/index.js

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

package/industry-icon/industry-icon.component.js

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

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

package/infinity-icon/assets/index.js

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

package/infinity-icon/assets/name_infinity_size_medium_view_lined.js

@@ -5,7 +5,7 @@ const NameInfinitySizeMediumViewLinedSvg = props => /*#__PURE__*/React.createEle
   height: 24,
   fill: "none"
 }, props), /*#__PURE__*/React.createElement("path", {
-  fill: "#4B5057",
+  fill: "currentColor",
   d: "M4.75 12.46a2.71 2.71 0 0 1 4.628-1.914l.427.427 1.06-1.06-.426-.427a4.21 4.21 0 1 0-.016 5.963l.007.006 4.212-4.928a2.71 2.71 0 1 1 0 3.865l-.496-.495-1.06 1.06.497.498.004.004a4.21 4.21 0 1 0-.026-5.972l-.021.02-4.137 4.84A2.71 2.71 0 0 1 4.75 12.46"
 }));
 export default NameInfinitySizeMediumViewLinedSvg;

package/infinity-icon/index.js

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

package/infinity-icon/infinity-icon.component.js

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

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

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

@@ -5,7 +5,7 @@ import InfoRoundMediumFilledIcon from "./name_info_round_size_medium_view_filled
 import InfoRoundMediumLinedIcon from "./name_info_round_size_medium_view_lined.js";
 import InfoRoundSmallFilledIcon from "./name_info_round_size_small_view_filled.js";
 import InfoRoundSmallLinedIcon from "./name_info_round_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': InfoRoundMediumFilledIcon,
     'lined': InfoRoundMediumLinedIcon