@pushwoosh/kit-icons 2.0.6 → 2.0.9

package/finish-icon/finish-icon.component.js

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

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

package/finish-icon/index.js

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

package/flash-icon/assets/index.js

@@ -4,7 +4,7 @@
 import FlashMediumFilledIcon from "./name_flash_size_medium_view_filled.js";
 import FlashMediumLinedIcon from "./name_flash_size_medium_view_lined.js";
 import FlashSmallFilledIcon from "./name_flash_size_small_view_filled.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': FlashMediumFilledIcon,
     'lined': FlashMediumLinedIcon

package/flash-icon/flash-icon.component.js

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

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

package/flash-icon/index.js

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

package/folder-icon/assets/index.js

@@ -5,7 +5,7 @@ import FolderMediumFilledIcon from "./name_folder_size_medium_view_filled.js";
 import FolderMediumLinedIcon from "./name_folder_size_medium_view_lined.js";
 import FolderSmallFilledIcon from "./name_folder_size_small_view_filled.js";
 import FolderSmallLinedIcon from "./name_folder_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': FolderMediumFilledIcon,
     'lined': FolderMediumLinedIcon

package/folder-icon/folder-icon.component.js

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

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

package/folder-icon/index.js

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

package/funnel-icon/assets/index.js

@@ -5,7 +5,7 @@ import FunnelMediumFilledIcon from "./name_funnel_size_medium_view_filled.js";
 import FunnelMediumLinedIcon from "./name_funnel_size_medium_view_lined.js";
 import FunnelSmallFilledIcon from "./name_funnel_size_small_view_filled.js";
 import FunnelSmallLinedIcon from "./name_funnel_size_small_view_lined.js";
-export var AssetMap = {
+export const AssetMap = {
   'medium': {
     'filled': FunnelMediumFilledIcon,
     'lined': FunnelMediumLinedIcon

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/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/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/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/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/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/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

package/info-round-icon/index.js

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

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

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

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