design-react-kit 3.3.2 → 4.0.2

package/src/Icon/assets/ItUpload.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M8.4 7.3l-.7-.7L12 2.3l4.3 4.3-.7.7-3.1-3.1v9.3h-1V4.2zM19 12v7.5a.5.5 0 01-.5.5h-13a.5.5 0 01-.5-.5V12H4v7.5A1.5 1.5 0 005.5 21h13a1.5 1.5 0 001.5-1.5V12z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItUser.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M12 13a4 4 0 004-4V6a4 4 0 00-8 0v3a4 4 0 004 4zM9 6a3 3 0 016 0v3a3 3 0 01-6 0zm11 16h-1a7 7 0 00-14 0H4a8 8 0 0116 0z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItVideo.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M17.5 7.3V6A1.5 1.5 0 0016 4.5H5.5A1.5 1.5 0 004 6v8a1.5 1.5 0 001.5 1.5h3.4L7.4 21h1l1.6-5.5h1.8l1.6 5.5h1l-1.6-5.5H16a1.5 1.5 0 001.5-1.5v-1.3l4 1.5V5.8zm3 5.5l-4-1.5V14a.5.5 0 01-.5.5H5.5A.5.5 0 015 14V6a.5.5 0 01.5-.5H16a.5.5 0 01.5.5v2.7l4-1.5zM2 8h1v4H2z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItWarning.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M12.5 17h-1V2h1zm0 3h-1v2h1z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItWarningCircle.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M12 2a10 10 0 1010 10A10 10 0 0012 2zm0 19a9 9 0 119-9 9 9 0 01-9 9zm-.5-6.8V5.7h1.2v8.5zm-.1 2.3h1.2v1.8h-1.2z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItWhatsapp.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path fill='none' d='M0 0h24v24H0z' />
+      <path d='M19.09 4.63a10 10 0 00-15.68 12L2 21.8l5.28-1.38A10 10 0 0012 21.63a10 10 0 007.05-17h.04zM12 20a8.18 8.18 0 01-4.21-1.16l-.31-.18-3.13.83.84-3.06-.19-.36A8.28 8.28 0 1112 20zm4.54-6.2c-.25-.13-1.47-.73-1.7-.81-.23-.08-.39-.13-.56.12-.246.347-.51.68-.79 1-.14.16-.29.18-.54.06a6.92 6.92 0 01-2-1.23 7.27 7.27 0 01-1.38-1.73c-.15-.25 0-.38.11-.51s.25-.29.37-.43a1.51 1.51 0 00.25-.42.46.46 0 000-.43c-.04-.2-.54-1.42-.75-1.92-.21-.5-.4-.42-.56-.43h-.47a1 1 0 00-.67.31A2.81 2.81 0 007 9.45 4.73 4.73 0 008 12a11 11 0 004.25 3.76c.464.2.938.378 1.42.53a3.28 3.28 0 001.56.09 2.54 2.54 0 001.68-1.18 2.09 2.09 0 00.15-1.2c-.06-.07-.23-.13-.48-.25l-.04.05z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItWhatsappSquare.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path fill='none' d='M0 0h24v24H0z' />
+      <path d='M16 8.07a5.34 5.34 0 00-9.11 3.77 5.28 5.28 0 00.82 2.84l.12.2-.53 2 2-.53.2.11c.82.49 1.756.75 2.71.75A5.34 5.34 0 0016 8.07zm-.83 5.83a1.66 1.66 0 01-1.08.76 2.23 2.23 0 01-1-.06c-.23-.08-.53-.18-.91-.34a7.16 7.16 0 01-2.78-2.42 3.13 3.13 0 01-.66-1.66 1.83 1.83 0 01.56-1.34.59.59 0 01.43-.2H10c.1 0 .23 0 .36.27.13.27.45 1.11.49 1.19a.3.3 0 010 .28 1.2 1.2 0 01-.16.27c-.08.1-.17.21-.24.28-.07.07-.17.17-.07.33.239.413.54.787.89 1.11.38.34.816.612 1.29.8.16.08.25.06.34 0 .09-.06.4-.47.51-.63.11-.16.21-.14.36-.08.15.06.94.44 1.1.52.16.08.26.12.3.19a1.36 1.36 0 01-.03.73h.03z' />
+      <path d='M21 7.09a8.26 8.26 0 00-.09-1.15 3.49 3.49 0 00-1.85-2.51 3.89 3.89 0 00-1-.32A8.36 8.36 0 0016.91 3H7.09a8.26 8.26 0 00-1.15.09A3.49 3.49 0 003.43 5a3.89 3.89 0 00-.32 1A8.36 8.36 0 003 7.09v9.82c.003.385.033.77.09 1.15A3.49 3.49 0 005 20.57a3.89 3.89 0 001 .32c.384.06.771.094 1.16.1h9.82a8.26 8.26 0 001.15-.09 3.49 3.49 0 002.51-1.85 3.89 3.89 0 00.32-1 8.36 8.36 0 00.1-1.16V7.57c-.06-.1-.06-.31-.06-.48zm-8.8 11.17a6.39 6.39 0 01-3.06-.78l-3.41.89.92-3.32a6.33 6.33 0 01-.86-3.21 6.41 6.41 0 0111-4.53 6.33 6.33 0 011.88 4.54 6.42 6.42 0 01-6.47 6.41z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItWifi.tsx

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M22 19h-1c0-8.8-7.2-16-16-16V2c9.4 0 17 7.6 17 17z' />
+      <path d='M5 7v1c6.1 0 11 4.9 11 11h1c0-6.6-5.4-12-12-12zM5 12v1c3.3 0 6 2.7 6 6h1c0-3.9-3.1-7-7-7zM5 17c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 3c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1z' />
+      <g>
+        <path fill='none' d='M0 0h24v24H0z' />
+      </g>
+    </svg>
+  );
+};

