fix(icons): fix icon generation (#458)

* fix(icons): fix generate-icons script

* chore(icons): regenerate icons to add missing newline

* chore(icons): clean up generator script

* chore(icons): regenerate flags

* chore(icons): remove unused icon

* fix(icons): remove extra icon export

scripts/generate-icons

@@ -55,7 +55,6 @@ function template(babel, opts, { imports, componentName, props, jsx, exports })
 
  ${imports}
 
- ${libImports}
  import { get } from '../../utils/themeGet';
  import { IconProps } from '../IconProps';
 

src/icons/actions/CheckCircleFilledIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const CheckCircleFilledIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/CheckCircleIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const CheckCircleIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/CheckIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const CheckIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/CopyIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const CopyIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/DownloadIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const DownloadIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/EnvelopeIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const EnvelopeIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/ExitIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ExitIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/EyeClosedIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const EyeClosedIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/EyeIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const EyeIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/FilterDisabledIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const FilterDisabledIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/FilterIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const FilterIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/MagnifierIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const MagnifierIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/MinusCircleFilledIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const MinusCircleFilledIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/MinusCircleIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const MinusCircleIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/MinusIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const MinusIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/PenIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const PenIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/PlusCircleFilledIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const PlusCircleFilledIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/PlusCircleIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const PlusCircleIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/PlusIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const PlusIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/ResendIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ResendIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/SoundAlertsOnlyIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const SoundAlertsOnlyIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/SoundOffIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const SoundOffIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/SoundOnIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const SoundOnIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/ThumbDownFilledIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ThumbDownFilledIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/ThumbDownIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ThumbDownIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/ThumbUpFilledIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ThumbUpFilledIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/ThumbUpIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ThumbUpIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/TrashIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const TrashIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/UploadIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const UploadIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/WarningFilledIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const WarningFilledIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/WarningIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const WarningIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/XCrossCircleFilledIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const XCrossCircleFilledIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/XCrossCircleIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const XCrossCircleIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/actions/XCrossIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const XCrossIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/arrows/ArrowDownIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ArrowDownIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/arrows/ArrowDownLeftIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ArrowDownLeftIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/arrows/ArrowDownRightIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ArrowDownRightIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/arrows/ArrowLeftIcon.tsx

@@ -2,9 +2,9 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
-const ArrowLeftIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...props }) => {
+const ArrowLeftIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
+ const props = { ...rest, color };
  const sizePx = Number.isFinite(size as number)
  ? size
  : get(`iconSizes.${size}`)(props) || get('iconSizes.medium')(props);

src/icons/arrows/ArrowRightIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ArrowRightIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/arrows/ArrowUpIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ArrowUpIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/arrows/ArrowUpLeftIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ArrowUpLeftIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/arrows/ArrowUpRightIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ArrowUpRightIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/arrows/BackwardIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const BackwardIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/arrows/BackwardLastIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const BackwardLastIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/arrows/ChevronDownIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ChevronDownIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/arrows/ChevronLeftIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ChevronLeftIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };

src/icons/arrows/ChevronRightIcon.tsx

@@ -2,7 +2,6 @@
 import * as React from 'react';
 import { get } from '../../utils/themeGet';
 import { IconProps } from '../IconProps';
-
 type Props = IconProps;
 const ChevronRightIcon: React.FC<Props> = ({ size = 'medium', color = 'inherit', ...rest }) => {
  const props = { ...rest, color };