package/src/Icon/assets/ItYoutube.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' {...props}>
+      <path fill='none' d='M0 0h24v24H0z' />
+      <path d='M21.56 7.2a2.5 2.5 0 00-1.76-1.77C18.24 5 12 5 12 5s-6.24 0-7.8.42A2.5 2.5 0 002.44 7.2 25.72 25.72 0 002 12c-.01 1.61.13 3.217.42 4.8a2.5 2.5 0 001.78 1.77C5.76 19 12 19 12 19s6.24 0 7.8-.42a2.5 2.5 0 001.76-1.77A25.72 25.72 0 0022 12a25.72 25.72 0 00-.44-4.8zM10 15V9l5.19 3L10 15z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItZoomIn.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M10.4 9.5h3.3v1h-3.3v3.2h-1v-3.2H6.2v-1h3.2V6.2h1zm10.7 12.4L15.3 16a8.3 8.3 0 01-5.3 2 8 8 0 118-8 8.3 8.3 0 01-2 5.3l5.9 5.8zM17 10a7 7 0 10-7 7 7 7 0 007-7z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/ItZoomOut.tsx

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export const component = (props: React.SVGProps<SVGSVGElement>) => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' {...props}>
+      <path d='M6.2 9.5h7.5v1H6.2zm14.9 12.4L15.3 16a8.3 8.3 0 01-5.3 2 8 8 0 118-8 8.3 8.3 0 01-2 5.3l5.9 5.8zM17 10a7 7 0 10-7 7 7 7 0 007-7z' />
+      <path fill='none' d='M0 0h24v24H0z' />
+    </svg>
+  );
+};

package/src/Icon/assets/index.tsx

@@ -0,0 +1,504 @@
+const iconList: Record<string, boolean> = {
+  'it-arrow-down-circle': true,
+  'it-arrow-down-triangle': true,
+  'it-arrow-down': true,
+  'it-arrow-left-circle': true,
+  'it-arrow-left-triangle': true,
+  'it-arrow-left': true,
+  'it-arrow-right-circle': true,
+  'it-arrow-right-triangle': true,
+  'it-arrow-right': true,
+  'it-arrow-up-circle': true,
+  'it-arrow-up-triangle': true,
+  'it-arrow-up': true,
+  'it-ban': true,
+  'it-behance': true,
+  'it-bookmark': true,
+  'it-box': true,
+  'it-burger': true,
+  'it-calendar': true,
+  'it-camera': true,
+  'it-card': true,
+  'it-chart-line': true,
+  'it-check-circle': true,
+  'it-check': true,
+  'it-chevron-left': true,
+  'it-chevron-right': true,
+  'it-clip': true,
+  'it-clock': true,
+  'it-close-big': true,
+  'it-close-circle': true,
+  'it-close': true,
+  'it-code-circle': true,
+  'it-collapse': true,
+  'it-comment': true,
+  'it-copy': true,
+  'it-delete': true,
+  'it-designers-italia': true,
+  'it-download': true,
+  'it-error': true,
+  'it-exchange-circle': true,
+  'it-expand': true,
+  'it-external-link': true,
+  'it-facebook-square': true,
+  'it-facebook': true,
+  'it-file': true,
+  'it-files': true,
+  'it-flag': true,
+  'it-flickr-square': true,
+  'it-flickr': true,
+  'it-folder': true,
+  'it-fullscreen': true,
+  'it-funnel': true,
+  'it-github': true,
+  'it-hearing': true,
+  'it-help-circle': true,
+  'it-help': true,
+  'it-horn': true,
+  'it-inbox': true,
+  'it-info-circle': true,
+  'it-instagram': true,
+  'it-key': true,
+  'it-less-circle': true,
+  'it-link': true,
+  'it-linkedin-square': true,
+  'it-linkedin': true,
+  'it-list': true,
+  'it-lock': true,
+  'it-locked': true,
+  'it-mail': true,
+  'it-map-marker-circle': true,
+  'it-map-marker-minus': true,
+  'it-map-marker-plus': true,
+  'it-map-marker': true,
+  'it-maximize-alt': true,
+  'it-maximize': true,
+  'it-medium-square': true,
+  'it-medium': true,
+  'it-minimize': true,
+  'it-minus-circle': true,
+  'it-minus': true,
+  'it-more-actions': true,
+  'it-more-items': true,
+  'it-note': true,
+  'it-open-source': true,
+  'it-pa': true,
+  'it-password-invisible': true,
+  'it-password-visible': true,
+  'it-pencil': true,
+  'it-piattaforme': true,
+  'it-pin': true,
+  'it-plug': true,
+  'it-plus-circle': true,
+  'it-plus': true,
+  'it-presentation': true,
+  'it-print': true,
+  'it-refresh': true,
+  'it-restore': true,
+  'it-rss-square': true,
+  'it-rss': true,
+  'it-search': true,
+  'it-settings': true,
+  'it-share': true,
+  'it-software': true,
+  'it-star-full': true,
+  'it-star-outline': true,
+  'it-team-digitale': true,
+  'it-telegram': true,
+  'it-telephone': true,
+  'it-tool': true,
+  'it-twitter-square': true,
+  'it-twitter': true,
+  'it-unlocked': true,
+  'it-upload': true,
+  'it-user': true,
+  'it-video': true,
+  'it-warning-circle': true,
+  'it-warning': true,
+  'it-whatsapp-square': true,
+  'it-whatsapp': true,
+  'it-wifi': true,
+  'it-youtube': true,
+  'it-zoom-in': true,
+  'it-zoom-out': true
+};
+export type IconName = keyof typeof iconList;
+
+export const loadIcon = (name: IconName) => {
+  switch (name) {
+    case 'it-arrow-down-circle': {
+      return import('./ItArrowDownCircle');
+    }
+    case 'it-arrow-down-triangle': {
+      return import('./ItArrowDownTriangle');
+    }
+    case 'it-arrow-down': {
+      return import('./ItArrowDown');
+    }
+    case 'it-arrow-left-circle': {
+      return import('./ItArrowLeftCircle');
+    }
+    case 'it-arrow-left-triangle': {
+      return import('./ItArrowLeftTriangle');
+    }
+    case 'it-arrow-left': {
+      return import('./ItArrowLeft');
+    }
+    case 'it-arrow-right-circle': {
+      return import('./ItArrowRightCircle');
+    }
+    case 'it-arrow-right-triangle': {
+      return import('./ItArrowRightTriangle');
+    }
+    case 'it-arrow-right': {
+      return import('./ItArrowRight');
+    }
+    case 'it-arrow-up-circle': {
+      return import('./ItArrowUpCircle');
+    }
+    case 'it-arrow-up-triangle': {
+      return import('./ItArrowUpTriangle');
+    }
+    case 'it-arrow-up': {
+      return import('./ItArrowUp');
+    }
+    case 'it-ban': {
+      return import('./ItBan');
+    }
+    case 'it-behance': {
+      return import('./ItBehance');
+    }
+    case 'it-bookmark': {
+      return import('./ItBookmark');
+    }
+    case 'it-box': {
+      return import('./ItBox');
+    }
+    case 'it-burger': {
+      return import('./ItBurger');
+    }
+    case 'it-calendar': {
+      return import('./ItCalendar');
+    }
+    case 'it-camera': {
+      return import('./ItCamera');
+    }
+    case 'it-card': {
+      return import('./ItCard');
+    }
+    case 'it-chart-line': {
+      return import('./ItChartLine');
+    }
+    case 'it-check-circle': {
+      return import('./ItCheckCircle');
+    }
+    case 'it-check': {
+      return import('./ItCheck');
+    }
+    case 'it-chevron-left': {
+      return import('./ItChevronLeft');
+    }
+    case 'it-chevron-right': {
+      return import('./ItChevronRight');
+    }
+    case 'it-clip': {
+      return import('./ItClip');
+    }
+    case 'it-clock': {
+      return import('./ItClock');
+    }
+    case 'it-close-big': {
+      return import('./ItCloseBig');
+    }
+    case 'it-close-circle': {
+      return import('./ItCloseCircle');
+    }
+    case 'it-close': {
+      return import('./ItClose');
+    }
+    case 'it-code-circle': {
+      return import('./ItCodeCircle');
+    }
+    case 'it-collapse': {
+      return import('./ItCollapse');
+    }
+    case 'it-comment': {
+      return import('./ItComment');
+    }
+    case 'it-copy': {
+      return import('./ItCopy');
+    }
+    case 'it-delete': {
+      return import('./ItDelete');
+    }
+    case 'it-designers-italia': {
+      return import('./ItDesignersItalia');
+    }
+    case 'it-download': {
+      return import('./ItDownload');
+    }
+    case 'it-error': {
+      return import('./ItError');
+    }
+    case 'it-exchange-circle': {
+      return import('./ItExchangeCircle');
+    }
+    case 'it-expand': {
+      return import('./ItExpand');
+    }
+    case 'it-external-link': {
+      return import('./ItExternalLink');
+    }
+    case 'it-facebook-square': {
+      return import('./ItFacebookSquare');
+    }
+    case 'it-facebook': {
+      return import('./ItFacebook');
+    }
+    case 'it-file': {
+      return import('./ItFile');
+    }
+    case 'it-files': {
+      return import('./ItFiles');
+    }
+    case 'it-flag': {
+      return import('./ItFlag');
+    }
+    case 'it-flickr-square': {
+      return import('./ItFlickrSquare');
+    }
+    case 'it-flickr': {
+      return import('./ItFlickr');
+    }
+    case 'it-folder': {
+      return import('./ItFolder');
+    }
+    case 'it-fullscreen': {
+      return import('./ItFullscreen');
+    }
+    case 'it-funnel': {
+      return import('./ItFunnel');
+    }
+    case 'it-github': {
+      return import('./ItGithub');
+    }
+    case 'it-hearing': {
+      return import('./ItHearing');
+    }
+    case 'it-help-circle': {
+      return import('./ItHelpCircle');
+    }
+    case 'it-help': {
+      return import('./ItHelp');
+    }
+    case 'it-horn': {
+      return import('./ItHorn');
+    }
+    case 'it-inbox': {
+      return import('./ItInbox');
+    }
+    case 'it-info-circle': {
+      return import('./ItInfoCircle');
+    }
+    case 'it-instagram': {
+      return import('./ItInstagram');
+    }
+    case 'it-key': {
+      return import('./ItKey');
+    }
+    case 'it-less-circle': {
+      return import('./ItLessCircle');
+    }
+    case 'it-link': {
+      return import('./ItLink');
+    }
+    case 'it-linkedin-square': {
+      return import('./ItLinkedinSquare');
+    }
+    case 'it-linkedin': {
+      return import('./ItLinkedin');
+    }
+    case 'it-list': {
+      return import('./ItList');
+    }
+    case 'it-lock': {
+      return import('./ItLock');
+    }
+    case 'it-locked': {
+      return import('./ItLocked');
+    }
+    case 'it-mail': {
+      return import('./ItMail');
+    }
+    case 'it-map-marker-circle': {
+      return import('./ItMapMarkerCircle');
+    }
+    case 'it-map-marker-minus': {
+      return import('./ItMapMarkerMinus');
+    }
+    case 'it-map-marker-plus': {
+      return import('./ItMapMarkerPlus');
+    }
+    case 'it-map-marker': {
+      return import('./ItMapMarker');
+    }
+    case 'it-maximize-alt': {
+      return import('./ItMaximizeAlt');
+    }
+    case 'it-maximize': {
+      return import('./ItMaximize');
+    }
+    case 'it-medium-square': {
+      return import('./ItMediumSquare');
+    }
+    case 'it-medium': {
+      return import('./ItMedium');
+    }
+    case 'it-minimize': {
+      return import('./ItMinimize');
+    }
+    case 'it-minus-circle': {
+      return import('./ItMinusCircle');
+    }
+    case 'it-minus': {
+      return import('./ItMinus');
+    }
+    case 'it-more-actions': {
+      return import('./ItMoreActions');
+    }
+    case 'it-more-items': {
+      return import('./ItMoreItems');
+    }
+    case 'it-note': {
+      return import('./ItNote');
+    }
+    case 'it-open-source': {
+      return import('./ItOpenSource');
+    }
+    case 'it-pa': {
+      return import('./ItPa');
+    }
+    case 'it-password-invisible': {
+      return import('./ItPasswordInvisible');
+    }
+    case 'it-password-visible': {
+      return import('./ItPasswordVisible');
+    }
+    case 'it-pencil': {
+      return import('./ItPencil');
+    }
+    case 'it-piattaforme': {
+      return import('./ItPiattaforme');
+    }
+    case 'it-pin': {
+      return import('./ItPin');
+    }
+    case 'it-plug': {
+      return import('./ItPlug');
+    }
+    case 'it-plus-circle': {
+      return import('./ItPlusCircle');
+    }
+    case 'it-plus': {
+      return import('./ItPlus');
+    }
+    case 'it-presentation': {
+      return import('./ItPresentation');
+    }
+    case 'it-print': {
+      return import('./ItPrint');
+    }
+    case 'it-refresh': {
+      return import('./ItRefresh');
+    }
+    case 'it-restore': {
+      return import('./ItRestore');
+    }
+    case 'it-rss-square': {
+      return import('./ItRssSquare');
+    }
+    case 'it-rss': {
+      return import('./ItRss');
+    }
+    case 'it-search': {
+      return import('./ItSearch');
+    }
+    case 'it-settings': {
+      return import('./ItSettings');
+    }
+    case 'it-share': {
+      return import('./ItShare');
+    }
+    case 'it-software': {
+      return import('./ItSoftware');
+    }
+    case 'it-star-full': {
+      return import('./ItStarFull');
+    }
+    case 'it-star-outline': {
+      return import('./ItStarOutline');
+    }
+    case 'it-team-digitale': {
+      return import('./ItTeamDigitale');
+    }
+    case 'it-telegram': {
+      return import('./ItTelegram');
+    }
+    case 'it-telephone': {
+      return import('./ItTelephone');
+    }
+    case 'it-tool': {
+      return import('./ItTool');
+    }
+    case 'it-twitter-square': {
+      return import('./ItTwitterSquare');
+    }
+    case 'it-twitter': {
+      return import('./ItTwitter');
+    }
+    case 'it-unlocked': {
+      return import('./ItUnlocked');
+    }
+    case 'it-upload': {
+      return import('./ItUpload');
+    }
+    case 'it-user': {
+      return import('./ItUser');
+    }
+    case 'it-video': {
+      return import('./ItVideo');
+    }
+    case 'it-warning-circle': {
+      return import('./ItWarningCircle');
+    }
+    case 'it-warning': {
+      return import('./ItWarning');
+    }
+    case 'it-whatsapp-square': {
+      return import('./ItWhatsappSquare');
+    }
+    case 'it-whatsapp': {
+      return import('./ItWhatsapp');
+    }
+    case 'it-wifi': {
+      return import('./ItWifi');
+    }
+    case 'it-youtube': {
+      return import('./ItYoutube');
+    }
+    case 'it-zoom-in': {
+      return import('./ItZoomIn');
+    }
+    case 'it-zoom-out': {
+      return import('./ItZoomOut');
+    }
+    default:
+      throw Error(`It should not land here. Requested icon: "${name}"`);
+  }
+};
+
+export function isBundledIcon(name: string): name is IconName {
+  return name in iconList;
+}
+
+export const allIcons = Object.keys(iconList);