@redneckz/wildless-cms-uni-blocks 0.2.101 → 0.2.105

package/src/components/Header/HeaderContent.ts

@@ -1,4 +1,5 @@
-import type { SitemapProps } from '../../model/SitemapProps';
+import { BgColorVersion } from '../../model/BgColorVersion';
+import type { SitemapProps } from '../../services/sitemap/SitemapProps';
 
 /**
  * @title Шапка
@@ -10,4 +11,10 @@ export interface HeaderContent extends SitemapProps {
    * @default Москва
    */
   defaultLocation?: string;
+  /**
+   * @title Фон элемента
+   * @hidden
+   * @default white
+   */
+  bgColor?: BgColorVersion;
 }

package/src/components/Header/HeaderSecondaryMenu.tsx

@@ -1,20 +1,34 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { UniBlockProps } from '../../types';
 import { Icon } from '../../ui-kit/Icon/Icon';
+import type { IconName } from '../../ui-kit/Icon/IconProps';
 import { TopItem } from '../../ui-kit/TopItem/TopItem';
 import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton';
 
 interface HeaderSecondaryMenuContent {
   defaultLocation?: string;
-  className?: string;
+  bgColor?: BgColorVersion;
 }
 
 export interface HeaderSecondaryMenuProps extends HeaderSecondaryMenuContent, UniBlockProps {}
 
+const COLORS_MAP: Record<BgColorVersion, string> = {
+  'bg-white': 'text-primary-text hover:text-primary-main',
+  transparent: 'text-white',
+};
+const DOP_LINKS_COLORS_MAP: Record<BgColorVersion, string> = {
+  'bg-white': 'text-secondary-light hover:text-secondary-hover',
+  transparent: 'text-white',
+};
+const DOP_LINKS_ICON_NAME_MAP: Record<BgColorVersion, IconName> = {
+  'bg-white': 'GridIcon',
+  transparent: 'GridIconWhite',
+};
+
 export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
-  ({ context, className, defaultLocation = '' }) => {
+  ({ context, className, defaultLocation = '', bgColor = 'bg-white' }) => {
     const [city, getCity] = context.useGeolocation(defaultLocation);
-
     return (
       <div className={`flex items-center ${className || ''}`}>
         <TopItem
@@ -24,6 +38,7 @@ export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
           text={city}
           ariaLabel="Местоположение"
           onClick={getCity}
+          bgColor={bgColor}
         />
         <TopItem
           className="mr-7"
@@ -31,24 +46,22 @@ export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
           href="#"
           text="Офисы и банкоматы"
           ariaLabel="Список всех доступных офисов и банкоматов"
+          bgColor={bgColor}
         />
         <HeaderSecondaryMenuButton
-          className="mr-5 text-primary-text hover:text-primary-main"
+          className={`mr-5 ${COLORS_MAP[bgColor]}`}
           ariaLabel="Поиск по сайту"
         >
-          <Icon name="LoupeIcon" aria-hidden="true" className="h-full" asSVG />
+          <Icon name="LoupeIcon" className="h-full" asSVG />
         </HeaderSecondaryMenuButton>
-        <HeaderSecondaryMenuButton
-          className="mr-5 text-primary-text hover:text-primary-main"
-          ariaLabel="Профиль"
-        >
-          <Icon name="ProfileIcon" aria-hidden="true" className="h-full" asSVG />
+        <HeaderSecondaryMenuButton className={`mr-5 ${COLORS_MAP[bgColor]}`} ariaLabel="Профиль">
+          <Icon name="ProfileIcon" className="h-full" asSVG />
         </HeaderSecondaryMenuButton>
         <HeaderSecondaryMenuButton
-          className="min-w-[32px] min-h-[32px] fill-secondary-light hover:fill-secondary-hover"
+          className={`${DOP_LINKS_COLORS_MAP[bgColor]} min-w-[32px] min-h-[32px]`}
           ariaLabel="Дополнительные ссылки"
         >
-          <Icon name="GridIcon" aria-hidden="true" className="h-full" asSVG />
+          <Icon name={DOP_LINKS_ICON_NAME_MAP[bgColor]} className="h-full" asSVG />
         </HeaderSecondaryMenuButton>
       </div>
     );

package/src/components/Header/HeaderSecondaryMenuButton.tsx

@@ -6,12 +6,10 @@ interface HeaderSecondaryMenuButtonProps {
 }
 
 export const HeaderSecondaryMenuButton = JSX<HeaderSecondaryMenuButtonProps>(
-  ({ className, children, ariaLabel }) => (
+  ({ className = '', children, ariaLabel }) => (
     <button
       type="button"
-      className={`border-0 p-0 w-[24px] h-[24px] flex items-center bg-inherit cursor-pointer ${
-        className || ''
-      }`}
+      className={`border-0 p-0 w-[24px] h-[24px] flex items-center bg-inherit cursor-pointer ${className}`}
       disabled={true}
       aria-label={ariaLabel}
     >

package/src/components/Headline/HeadlineContent.ts

@@ -1,18 +1,10 @@
+import type { BgColorVersion } from '../../model/BgColorVersion';
 import type { BaseTileCommonProps } from '../BaseTile/BaseTileProps';
 
-/**
- * @title Цвет фона
- * @enumNames [
- *    "Прозрачный",
- *    "Белый"
- * ]
- */
-export type HeadlineBgColor = 'transparent' | 'bg-white';
-
 /**
  * @title Заголовок
  */
 export interface HeadlineContent
   extends Pick<BaseTileCommonProps, 'title' | 'titleSize' | 'description' | 'align'> {
-  bgColor?: HeadlineBgColor;
+  bgColor?: BgColorVersion;
 }

package/src/components/MobileBlocks.ts

@@ -4,6 +4,7 @@ import { Gallery } from './Gallery/Gallery.mobile';
 import { Header } from './Header/Header';
 import { Headline } from './Headline/Headline';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
+import { Navigation } from './Navigation/Navigation';
 import { PictureText } from './PictureText/PictureText';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock.mobile';
@@ -24,4 +25,5 @@ export const MobileBlocks = {
   ProductTile,
   TextBlock,
   Tile,
+  Navigation,
 };

package/src/components/Navigation/Navigation.fixture.tsx

@@ -0,0 +1,28 @@
+import { context } from '../../setup-fixture';
+
+import { Navigation } from './Navigation';
+
+export default () => (
+  <Navigation
+    title="Потребительский кредит наличными"
+    buttons={[
+      {
+        href: '/credits',
+        text: 'Оформить',
+      },
+      {
+        href: '/tariffs',
+        text: 'Тарифы',
+      },
+      {
+        href: '/harvest',
+        text: 'Урожай',
+      },
+      {
+        href: '/faq',
+        text: 'Частые вопросы',
+      },
+    ]}
+    context={context}
+  />
+);

package/src/components/Navigation/Navigation.tsx

@@ -0,0 +1,39 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { useLink } from '../../hooks/useLink';
+import { findActiveSubItem } from '../../services/sitemap/findActiveSubItem';
+import type { UniBlockProps } from '../../types';
+import { NavigationContent } from './NavigationContent';
+import { NavigationItem } from './NavigationItem';
+
+export interface NavigationProps extends NavigationContent, UniBlockProps {}
+
+export const Navigation = JSX<NavigationProps>(({ className, context, title, buttons }) => {
+  const router = context.useRouter();
+  const { handlerDecorator } = context;
+
+  const activeButton = findActiveSubItem(router)(buttons);
+
+  return (
+    <section
+      className={`font-sans text-primary-text rounded-[40px] flex items-center justify-between ${
+        className || ''
+      }`}
+    >
+      <h2 className="font-medium text-xl m-0">{title}</h2>
+      {buttons?.length ? (
+        <div className="flex rounded-md overflow-hidden bg-white">
+          {buttons
+            .filter(({ text }) => text)
+            .map((button, i) => (
+              <NavigationItem
+                key={String(i)}
+                className="first:rounded-tl-md first:rounded-bl-md last:rounded-tr-md last:rounded-br-md"
+                isActive={button === activeButton}
+                {...useLink({ router, handlerDecorator }, button)}
+              />
+            ))}
+        </div>
+      ) : null}
+    </section>
+  );
+});

package/src/components/Navigation/NavigationContent.ts

@@ -0,0 +1,11 @@
+import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+
+/**
+ * @title Навигация
+ */
+export interface NavigationContent {
+  /** @title Заголовок */
+  title?: string;
+  /** @title Список ссылок */
+  buttons?: ButtonProps[];
+}

package/src/components/Navigation/NavigationItem.tsx

@@ -0,0 +1,17 @@
+import { JSX } from '@redneckz/uni-jsx';
+import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+
+export const NavigationItem = JSX<ButtonProps & { isActive: boolean }>(
+  ({ className, text, onClick, href, target, isActive }) => (
+    <a
+      className={`bg-inherit no-underline px-4 py-2.5 cursor-pointer rounded text-sm border border-solid hover:text-primary-main ${
+        className || ''
+      } ${isActive ? 'border-primary-main text-primary-main' : 'border-white text-secondary-text'}`}
+      onClick={onClick}
+      href={href}
+      target={target}
+    >
+      {text}
+    </a>
+  ),
+);

package/src/components/PictureText/PictureText.example.json

@@ -14,7 +14,7 @@
     },
     {
       "label": "Преимущество №2",
-      "icon": "DiscountShapeIcon"
+      "icon": "DocumentTextIcon"
     }
   ]
 }

package/src/components/PictureText/PictureText.fixture.tsx

@@ -25,7 +25,7 @@ export const PICTURE_TEXT: PictureTextContent = {
     {
       label: 'Кредит на общих условиях',
       description: 'До 5 млн ₽ на общих условиях получения кредита',
-      icon: 'DiscountShapeIcon',
+      icon: 'DocumentTextIcon',
     },
   ],
   image,

package/src/components/ProductGallery/ProductGallery.fixture.tsx

@@ -1,7 +1,7 @@
 import { context } from '../../setup-fixture';
 
-import { ProductGallery } from './ProductGallery';
 import type { Picture } from '../../model/Picture';
+import { ProductGallery } from './ProductGallery';
 
 const moneyImage: Picture = {
   src: 'money-1.png',
@@ -14,7 +14,7 @@ const moneyImage: Picture = {
 };
 
 const worker: Picture = {
-  src: 'worker.png',
+  src: 'money-2.png',
   format: 'webp',
   size: {
     width: 280,

package/src/components/TariffsTable/TariffsTableCell.tsx

@@ -16,11 +16,9 @@ export const TariffsTableCell = JSX<TariffsTableCellProps>(({ cell, isLastRow })
     isLastRow ? 'border-t-0 rounded-b-md' : ''
   }`;
 
-  const cellClasses = `h-full ${DIVIDER_CLASSES}`;
-
   return (
     <div className={cellWrapperClasses} role="cell">
-      <div className={cellClasses}>{cell.map((item, i) => renderCellInner(item, i))}</div>
+      <div>{cell.map((item, i) => renderCellInner(item, i))}</div>
     </div>
   );
 });

package/src/components/TariffsTable/TariffsTableRow.tsx

@@ -24,7 +24,12 @@ export const TariffsTableRow = JSX<TariffsTableRowProps>(
         >
           <div className="flex items-center text-primary-text">
             {header?.icon && (
-              <Icon className="pr-[14px]" name={header.icon} width="24px" height="24px" />
+              <Icon
+                className="mr-[14px] max-w-6 max-h-6"
+                name={header.icon}
+                width="24px"
+                height="24px"
+              />
             )}
             {header?.title}
           </div>

package/src/components/Tile/Tile.tsx

@@ -5,7 +5,9 @@ import { getColSpan } from '../../utils/getColSpan';
 import { BaseTile } from '../BaseTile/BaseTile';
 import type { TileContent } from '../Tile/TileContent';
 
-export interface TileProps extends TileContent, UniBlockProps {}
+export interface TileProps extends TileContent, UniBlockProps {
+  role?: string;
+}
 
 const tileStyleMap: Record<BlockVersion, string> = {
   primary: 'bg-white text-primary-text',
@@ -13,13 +15,14 @@ const tileStyleMap: Record<BlockVersion, string> = {
 };
 
 export const Tile = JSX<TileProps>((props) => {
-  const { children, className, version = 'primary' } = props;
+  const { children, className, version = 'primary', role } = props;
 
   return (
     <section
       className={`font-sans p-9 box-border ${className || ''} ${
         tileStyleMap[version]
       } ${getContainerPaddingRight(className)} ${getContainerMinHeight(className)} `}
+      role={role}
     >
       <BaseTile {...props}>{children}</BaseTile>
     </section>

package/src/hooks/useLink.ts

@@ -1,6 +1,7 @@
 import { HandlerDecorator, Router } from '../components/ContentPage/ContentPageContext';
 import type { LinkProps } from '../model/LinkProps';
-import { adjustHref, isURL } from '../utils/url';
+import { adjustHref } from '../utils/adjustHref';
+import { isURL } from '../utils/url';
 
 const defaultHandlerDecorator: HandlerDecorator = (handler) => handler;
 

package/src/icons/Calendar2Icon.svg

@@ -1 +1 @@
-<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 9.09h17" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 13.01V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 2v3M16 2v3" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.5 9.09h17" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 13.01V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5V17c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 2v3M16 2v3" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/icons/CalendarTickIcon.svg

@@ -1 +1 @@
-<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2v3M16 2v3M3.5 9.09h17M3 13.1V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5v7.86c-.73-.83-1.8-1.36-3-1.36-2.21 0-4 1.79-4 4 0 .75.21 1.46.58 2.06.21.36.48.68.79.94H8c-3.5 0-5-2-5-5" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 19c0 .75-.21 1.46-.58 2.06A3.97 3.97 0 0 1 18 23c-1.01 0-1.93-.37-2.63-1-.31-.26-.58-.58-.79-.94A3.92 3.92 0 0 1 14 19c0-2.21 1.79-4 4-4 1.2 0 2.27.53 3 1.36A4 4 0 0 1 22 19Z" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="m16.44 19 .99.99 2.13-1.97" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 2v3M16 2v3M3.5 9.09h17M3 13.1V8.5c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5v7.86c-.73-.83-1.8-1.36-3-1.36-2.21 0-4 1.79-4 4 0 .75.21 1.46.58 2.06.21.36.48.68.79.94H8c-3.5 0-5-2-5-5" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M11.995 13.7h.01M8.294 13.7h.01M8.294 16.7h.01" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 19c0 .75-.21 1.46-.58 2.06A3.97 3.97 0 0 1 18 23c-1.01 0-1.93-.37-2.63-1-.31-.26-.58-.58-.79-.94A3.92 3.92 0 0 1 14 19c0-2.21 1.79-4 4-4 1.2 0 2.27.53 3 1.36A4 4 0 0 1 22 19Z" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="m16.44 19 .99.99 2.13-1.97" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/icons/CalendarWhiteIcon.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     stroke="#fff"
     stroke-width="2"

package/src/icons/CardWithGemIcon.svg

@@ -1 +1 @@
-<svg width="70" height="70" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#a)"><path d="M59.145 63.875c0 11.25-11.403 9.752-25.469 9.752S8.207 75.126 8.207 63.875c0-11.25 11.403-30.99 25.47-30.99 14.065 0 25.468 19.74 25.468 30.99Z" fill="url(#b)"/></g><rect x="2.963" y="35.763" width="60.447" height="36.456" rx="7" transform="rotate(-15 2.963 35.763)" fill="url(#c)"/><rect x="2.963" y="35.763" width="60.447" height="36.456" rx="7" transform="rotate(-15 2.963 35.763)" fill="url(#d)"/><rect x=".816" y="34.438" width="60.447" height="36.456" rx="7" transform="rotate(-15 .816 34.438)" fill="#fff"/><rect x=".078" y="34" width="60.448" height="36.456" rx="7" transform="rotate(-15 .078 34)" fill="url(#e)"/><rect x=".078" y="34" width="60.448" height="36.456" rx="7" transform="rotate(-15 .078 34)" fill="url(#f)"/><mask id="h" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="19" width="66" height="49"><rect x=".078" y="33.999" width="60.447" height="36.456" rx="7" transform="rotate(-15 .078 33.999)" fill="#64C07D"/><rect x=".078" y="33.999" width="60.447" height="36.456" rx="7" transform="rotate(-15 .078 33.999)" fill="url(#g)"/></mask><g mask="url(#h)"><path transform="rotate(45 63.697 31.309)" fill="url(#i)" d="M63.697 31.309h1.769v50.992h-1.769z" style="mix-blend-mode:color-dodge"/><path d="m26.131 16.275 1.251 1.25-36.057 36.058-9.68-13.205 44.487-24.103Z" fill="url(#j)" style="mix-blend-mode:color-dodge"/><path transform="rotate(45 65.594 35.176)" fill="url(#k)" d="M65.594 35.176h13.412v50.386H65.594z" style="mix-blend-mode:color-dodge"/></g><path d="M48.044 29.87 9.654 40.158l.631 2.355 38.39-10.286-.631-2.355Z" fill="url(#l)" style="mix-blend-mode:screen"/><path d="m50.018 37.237-38.39 10.286.632 2.355 38.39-10.286-.632-2.355Z" fill="url(#m)" style="mix-blend-mode:screen"/><path d="m10.66 43.91 37.995-10.181M12.703 51.534l37.995-10.18" stroke="#1C1C1C" stroke-miterlimit="10"/><path d="m54.62 46.423-9.47 2.538a2.251 2.251 0 0 0-1.577 2.746 2.25 2.25 0 0 0 2.74 1.59l9.47-2.537a2.251 2.251 0 0 0 1.577-2.747 2.235 2.235 0 0 0-2.74-1.59Z" fill="url(#n)"/><path d="m18.627 44.627 8.989 6.78 26.32-15.53-23.101-19.99v-.078l-.01.08-10.053 5.057-1.041 11.494-.017-.014-.002.224-1.085 11.977Z" fill="url(#o)" style="mix-blend-mode:overlay"/><path d="m33.08 10.264-4.162 10.447 21.932 21.22 13.168-27.528.074-.02-.08.012-7.533-8.337-11.357 2.041.01-.02-.218.058-11.835 2.127Z" fill="url(#p)" style="mix-blend-mode:overlay"/><path d="m8.355 36.54 8.882 6.898 23.932-6.234L20.92 7.967l.001-.077-.01.08-10.1 4.923L9.617 24.37l-.016-.015-.005.225-1.242 11.96Z" fill="url(#q)" style="mix-blend-mode:overlay"/><path d="m52.487 70.372 5.99-9.517-8.558-23.202L22.816 60.68l-.077.006.08.003 5.894 9.567 11.539.056-.013.018.224-.017 12.024.058Z" fill="url(#r)" style="mix-blend-mode:overlay"/><path d="M45.668 17.241 39.932 7.57l-6.148 9.419 11.884.253Z" fill="url(#s)"/><path d="m57.553 17.494-5.736-9.672-6.148 9.419 11.884.253Z" fill="url(#t)"/><path d="m57.554 17.495-6.475 24.634-5.407-24.888 11.882.254Z" fill="url(#u)"/><path d="m69.438 17.753-5.736-9.672-6.148 9.418 11.884.254Z" fill="url(#v)"/><path d="m69.438 17.753-5.736-9.672-6.148 9.418 11.884.254Z" fill="url(#w)"/><path d="m51.816 7.826 5.736 9.672L63.7 8.08l-11.884-.254Z" fill="url(#x)"/><path d="m39.934 7.57 5.736 9.672 6.147-9.418-11.883-.254Z" fill="url(#y)"/><path d="m33.787 16.988 11.883.254 5.408 24.889-17.29-25.143Z" fill="url(#z)"/><path d="m69.44 17.749-11.883-.254L51.08 42.13 69.44 17.75Z" fill="url(#A)"/><g filter="url(#B)"><path d="m56.737 17.43-5.292 24.074 7.748-23.953-2.456-.12Z" fill="#fff"/></g><path d="m56.737 17.43-5.292 24.074 7.748-23.953-2.456-.12Z" fill="#fff"/><g filter="url(#C)"><path d="m44.923 17.146 6.215 24.85-4.273-24.782-1.942-.068Z" fill="#fff"/></g><g filter="url(#D)"><path d="m45.329 18.1-11.394-1.113 11.124-.444 14.042.704 10.508.488-10.709.7L45.33 18.1Z" fill="#fff"/></g><path d="m44.923 17.146 6.215 24.85-4.273-24.782-1.942-.068Z" fill="#fff"/><path d="m45.329 18.1-11.394-1.113 11.124-.444 14.042.704 10.508.488-10.709.7L45.33 18.1Z" fill="#fff"/><path d="m51.37 7.859-5.885 9.24 6.788-9.295-.903.055Z" fill="#fff"/><circle cx="16.478" cy="58.423" fill="#fff" r="3.775"/><circle cx="20.978" cy="57.267" fill="#EE7248" r="3.775"/><circle cx="20.978" cy="57.267" fill="url(#E)" r="3.775"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.99 54.963a3.776 3.776 0 0 1 1.477 5.768 3.776 3.776 0 0 1-1.477-5.768Z" fill="url(#F)"/><defs><linearGradient id="b" x1="33.676" y1="32.885" x2="33.676" y2="73.627" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="c" x1="66.969" y1="58.94" x2="67.703" y2="67.895" gradientUnits="userSpaceOnUse"><stop stop-color="#EA8B60"/><stop offset="1" stop-color="#201B37"/></linearGradient><linearGradient id="d" x1="52.409" y1="33.145" x2="44.038" y2="84.583" gradientUnits="userSpaceOnUse"><stop stop-color="#42AB44"/><stop offset="1" stop-color="#201B37"/></linearGradient><linearGradient id="e" x1="35.011" y1="34.652" x2="-1.761" y2="63.23" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEF9F"/><stop offset="1" stop-color="#42AB44"/></linearGradient><linearGradient id="f" x1="47.519" y1="66.318" x2="34.981" y2="51.574" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="g" x1="46.477" y1="68.238" x2="31.445" y2="38.053" gradientUnits="userSpaceOnUse"><stop stop-color="#9DC1F7"/><stop offset="1" stop-color="#9DC1F7" stop-opacity="0"/></linearGradient><linearGradient id="i" x1="64.582" y1="31.309" x2="64.582" y2="82.301" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#C9EAFF"/></linearGradient><linearGradient id="j" x1="21.661" y1="11.804" x2="-14.396" y2="47.861" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#C9EAFF"/></linearGradient><linearGradient id="k" x1="72.3" y1="35.176" x2="72.3" y2="85.562" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#C9EAFF"/></linearGradient><linearGradient id="l" x1="18.837" y1="36.191" x2="41.151" y2="36.191" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#276EC8"/></linearGradient><linearGradient id="m" x1="20.812" y1="43.558" x2="43.126" y2="43.558" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#276EC8"/></linearGradient><linearGradient id="n" x1="45.747" y1="49.368" x2="47.361" y2="52.594" gradientUnits="userSpaceOnUse"><stop stop-color="#FEE54F"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="o" x1="23.564" y1="39.855" x2="50.923" y2="39.755" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#C9EAFF"/></linearGradient><linearGradient id="p" x1="38.985" y1="13.752" x2="46.314" y2="40.058" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#C9EAFF"/></linearGradient><linearGradient id="q" x1="13.346" y1="31.835" x2="40.652" y2="32.096" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#E0F3FF"/></linearGradient><linearGradient id="r" x1="47.314" y1="65.869" x2="44.886" y2="38.669" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#E0F3FF"/></linearGradient><linearGradient id="s" x1="39.932" y1="7.569" x2="39.728" y2="17.114" gradientUnits="userSpaceOnUse"><stop stop-color="#C06F64"/><stop offset="1" stop-color="#E48E28"/></linearGradient><linearGradient id="t" x1="50.074" y1="9.753" x2="51.705" y2="14.869" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF84D"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="u" x1="51.613" y1="17.368" x2="49.403" y2="26.381" gradientUnits="userSpaceOnUse"><stop offset=".521" stop-color="#EEEA8E"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="v" x1="63.702" y1="8.081" x2="63.498" y2="17.626" gradientUnits="userSpaceOnUse"><stop stop-color="#8ACDEA"/><stop offset="1" stop-color="#AADF74"/></linearGradient><linearGradient id="w" x1="63.702" y1="8.081" x2="63.498" y2="17.626" gradientUnits="userSpaceOnUse"><stop stop-color="#C06F64"/><stop offset="1" stop-color="#E48E28"/></linearGradient><linearGradient id="x" x1="56.672" y1="9.392" x2="57.555" y2="17.498" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#E49928"/></linearGradient><linearGradient id="y" x1="45.876" y1="7.697" x2="45.672" y2="17.242" gradientUnits="userSpaceOnUse"><stop stop-color="#FBEC63"/><stop offset="1" stop-color="#FFDAA4"/></linearGradient><linearGradient id="z" x1="40.731" y1="16.11" x2="37.461" y2="31.195" gradientUnits="userSpaceOnUse"><stop stop-color="#EBA741"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="A" x1="60.528" y1="17.558" x2="60.423" y2="33.722" gradientUnits="userSpaceOnUse"><stop stop-color="#DCFFE5"/><stop offset="1" stop-color="#EBE78C"/></linearGradient><linearGradient id="E" x1="19.789" y1="54.472" x2="22.412" y2="55.578" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB876"/><stop offset="1" stop-color="#F26141" stop-opacity="0"/></linearGradient><linearGradient id="F" x1="17.781" y1="55.666" x2="20.096" y2="57.546" gradientUnits="userSpaceOnUse"><stop stop-color="#FEE54F"/><stop offset="1" stop-color="#fff"/></linearGradient><filter id="a" x="4.207" y="28.885" width="58.938" height="48.809" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_5889_14877"/></filter><filter id="B" x="49.445" y="15.431" width="11.748" height="28.073" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_5889_14877"/></filter><filter id="C" x="41.924" y="14.146" width="12.215" height="30.85" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur_5889_14877"/></filter><filter id="D" x="31.936" y="14.543" width="39.674" height="5.893" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_5889_14877"/></filter></defs></svg>
+<svg id="icon" width="70" height="70" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(#a)"><path d="M59.145 63.875c0 11.25-11.403 9.752-25.469 9.752S8.207 75.126 8.207 63.875c0-11.25 11.403-30.99 25.47-30.99 14.065 0 25.468 19.74 25.468 30.99Z" fill="url(#b)"/></g><rect x="2.963" y="35.763" width="60.447" height="36.456" rx="7" transform="rotate(-15 2.963 35.763)" fill="url(#c)"/><rect x="2.963" y="35.763" width="60.447" height="36.456" rx="7" transform="rotate(-15 2.963 35.763)" fill="url(#d)"/><rect x=".816" y="34.438" width="60.447" height="36.456" rx="7" transform="rotate(-15 .816 34.438)" fill="#fff"/><rect x=".078" y="34" width="60.448" height="36.456" rx="7" transform="rotate(-15 .078 34)" fill="url(#e)"/><rect x=".078" y="34" width="60.448" height="36.456" rx="7" transform="rotate(-15 .078 34)" fill="url(#f)"/><mask id="h" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="1" y="19" width="66" height="49"><rect x=".078" y="33.999" width="60.447" height="36.456" rx="7" transform="rotate(-15 .078 33.999)" fill="#64C07D"/><rect x=".078" y="33.999" width="60.447" height="36.456" rx="7" transform="rotate(-15 .078 33.999)" fill="url(#g)"/></mask><g mask="url(#h)"><path transform="rotate(45 63.697 31.309)" fill="url(#i)" d="M63.697 31.309h1.769v50.992h-1.769z" style="mix-blend-mode:color-dodge"/><path d="m26.131 16.275 1.251 1.25-36.057 36.058-9.68-13.205 44.487-24.103Z" fill="url(#j)" style="mix-blend-mode:color-dodge"/><path transform="rotate(45 65.594 35.176)" fill="url(#k)" d="M65.594 35.176h13.412v50.386H65.594z" style="mix-blend-mode:color-dodge"/></g><path d="M48.044 29.87 9.654 40.158l.631 2.355 38.39-10.286-.631-2.355Z" fill="url(#l)" style="mix-blend-mode:screen"/><path d="m50.018 37.237-38.39 10.286.632 2.355 38.39-10.286-.632-2.355Z" fill="url(#m)" style="mix-blend-mode:screen"/><path d="m10.66 43.91 37.995-10.181M12.703 51.534l37.995-10.18" stroke="#1C1C1C" stroke-miterlimit="10"/><path d="m54.62 46.423-9.47 2.538a2.251 2.251 0 0 0-1.577 2.746 2.25 2.25 0 0 0 2.74 1.59l9.47-2.537a2.251 2.251 0 0 0 1.577-2.747 2.235 2.235 0 0 0-2.74-1.59Z" fill="url(#n)"/><path d="m18.627 44.627 8.989 6.78 26.32-15.53-23.101-19.99v-.078l-.01.08-10.053 5.057-1.041 11.494-.017-.014-.002.224-1.085 11.977Z" fill="url(#o)" style="mix-blend-mode:overlay"/><path d="m33.08 10.264-4.162 10.447 21.932 21.22 13.168-27.528.074-.02-.08.012-7.533-8.337-11.357 2.041.01-.02-.218.058-11.835 2.127Z" fill="url(#p)" style="mix-blend-mode:overlay"/><path d="m8.355 36.54 8.882 6.898 23.932-6.234L20.92 7.967l.001-.077-.01.08-10.1 4.923L9.617 24.37l-.016-.015-.005.225-1.242 11.96Z" fill="url(#q)" style="mix-blend-mode:overlay"/><path d="m52.487 70.372 5.99-9.517-8.558-23.202L22.816 60.68l-.077.006.08.003 5.894 9.567 11.539.056-.013.018.224-.017 12.024.058Z" fill="url(#r)" style="mix-blend-mode:overlay"/><path d="M45.668 17.241 39.932 7.57l-6.148 9.419 11.884.253Z" fill="url(#s)"/><path d="m57.553 17.494-5.736-9.672-6.148 9.419 11.884.253Z" fill="url(#t)"/><path d="m57.554 17.495-6.475 24.634-5.407-24.888 11.882.254Z" fill="url(#u)"/><path d="m69.438 17.753-5.736-9.672-6.148 9.418 11.884.254Z" fill="url(#v)"/><path d="m69.438 17.753-5.736-9.672-6.148 9.418 11.884.254Z" fill="url(#w)"/><path d="m51.816 7.826 5.736 9.672L63.7 8.08l-11.884-.254Z" fill="url(#x)"/><path d="m39.934 7.57 5.736 9.672 6.147-9.418-11.883-.254Z" fill="url(#y)"/><path d="m33.787 16.988 11.883.254 5.408 24.889-17.29-25.143Z" fill="url(#z)"/><path d="m69.44 17.749-11.883-.254L51.08 42.13 69.44 17.75Z" fill="url(#A)"/><g filter="url(#B)"><path d="m56.737 17.43-5.292 24.074 7.748-23.953-2.456-.12Z" fill="#fff"/></g><path d="m56.737 17.43-5.292 24.074 7.748-23.953-2.456-.12Z" fill="#fff"/><g filter="url(#C)"><path d="m44.923 17.146 6.215 24.85-4.273-24.782-1.942-.068Z" fill="#fff"/></g><g filter="url(#D)"><path d="m45.329 18.1-11.394-1.113 11.124-.444 14.042.704 10.508.488-10.709.7L45.33 18.1Z" fill="#fff"/></g><path d="m44.923 17.146 6.215 24.85-4.273-24.782-1.942-.068Z" fill="#fff"/><path d="m45.329 18.1-11.394-1.113 11.124-.444 14.042.704 10.508.488-10.709.7L45.33 18.1Z" fill="#fff"/><path d="m51.37 7.859-5.885 9.24 6.788-9.295-.903.055Z" fill="#fff"/><circle cx="16.478" cy="58.423" fill="#fff" r="3.775"/><circle cx="20.978" cy="57.267" fill="#EE7248" r="3.775"/><circle cx="20.978" cy="57.267" fill="url(#E)" r="3.775"/><path fill-rule="evenodd" clip-rule="evenodd" d="M17.99 54.963a3.776 3.776 0 0 1 1.477 5.768 3.776 3.776 0 0 1-1.477-5.768Z" fill="url(#F)"/><defs><linearGradient id="b" x1="33.676" y1="32.885" x2="33.676" y2="73.627" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="c" x1="66.969" y1="58.94" x2="67.703" y2="67.895" gradientUnits="userSpaceOnUse"><stop stop-color="#EA8B60"/><stop offset="1" stop-color="#201B37"/></linearGradient><linearGradient id="d" x1="52.409" y1="33.145" x2="44.038" y2="84.583" gradientUnits="userSpaceOnUse"><stop stop-color="#42AB44"/><stop offset="1" stop-color="#201B37"/></linearGradient><linearGradient id="e" x1="35.011" y1="34.652" x2="-1.761" y2="63.23" gradientUnits="userSpaceOnUse"><stop stop-color="#FFEF9F"/><stop offset="1" stop-color="#42AB44"/></linearGradient><linearGradient id="f" x1="47.519" y1="66.318" x2="34.981" y2="51.574" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="g" x1="46.477" y1="68.238" x2="31.445" y2="38.053" gradientUnits="userSpaceOnUse"><stop stop-color="#9DC1F7"/><stop offset="1" stop-color="#9DC1F7" stop-opacity="0"/></linearGradient><linearGradient id="i" x1="64.582" y1="31.309" x2="64.582" y2="82.301" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#C9EAFF"/></linearGradient><linearGradient id="j" x1="21.661" y1="11.804" x2="-14.396" y2="47.861" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#C9EAFF"/></linearGradient><linearGradient id="k" x1="72.3" y1="35.176" x2="72.3" y2="85.562" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#C9EAFF"/></linearGradient><linearGradient id="l" x1="18.837" y1="36.191" x2="41.151" y2="36.191" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#276EC8"/></linearGradient><linearGradient id="m" x1="20.812" y1="43.558" x2="43.126" y2="43.558" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#276EC8"/></linearGradient><linearGradient id="n" x1="45.747" y1="49.368" x2="47.361" y2="52.594" gradientUnits="userSpaceOnUse"><stop stop-color="#FEE54F"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="o" x1="23.564" y1="39.855" x2="50.923" y2="39.755" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#C9EAFF"/></linearGradient><linearGradient id="p" x1="38.985" y1="13.752" x2="46.314" y2="40.058" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#C9EAFF"/></linearGradient><linearGradient id="q" x1="13.346" y1="31.835" x2="40.652" y2="32.096" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#E0F3FF"/></linearGradient><linearGradient id="r" x1="47.314" y1="65.869" x2="44.886" y2="38.669" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset="1" stop-color="#E0F3FF"/></linearGradient><linearGradient id="s" x1="39.932" y1="7.569" x2="39.728" y2="17.114" gradientUnits="userSpaceOnUse"><stop stop-color="#C06F64"/><stop offset="1" stop-color="#E48E28"/></linearGradient><linearGradient id="t" x1="50.074" y1="9.753" x2="51.705" y2="14.869" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF84D"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="u" x1="51.613" y1="17.368" x2="49.403" y2="26.381" gradientUnits="userSpaceOnUse"><stop offset=".521" stop-color="#EEEA8E"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="v" x1="63.702" y1="8.081" x2="63.498" y2="17.626" gradientUnits="userSpaceOnUse"><stop stop-color="#8ACDEA"/><stop offset="1" stop-color="#AADF74"/></linearGradient><linearGradient id="w" x1="63.702" y1="8.081" x2="63.498" y2="17.626" gradientUnits="userSpaceOnUse"><stop stop-color="#C06F64"/><stop offset="1" stop-color="#E48E28"/></linearGradient><linearGradient id="x" x1="56.672" y1="9.392" x2="57.555" y2="17.498" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#E49928"/></linearGradient><linearGradient id="y" x1="45.876" y1="7.697" x2="45.672" y2="17.242" gradientUnits="userSpaceOnUse"><stop stop-color="#FBEC63"/><stop offset="1" stop-color="#FFDAA4"/></linearGradient><linearGradient id="z" x1="40.731" y1="16.11" x2="37.461" y2="31.195" gradientUnits="userSpaceOnUse"><stop stop-color="#EBA741"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="A" x1="60.528" y1="17.558" x2="60.423" y2="33.722" gradientUnits="userSpaceOnUse"><stop stop-color="#DCFFE5"/><stop offset="1" stop-color="#EBE78C"/></linearGradient><linearGradient id="E" x1="19.789" y1="54.472" x2="22.412" y2="55.578" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB876"/><stop offset="1" stop-color="#F26141" stop-opacity="0"/></linearGradient><linearGradient id="F" x1="17.781" y1="55.666" x2="20.096" y2="57.546" gradientUnits="userSpaceOnUse"><stop stop-color="#FEE54F"/><stop offset="1" stop-color="#fff"/></linearGradient><filter id="a" x="4.207" y="28.885" width="58.938" height="48.809" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="2" result="effect1_foregroundBlur_5889_14877"/></filter><filter id="B" x="49.445" y="15.431" width="11.748" height="28.073" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_5889_14877"/></filter><filter id="C" x="41.924" y="14.146" width="12.215" height="30.85" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="1.5" result="effect1_foregroundBlur_5889_14877"/></filter><filter id="D" x="31.936" y="14.543" width="39.674" height="5.893" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_5889_14877"/></filter></defs></svg>

package/src/icons/ChartSquareIcon.svg

@@ -1 +1 @@
-<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.83V15c0 5 2 7 7 7h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 9.08c0 .496-.156.953-.425 1.35-.659.964-2.01 1.57-3.575 1.57-1.564 0-2.916-.616-3.575-1.57A2.394 2.394 0 0 1 8 9.08c0-.855.447-1.62 1.162-2.176.726-.566 1.72-.904 2.827-.904 1.106 0 2.1.348 2.827.904C15.553 7.45 16 8.225 16 9.079Z" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 9.18v2.813C16 13.753 14.21 15 12.006 15 9.8 15 8 13.742 8 11.993V9.181C8 7.42 9.79 6 12.006 6c1.107 0 2.103.358 2.83.93C15.552 7.504 16 8.302 16 9.18Z" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 12.18v2.813C16 16.753 14.21 18 12.006 18 9.8 18 8 16.742 8 14.993v-2.812" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2 12.83V15c0 5 2 7 7 7h6c5 0 7-2 7-7V9c0-5-2-7-7-7H9C4 2 2 4 2 9" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 9.08c0 .496-.156.953-.425 1.35-.659.964-2.01 1.57-3.575 1.57-1.564 0-2.916-.616-3.575-1.57A2.394 2.394 0 0 1 8 9.08c0-.855.447-1.62 1.162-2.176.726-.566 1.72-.904 2.827-.904 1.106 0 2.1.348 2.827.904C15.553 7.45 16 8.225 16 9.079Z" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 9.18v2.813C16 13.753 14.21 15 12.006 15 9.8 15 8 13.742 8 11.993V9.181C8 7.42 9.79 6 12.006 6c1.107 0 2.103.358 2.83.93C15.552 7.504 16 8.302 16 9.18Z" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 12.18v2.813C16 16.753 14.21 18 12.006 18 9.8 18 8 16.742 8 14.993v-2.812" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/icons/CreditCardsIcon.svg

@@ -1 +1 @@
-<svg width="70" height="54" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M66.478 34.563H19.042a3.53 3.53 0 0 1-3.52-3.52V4.465a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52V31.06c0 1.936-1.584 3.502-3.52 3.502Z" fill="#39486D"/><path d="M66.478 34.563H19.042a3.53 3.53 0 0 1-3.52-3.52V4.465a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52V31.06c0 1.936-1.584 3.502-3.52 3.502Z" fill="url(#a)"/><path d="M66.478 34.563H19.042a3.53 3.53 0 0 1-3.52-3.52V4.465a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52V31.06c0 1.936-1.584 3.502-3.52 3.502Z" fill="url(#b)"/><mask id="c" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="0" width="56" height="35"><path d="M65.615 34.563H18.179a3.53 3.53 0 0 1-3.52-3.52V4.465a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52V31.06a3.504 3.504 0 0 1-3.52 3.502Z" fill="#fff"/></mask><g mask="url(#c)"><path d="M65.615 34.565H18.179a3.53 3.53 0 0 1-3.52-3.52V4.464a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52v26.597a3.504 3.504 0 0 1-3.52 3.503Z" fill="#7DC15D"/><path d="M65.615 34.565H18.179a3.53 3.53 0 0 1-3.52-3.52V4.464a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52v26.597a3.504 3.504 0 0 1-3.52 3.503Z" fill="url(#d)"/><path d="M46.625 47.8H-.812a3.53 3.53 0 0 1-3.52-3.52V17.682a3.53 3.53 0 0 1 3.52-3.52h47.437a3.53 3.53 0 0 1 3.52 3.52V44.28a3.53 3.53 0 0 1-3.52 3.52Z" fill="url(#e)"/><path d="M46.625 47.8H-.812a3.53 3.53 0 0 1-3.52-3.52V17.682a3.53 3.53 0 0 1 3.52-3.52h47.437a3.53 3.53 0 0 1 3.52 3.52V44.28a3.53 3.53 0 0 1-3.52 3.52Z" fill="url(#f)"/><path d="M69.137 8.495H14.66v6.742h54.477V8.495Z" fill="url(#g)"/><path d="M64.455 21.116H58.4a1.16 1.16 0 1 1 0-2.323h6.055a1.16 1.16 0 0 1 1.162 1.162c0 .633-.528 1.161-1.162 1.161Z" fill="#83B83E"/></g><path d="M51.816 53.15H4.38a3.53 3.53 0 0 1-3.52-3.52V23.034a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52V49.63a3.52 3.52 0 0 1-3.52 3.52Z" fill="#39486D"/><path d="M51.816 53.15H4.38a3.53 3.53 0 0 1-3.52-3.52V23.034a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52V49.63a3.52 3.52 0 0 1-3.52 3.52Z" fill="url(#h)"/><path d="M51.816 53.15H4.38a3.53 3.53 0 0 1-3.52-3.52V23.034a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52V49.63a3.52 3.52 0 0 1-3.52 3.52Z" fill="url(#i)"/><mask id="j" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="19" width="56" height="35"><path d="M50.953 53.15H3.516a3.53 3.53 0 0 1-3.52-3.52V23.034a3.53 3.53 0 0 1 3.52-3.52h47.437a3.53 3.53 0 0 1 3.52 3.52V49.63a3.52 3.52 0 0 1-3.52 3.52Z" fill="#fff"/></mask><g mask="url(#j)"><path d="M50.953 53.15H3.516a3.53 3.53 0 0 1-3.52-3.52V23.034a3.53 3.53 0 0 1 3.52-3.52h47.437a3.53 3.53 0 0 1 3.52 3.52V49.63a3.52 3.52 0 0 1-3.52 3.52Z" fill="#C4D7D8"/><path d="M50.953 53.15H3.516a3.53 3.53 0 0 1-3.52-3.52V23.034a3.53 3.53 0 0 1 3.52-3.52h47.437a3.53 3.53 0 0 1 3.52 3.52V49.63a3.52 3.52 0 0 1-3.52 3.52Z" fill="url(#k)"/><path d="M50.953 53.15H3.516a3.53 3.53 0 0 1-3.52-3.52V23.034a3.53 3.53 0 0 1 3.52-3.52h47.437a3.53 3.53 0 0 1 3.52 3.52V49.63a3.52 3.52 0 0 1-3.52 3.52Z" fill="url(#l)"/><path d="M49.564 62.514H29.586L55.619 25.64h19.978L49.564 62.514Z" fill="#fff"/><path d="M49.564 62.514H29.586L55.619 25.64h19.978L49.564 62.514Z" fill="url(#m)"/><path d="M-8.345 49.19h-3.292l26.033-36.875h3.31L-8.346 49.19Z" fill="#fff"/><path d="M21.365 47.87H6.545a1.16 1.16 0 1 1 0-2.323h14.838a1.16 1.16 0 0 1 1.161 1.162c0 .633-.528 1.161-1.179 1.161Z" fill="#39486D"/><path d="M21.365 47.87H6.545a1.16 1.16 0 1 1 0-2.323h14.838a1.16 1.16 0 0 1 1.161 1.162c0 .633-.528 1.161-1.179 1.161Z" fill="#004B1A"/><path d="M12.584 42.009h-5.88a1.16 1.16 0 1 1 0-2.323h5.88a1.16 1.16 0 0 1 1.161 1.161 1.16 1.16 0 0 1-1.161 1.162Zm12.902-1.18a1.16 1.16 0 0 0-1.162-1.161h-5.879a1.16 1.16 0 1 0 0 2.323h5.879c.634.018 1.162-.51 1.162-1.161Zm11.722 0a1.16 1.16 0 0 0-1.161-1.161h-5.88a1.16 1.16 0 1 0 0 2.323h5.88c.633.018 1.161-.51 1.161-1.161Zm11.74 0a1.16 1.16 0 0 0-1.161-1.161h-5.879a1.16 1.16 0 1 0 0 2.323h5.879c.634.018 1.162-.51 1.162-1.161Z" fill="#39486D"/><path d="M12.584 42.009h-5.88a1.16 1.16 0 1 1 0-2.323h5.88a1.16 1.16 0 0 1 1.161 1.161 1.16 1.16 0 0 1-1.161 1.162Zm12.902-1.18a1.16 1.16 0 0 0-1.162-1.161h-5.879a1.16 1.16 0 1 0 0 2.323h5.879c.634.018 1.162-.51 1.162-1.161Zm11.722 0a1.16 1.16 0 0 0-1.161-1.161h-5.88a1.16 1.16 0 1 0 0 2.323h5.88c.633.018 1.161-.51 1.161-1.161Zm11.74 0a1.16 1.16 0 0 0-1.161-1.161h-5.879a1.16 1.16 0 1 0 0 2.323h5.879c.634.018 1.162-.51 1.162-1.161Z" fill="#004B1A"/><path d="M11.983 33.824H7.32c-.968 0-1.76-.793-1.76-1.76v-4.665c0-.968.792-1.76 1.76-1.76h4.664c.968 0 1.76.792 1.76 1.76v4.664c0 .968-.792 1.76-1.76 1.76Z" fill="#39486D"/><path d="M11.983 33.824H7.32c-.968 0-1.76-.793-1.76-1.76v-4.665c0-.968.792-1.76 1.76-1.76h4.664c.968 0 1.76.792 1.76 1.76v4.664c0 .968-.792 1.76-1.76 1.76Z" fill="#004B1A"/><path d="M44.828 33.841a4.101 4.101 0 1 0 0-8.202 4.101 4.101 0 0 0 0 8.202Z" fill="#83B83E"/></g><defs><linearGradient id="a" x1="69.999" y1="34.563" x2="69.999" y2="17.754" gradientUnits="userSpaceOnUse"><stop stop-color="#0057D6"/><stop offset="1" stop-color="#0057D6" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="50.316" y1="-79.203" x2="-2.573" y2="-70.699" gradientUnits="userSpaceOnUse"><stop stop-color="#00910E"/><stop offset=".622" stop-color="#003F1D"/><stop offset="1" stop-color="#002B9A"/></linearGradient><linearGradient id="d" x1=".243" y1="-13.056" x2="53.812" y2="38.382" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCA42"/><stop offset="1" stop-color="#FFCA42" stop-opacity="0"/></linearGradient><linearGradient id="e" x1="50.145" y1="34.899" x2="37.873" y2="23.856" gradientUnits="userSpaceOnUse"><stop stop-color="#0057D6"/><stop offset="1" stop-color="#0057D6" stop-opacity="0"/></linearGradient><linearGradient id="f" x1="83.087" y1="1.86" x2="57.23" y2="55.782" gradientUnits="userSpaceOnUse"><stop stop-color="#00910E"/><stop offset=".622" stop-color="#003F1D"/><stop offset="1" stop-color="#002B9A"/></linearGradient><linearGradient id="g" x1="49.455" y1="-7.576" x2="16.431" y2="18.904" gradientUnits="userSpaceOnUse"><stop stop-color="#00910E"/><stop offset=".622" stop-color="#003F1D"/><stop offset="1" stop-color="#9A2500"/></linearGradient><linearGradient id="h" x1="55.337" y1="53.151" x2="55.337" y2="36.332" gradientUnits="userSpaceOnUse"><stop stop-color="#0057D6"/><stop offset="1" stop-color="#0057D6" stop-opacity="0"/></linearGradient><linearGradient id="i" x1="35.654" y1="-60.675" x2="-17.236" y2="-52.176" gradientUnits="userSpaceOnUse"><stop stop-color="#00910E"/><stop offset=".622" stop-color="#003F1D"/><stop offset="1" stop-color="#002B9A"/></linearGradient><linearGradient id="k" x1="1.13" y1="20.456" x2="54.473" y2="53.151" gradientUnits="userSpaceOnUse"><stop stop-color="#D5F5C5"/><stop offset="1" stop-color="#D5F5C5" stop-opacity="0"/></linearGradient><linearGradient id="m" x1="55.355" y1="27.807" x2="55.355" y2="52.621" gradientUnits="userSpaceOnUse"><stop stop-color="#FEFFCF"/><stop offset="1" stop-color="#FEFFCF" stop-opacity="0"/></linearGradient><radialGradient id="l" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(30.527 -56.692 54.365) scale(20.5704 84.065)"><stop stop-color="#FFE7DA"/><stop offset="1" stop-color="#FFE7DA" stop-opacity="0"/></radialGradient></defs></svg>
+<svg id="icon" width="70" height="54" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M66.478 34.563H19.042a3.53 3.53 0 0 1-3.52-3.52V4.465a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52V31.06c0 1.936-1.584 3.502-3.52 3.502Z" fill="#39486D"/><path d="M66.478 34.563H19.042a3.53 3.53 0 0 1-3.52-3.52V4.465a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52V31.06c0 1.936-1.584 3.502-3.52 3.502Z" fill="url(#a)"/><path d="M66.478 34.563H19.042a3.53 3.53 0 0 1-3.52-3.52V4.465a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52V31.06c0 1.936-1.584 3.502-3.52 3.502Z" fill="url(#b)"/><mask id="c" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="14" y="0" width="56" height="35"><path d="M65.615 34.563H18.179a3.53 3.53 0 0 1-3.52-3.52V4.465a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52V31.06a3.504 3.504 0 0 1-3.52 3.502Z" fill="#fff"/></mask><g mask="url(#c)"><path d="M65.615 34.565H18.179a3.53 3.53 0 0 1-3.52-3.52V4.464a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52v26.597a3.504 3.504 0 0 1-3.52 3.503Z" fill="#7DC15D"/><path d="M65.615 34.565H18.179a3.53 3.53 0 0 1-3.52-3.52V4.464a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52v26.597a3.504 3.504 0 0 1-3.52 3.503Z" fill="url(#d)"/><path d="M46.625 47.8H-.812a3.53 3.53 0 0 1-3.52-3.52V17.682a3.53 3.53 0 0 1 3.52-3.52h47.437a3.53 3.53 0 0 1 3.52 3.52V44.28a3.53 3.53 0 0 1-3.52 3.52Z" fill="url(#e)"/><path d="M46.625 47.8H-.812a3.53 3.53 0 0 1-3.52-3.52V17.682a3.53 3.53 0 0 1 3.52-3.52h47.437a3.53 3.53 0 0 1 3.52 3.52V44.28a3.53 3.53 0 0 1-3.52 3.52Z" fill="url(#f)"/><path d="M69.137 8.495H14.66v6.742h54.477V8.495Z" fill="url(#g)"/><path d="M64.455 21.116H58.4a1.16 1.16 0 1 1 0-2.323h6.055a1.16 1.16 0 0 1 1.162 1.162c0 .633-.528 1.161-1.162 1.161Z" fill="#83B83E"/></g><path d="M51.816 53.15H4.38a3.53 3.53 0 0 1-3.52-3.52V23.034a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52V49.63a3.52 3.52 0 0 1-3.52 3.52Z" fill="#39486D"/><path d="M51.816 53.15H4.38a3.53 3.53 0 0 1-3.52-3.52V23.034a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52V49.63a3.52 3.52 0 0 1-3.52 3.52Z" fill="url(#h)"/><path d="M51.816 53.15H4.38a3.53 3.53 0 0 1-3.52-3.52V23.034a3.53 3.53 0 0 1 3.52-3.52h47.436a3.53 3.53 0 0 1 3.52 3.52V49.63a3.52 3.52 0 0 1-3.52 3.52Z" fill="url(#i)"/><mask id="j" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="-1" y="19" width="56" height="35"><path d="M50.953 53.15H3.516a3.53 3.53 0 0 1-3.52-3.52V23.034a3.53 3.53 0 0 1 3.52-3.52h47.437a3.53 3.53 0 0 1 3.52 3.52V49.63a3.52 3.52 0 0 1-3.52 3.52Z" fill="#fff"/></mask><g mask="url(#j)"><path d="M50.953 53.15H3.516a3.53 3.53 0 0 1-3.52-3.52V23.034a3.53 3.53 0 0 1 3.52-3.52h47.437a3.53 3.53 0 0 1 3.52 3.52V49.63a3.52 3.52 0 0 1-3.52 3.52Z" fill="#C4D7D8"/><path d="M50.953 53.15H3.516a3.53 3.53 0 0 1-3.52-3.52V23.034a3.53 3.53 0 0 1 3.52-3.52h47.437a3.53 3.53 0 0 1 3.52 3.52V49.63a3.52 3.52 0 0 1-3.52 3.52Z" fill="url(#k)"/><path d="M50.953 53.15H3.516a3.53 3.53 0 0 1-3.52-3.52V23.034a3.53 3.53 0 0 1 3.52-3.52h47.437a3.53 3.53 0 0 1 3.52 3.52V49.63a3.52 3.52 0 0 1-3.52 3.52Z" fill="url(#l)"/><path d="M49.564 62.514H29.586L55.619 25.64h19.978L49.564 62.514Z" fill="#fff"/><path d="M49.564 62.514H29.586L55.619 25.64h19.978L49.564 62.514Z" fill="url(#m)"/><path d="M-8.345 49.19h-3.292l26.033-36.875h3.31L-8.346 49.19Z" fill="#fff"/><path d="M21.365 47.87H6.545a1.16 1.16 0 1 1 0-2.323h14.838a1.16 1.16 0 0 1 1.161 1.162c0 .633-.528 1.161-1.179 1.161Z" fill="#39486D"/><path d="M21.365 47.87H6.545a1.16 1.16 0 1 1 0-2.323h14.838a1.16 1.16 0 0 1 1.161 1.162c0 .633-.528 1.161-1.179 1.161Z" fill="#004B1A"/><path d="M12.584 42.009h-5.88a1.16 1.16 0 1 1 0-2.323h5.88a1.16 1.16 0 0 1 1.161 1.161 1.16 1.16 0 0 1-1.161 1.162Zm12.902-1.18a1.16 1.16 0 0 0-1.162-1.161h-5.879a1.16 1.16 0 1 0 0 2.323h5.879c.634.018 1.162-.51 1.162-1.161Zm11.722 0a1.16 1.16 0 0 0-1.161-1.161h-5.88a1.16 1.16 0 1 0 0 2.323h5.88c.633.018 1.161-.51 1.161-1.161Zm11.74 0a1.16 1.16 0 0 0-1.161-1.161h-5.879a1.16 1.16 0 1 0 0 2.323h5.879c.634.018 1.162-.51 1.162-1.161Z" fill="#39486D"/><path d="M12.584 42.009h-5.88a1.16 1.16 0 1 1 0-2.323h5.88a1.16 1.16 0 0 1 1.161 1.161 1.16 1.16 0 0 1-1.161 1.162Zm12.902-1.18a1.16 1.16 0 0 0-1.162-1.161h-5.879a1.16 1.16 0 1 0 0 2.323h5.879c.634.018 1.162-.51 1.162-1.161Zm11.722 0a1.16 1.16 0 0 0-1.161-1.161h-5.88a1.16 1.16 0 1 0 0 2.323h5.88c.633.018 1.161-.51 1.161-1.161Zm11.74 0a1.16 1.16 0 0 0-1.161-1.161h-5.879a1.16 1.16 0 1 0 0 2.323h5.879c.634.018 1.162-.51 1.162-1.161Z" fill="#004B1A"/><path d="M11.983 33.824H7.32c-.968 0-1.76-.793-1.76-1.76v-4.665c0-.968.792-1.76 1.76-1.76h4.664c.968 0 1.76.792 1.76 1.76v4.664c0 .968-.792 1.76-1.76 1.76Z" fill="#39486D"/><path d="M11.983 33.824H7.32c-.968 0-1.76-.793-1.76-1.76v-4.665c0-.968.792-1.76 1.76-1.76h4.664c.968 0 1.76.792 1.76 1.76v4.664c0 .968-.792 1.76-1.76 1.76Z" fill="#004B1A"/><path d="M44.828 33.841a4.101 4.101 0 1 0 0-8.202 4.101 4.101 0 0 0 0 8.202Z" fill="#83B83E"/></g><defs><linearGradient id="a" x1="69.999" y1="34.563" x2="69.999" y2="17.754" gradientUnits="userSpaceOnUse"><stop stop-color="#0057D6"/><stop offset="1" stop-color="#0057D6" stop-opacity="0"/></linearGradient><linearGradient id="b" x1="50.316" y1="-79.203" x2="-2.573" y2="-70.699" gradientUnits="userSpaceOnUse"><stop stop-color="#00910E"/><stop offset=".622" stop-color="#003F1D"/><stop offset="1" stop-color="#002B9A"/></linearGradient><linearGradient id="d" x1=".243" y1="-13.056" x2="53.812" y2="38.382" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCA42"/><stop offset="1" stop-color="#FFCA42" stop-opacity="0"/></linearGradient><linearGradient id="e" x1="50.145" y1="34.899" x2="37.873" y2="23.856" gradientUnits="userSpaceOnUse"><stop stop-color="#0057D6"/><stop offset="1" stop-color="#0057D6" stop-opacity="0"/></linearGradient><linearGradient id="f" x1="83.087" y1="1.86" x2="57.23" y2="55.782" gradientUnits="userSpaceOnUse"><stop stop-color="#00910E"/><stop offset=".622" stop-color="#003F1D"/><stop offset="1" stop-color="#002B9A"/></linearGradient><linearGradient id="g" x1="49.455" y1="-7.576" x2="16.431" y2="18.904" gradientUnits="userSpaceOnUse"><stop stop-color="#00910E"/><stop offset=".622" stop-color="#003F1D"/><stop offset="1" stop-color="#9A2500"/></linearGradient><linearGradient id="h" x1="55.337" y1="53.151" x2="55.337" y2="36.332" gradientUnits="userSpaceOnUse"><stop stop-color="#0057D6"/><stop offset="1" stop-color="#0057D6" stop-opacity="0"/></linearGradient><linearGradient id="i" x1="35.654" y1="-60.675" x2="-17.236" y2="-52.176" gradientUnits="userSpaceOnUse"><stop stop-color="#00910E"/><stop offset=".622" stop-color="#003F1D"/><stop offset="1" stop-color="#002B9A"/></linearGradient><linearGradient id="k" x1="1.13" y1="20.456" x2="54.473" y2="53.151" gradientUnits="userSpaceOnUse"><stop stop-color="#D5F5C5"/><stop offset="1" stop-color="#D5F5C5" stop-opacity="0"/></linearGradient><linearGradient id="m" x1="55.355" y1="27.807" x2="55.355" y2="52.621" gradientUnits="userSpaceOnUse"><stop stop-color="#FEFFCF"/><stop offset="1" stop-color="#FEFFCF" stop-opacity="0"/></linearGradient><radialGradient id="l" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="rotate(30.527 -56.692 54.365) scale(20.5704 84.065)"><stop stop-color="#FFE7DA"/><stop offset="1" stop-color="#FFE7DA" stop-opacity="0"/></radialGradient></defs></svg>

package/src/icons/DiscountShapeIcon.svg

@@ -0,0 +1 @@
+<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m14.66 20.01-1.52 1.52c-.62.62-1.64.62-2.26 0l-1.52-1.52c-.26-.26-.77-.47-1.13-.47H6.08c-.88 0-1.6-.72-1.6-1.6v-2.15c0-.36-.21-.87-.47-1.13l-1.52-1.52c-.62-.62-.62-1.64 0-2.26l1.52-1.52c.26-.26.47-.77.47-1.13V6.08c0-.88.72-1.6 1.6-1.6M9.34 3.99l1.52-1.52c.62-.62 1.64-.62 2.26 0l1.52 1.52c.26.26.77.47 1.13.47h2.15c.88 0 1.6.72 1.6 1.6v2.15c0 .36.21.87.47 1.13l1.52 1.52c.62.62.62 1.64 0 2.26l-1.52 1.52c-.26.26-.47.77-.47 1.13v2.15c0 .88-.72 1.6-1.6 1.6" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="m9 15 6-6M14.495 14.5h.009M9.495 9.5h.008" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/icons/EarthIcon.svg

@@ -1 +1 @@
-<svg width="70" height="70" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38.528 62.959c-17.382 0-31.473-14.091-31.473-31.473C7.055 14.104 21.145.014 38.528.014 55.909.014 70 14.104 70 31.486S55.91 62.96 38.528 62.96Z" fill="url(#a)"/><g style="mix-blend-mode:color-burn"><path d="M55.47 20.3c2.851-2.194-4.496-7.348-3.948-12.337.549-4.825 7.457-.33 7.896 0C65.888 13.72 70 22.109 70 31.485c0 10.143-4.825 19.19-12.282 24.947 5.428-7.73-.164-8.773-6.196-9.32-6.031-.55-5.702 7.182-7.895 5.866-2.193-1.261-3.29-4.386.164-6.415 3.51-2.029 3.674-5.483.165-6.635-3.51-1.096-7.347 0-6.25-4.605 1.096-4.606-4.387-.548-6.032-7.731-1.645-7.183 20.945-5.1 23.796-7.293Z" fill="#3B4B80"/><path d="M55.47 20.3c2.851-2.194-4.496-7.348-3.948-12.337.549-4.825 7.457-.33 7.896 0C65.888 13.72 70 22.109 70 31.485c0 10.143-4.825 19.19-12.282 24.947 5.428-7.73-.164-8.773-6.196-9.32-6.031-.55-5.702 7.182-7.895 5.866-2.193-1.261-3.29-4.386.164-6.415 3.51-2.029 3.674-5.483.165-6.635-3.51-1.096-7.347 0-6.25-4.605 1.096-4.606-4.387-.548-6.032-7.731-1.645-7.183 20.945-5.1 23.796-7.293Z" fill="url(#b)"/></g><g style="mix-blend-mode:color-burn"><path d="M23.034 4.125A31.492 31.492 0 0 0 7.462 26.77c.549 3.235 2.413-6.909 4.441 2.906.658 3.235 2.358 1.151 2.358 1.151.658-.822-.274-2.796.877-3.509 3.126-1.864 5.538-1.974 5.758-5.483.219-4.77-3.345-3.016-1.865-7.621 1.48-4.606 6.964-2.248 6.854-5.757-.11-1.645-1.426-3.18-2.851-4.332Z" fill="#3B4B80"/><path d="M23.034 4.125A31.492 31.492 0 0 0 7.462 26.77c.549 3.235 2.413-6.909 4.441 2.906.658 3.235 2.358 1.151 2.358 1.151.658-.822-.274-2.796.877-3.509 3.126-1.864 5.538-1.974 5.758-5.483.219-4.77-3.345-3.016-1.865-7.621 1.48-4.606 6.964-2.248 6.854-5.757-.11-1.645-1.426-3.18-2.851-4.332Z" fill="url(#c)"/></g><path d="M38.527 70.25c15.384 0 27.854-1.005 27.854-2.247s-12.47-2.248-27.854-2.248c-15.383 0-27.853 1.006-27.853 2.248 0 1.242 12.47 2.248 27.853 2.248Z" fill="#050304"/><path d="M38.527 70.25c15.384 0 27.854-1.005 27.854-2.247s-12.47-2.248-27.854-2.248c-15.383 0-27.853 1.006-27.853 2.248 0 1.242 12.47 2.248 27.853 2.248Z" fill="url(#d)"/><path d="M38.527 70.25c15.384 0 27.854-1.005 27.854-2.247s-12.47-2.248-27.854-2.248c-15.383 0-27.853 1.006-27.853 2.248 0 1.242 12.47 2.248 27.853 2.248Z" fill="url(#e)"/><path d="M32.076 8.434s10.301 21.379 7.13 39.564c-5.329 30.532-26.925 6.057-29.651-6.064-2.727-12.12 22.52-33.5 22.52-33.5Z" fill="url(#f)"/><path d="M32.076 8.434s10.301 21.379 7.13 39.564c-5.329 30.532-26.925 6.057-29.651-6.064-2.727-12.12 22.52-33.5 22.52-33.5Z" fill="url(#g)"/><path d="M29.775 4.986s10.301 21.379 7.13 39.564C31.576 75.082 9.98 50.607 7.254 38.486c-2.726-12.121 22.521-33.5 22.521-33.5Z" fill="url(#h)"/><g style="mix-blend-mode:color-burn"><path d="M29.775 4.983s10.301 21.379 7.13 39.564c-5.418 21.288-16.014 17.051-18.74 4.93-2.726-12.12 11.61-44.494 11.61-44.494Z" fill="url(#i)"/><path d="M29.775 4.983s10.301 21.379 7.13 39.564c-5.418 21.288-16.014 17.051-18.74 4.93-2.726-12.12 11.61-44.494 11.61-44.494Z" fill="url(#j)"/></g><path d="M29.67 55.56C31.455 43.243 7.64 28.197 7.64 28.197s-5.353 9.13-.91 21.482c4.443 12.353 21.558 15.143 22.94 5.88Z" fill="url(#k)"/><path d="M27.37 54.409C29.154 42.094 5.34 27.048 5.34 27.048s-5.354 9.13-.91 21.482c4.442 12.352 21.558 15.143 22.94 5.879Z" fill="url(#l)"/><path d="M27.37 54.409C29.154 42.094 5.34 27.048 5.34 27.048s5.823 12.246 10.266 24.598C20.049 64 25.919 59.346 27.37 54.41Z" fill="url(#m)"/><path d="M27.37 54.409C29.154 42.094 5.34 27.048 5.34 27.048s5.823 12.246 10.266 24.598C20.049 64 25.919 59.346 27.37 54.41Z" fill="url(#n)"/><defs><linearGradient id="b" x1="59.539" y1="1.64" x2="43.692" y2="10.175" gradientUnits="userSpaceOnUse"><stop stop-color="#42AB44"/><stop offset="1" stop-color="#42AB44" stop-opacity="0"/></linearGradient><linearGradient id="c" x1="20.869" y1="1.91" x2="12.89" y2="5.728" gradientUnits="userSpaceOnUse"><stop stop-color="#42AB44"/><stop offset="1" stop-color="#42AB44" stop-opacity="0"/></linearGradient><linearGradient id="d" x1="66.588" y1="65.755" x2="66.434" y2="69.252" gradientUnits="userSpaceOnUse"><stop stop-color="#04D600"/><stop offset="1" stop-color="#00D63C" stop-opacity="0"/></linearGradient><linearGradient id="e" x1="66.587" y1="68.244" x2="33.714" y2="68.244" gradientUnits="userSpaceOnUse"><stop stop-color="#AA5200"/><stop offset="1" stop-color="#FF6B00" stop-opacity="0"/></linearGradient><linearGradient id="f" x1="21.746" y1="26.144" x2="2.92" y2="40.884" gradientUnits="userSpaceOnUse"><stop stop-color="#0D1222"/><stop offset="1" stop-color="#3137C5"/></linearGradient><linearGradient id="g" x1="24.037" y1="18.939" x2="3.527" y2="37.542" gradientUnits="userSpaceOnUse"><stop offset=".056"/><stop offset="1" stop-color="#C53131"/></linearGradient><linearGradient id="h" x1="20.39" y1="16.35" x2="28.933" y2="44.943" gradientUnits="userSpaceOnUse"><stop stop-color="#FEE54F"/><stop offset="1" stop-color="#42AB44"/></linearGradient><linearGradient id="i" x1="28.66" y1="32.223" x2="37.624" y2="29.528" gradientUnits="userSpaceOnUse"><stop stop-color="#127619"/><stop offset="1" stop-color="#C17845"/></linearGradient><linearGradient id="j" x1="28.967" y1=".657" x2="19.01" y2="4.284" gradientUnits="userSpaceOnUse"><stop stop-color="#42AB44"/><stop offset="1" stop-color="#42AB44" stop-opacity="0"/></linearGradient><linearGradient id="k" x1="17.118" y1="33.595" x2="3.932" y2="48.213" gradientUnits="userSpaceOnUse"><stop offset=".056"/><stop offset="1" stop-color="#C53131"/></linearGradient><linearGradient id="l" x1="6.838" y1="32.276" x2="18.815" y2="45.209" gradientUnits="userSpaceOnUse"><stop stop-color="#FEE54F"/><stop offset="1" stop-color="#42AB44"/></linearGradient><linearGradient id="m" x1="18.328" y1="42.911" x2="26.409" y2="39.509" gradientUnits="userSpaceOnUse"><stop stop-color="#127619"/><stop offset="1" stop-color="#C17845"/></linearGradient><linearGradient id="n" x1="19.524" y1="23.097" x2="10.867" y2="27.61" gradientUnits="userSpaceOnUse"><stop stop-color="#42AB44"/><stop offset="1" stop-color="#42AB44" stop-opacity="0"/></linearGradient><radialGradient id="a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(33.32136 -28.59185 29.20502 34.03595 21.838 29.956)"><stop stop-color="#fff"/><stop offset=".521" stop-color="#FFF9EA"/><stop offset=".828" stop-color="#DBC656"/><stop offset="1" stop-color="#A6CE39"/></radialGradient></defs></svg>
+<svg id="icon" width="70" height="70" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M38.528 62.959c-17.382 0-31.473-14.091-31.473-31.473C7.055 14.104 21.145.014 38.528.014 55.909.014 70 14.104 70 31.486S55.91 62.96 38.528 62.96Z" fill="url(#a)"/><g style="mix-blend-mode:color-burn"><path d="M55.47 20.3c2.851-2.194-4.496-7.348-3.948-12.337.549-4.825 7.457-.33 7.896 0C65.888 13.72 70 22.109 70 31.485c0 10.143-4.825 19.19-12.282 24.947 5.428-7.73-.164-8.773-6.196-9.32-6.031-.55-5.702 7.182-7.895 5.866-2.193-1.261-3.29-4.386.164-6.415 3.51-2.029 3.674-5.483.165-6.635-3.51-1.096-7.347 0-6.25-4.605 1.096-4.606-4.387-.548-6.032-7.731-1.645-7.183 20.945-5.1 23.796-7.293Z" fill="#3B4B80"/><path d="M55.47 20.3c2.851-2.194-4.496-7.348-3.948-12.337.549-4.825 7.457-.33 7.896 0C65.888 13.72 70 22.109 70 31.485c0 10.143-4.825 19.19-12.282 24.947 5.428-7.73-.164-8.773-6.196-9.32-6.031-.55-5.702 7.182-7.895 5.866-2.193-1.261-3.29-4.386.164-6.415 3.51-2.029 3.674-5.483.165-6.635-3.51-1.096-7.347 0-6.25-4.605 1.096-4.606-4.387-.548-6.032-7.731-1.645-7.183 20.945-5.1 23.796-7.293Z" fill="url(#b)"/></g><g style="mix-blend-mode:color-burn"><path d="M23.034 4.125A31.492 31.492 0 0 0 7.462 26.77c.549 3.235 2.413-6.909 4.441 2.906.658 3.235 2.358 1.151 2.358 1.151.658-.822-.274-2.796.877-3.509 3.126-1.864 5.538-1.974 5.758-5.483.219-4.77-3.345-3.016-1.865-7.621 1.48-4.606 6.964-2.248 6.854-5.757-.11-1.645-1.426-3.18-2.851-4.332Z" fill="#3B4B80"/><path d="M23.034 4.125A31.492 31.492 0 0 0 7.462 26.77c.549 3.235 2.413-6.909 4.441 2.906.658 3.235 2.358 1.151 2.358 1.151.658-.822-.274-2.796.877-3.509 3.126-1.864 5.538-1.974 5.758-5.483.219-4.77-3.345-3.016-1.865-7.621 1.48-4.606 6.964-2.248 6.854-5.757-.11-1.645-1.426-3.18-2.851-4.332Z" fill="url(#c)"/></g><path d="M38.527 70.25c15.384 0 27.854-1.005 27.854-2.247s-12.47-2.248-27.854-2.248c-15.383 0-27.853 1.006-27.853 2.248 0 1.242 12.47 2.248 27.853 2.248Z" fill="#050304"/><path d="M38.527 70.25c15.384 0 27.854-1.005 27.854-2.247s-12.47-2.248-27.854-2.248c-15.383 0-27.853 1.006-27.853 2.248 0 1.242 12.47 2.248 27.853 2.248Z" fill="url(#d)"/><path d="M38.527 70.25c15.384 0 27.854-1.005 27.854-2.247s-12.47-2.248-27.854-2.248c-15.383 0-27.853 1.006-27.853 2.248 0 1.242 12.47 2.248 27.853 2.248Z" fill="url(#e)"/><path d="M32.076 8.434s10.301 21.379 7.13 39.564c-5.329 30.532-26.925 6.057-29.651-6.064-2.727-12.12 22.52-33.5 22.52-33.5Z" fill="url(#f)"/><path d="M32.076 8.434s10.301 21.379 7.13 39.564c-5.329 30.532-26.925 6.057-29.651-6.064-2.727-12.12 22.52-33.5 22.52-33.5Z" fill="url(#g)"/><path d="M29.775 4.986s10.301 21.379 7.13 39.564C31.576 75.082 9.98 50.607 7.254 38.486c-2.726-12.121 22.521-33.5 22.521-33.5Z" fill="url(#h)"/><g style="mix-blend-mode:color-burn"><path d="M29.775 4.983s10.301 21.379 7.13 39.564c-5.418 21.288-16.014 17.051-18.74 4.93-2.726-12.12 11.61-44.494 11.61-44.494Z" fill="url(#i)"/><path d="M29.775 4.983s10.301 21.379 7.13 39.564c-5.418 21.288-16.014 17.051-18.74 4.93-2.726-12.12 11.61-44.494 11.61-44.494Z" fill="url(#j)"/></g><path d="M29.67 55.56C31.455 43.243 7.64 28.197 7.64 28.197s-5.353 9.13-.91 21.482c4.443 12.353 21.558 15.143 22.94 5.88Z" fill="url(#k)"/><path d="M27.37 54.409C29.154 42.094 5.34 27.048 5.34 27.048s-5.354 9.13-.91 21.482c4.442 12.352 21.558 15.143 22.94 5.879Z" fill="url(#l)"/><path d="M27.37 54.409C29.154 42.094 5.34 27.048 5.34 27.048s5.823 12.246 10.266 24.598C20.049 64 25.919 59.346 27.37 54.41Z" fill="url(#m)"/><path d="M27.37 54.409C29.154 42.094 5.34 27.048 5.34 27.048s5.823 12.246 10.266 24.598C20.049 64 25.919 59.346 27.37 54.41Z" fill="url(#n)"/><defs><linearGradient id="b" x1="59.539" y1="1.64" x2="43.692" y2="10.175" gradientUnits="userSpaceOnUse"><stop stop-color="#42AB44"/><stop offset="1" stop-color="#42AB44" stop-opacity="0"/></linearGradient><linearGradient id="c" x1="20.869" y1="1.91" x2="12.89" y2="5.728" gradientUnits="userSpaceOnUse"><stop stop-color="#42AB44"/><stop offset="1" stop-color="#42AB44" stop-opacity="0"/></linearGradient><linearGradient id="d" x1="66.588" y1="65.755" x2="66.434" y2="69.252" gradientUnits="userSpaceOnUse"><stop stop-color="#04D600"/><stop offset="1" stop-color="#00D63C" stop-opacity="0"/></linearGradient><linearGradient id="e" x1="66.587" y1="68.244" x2="33.714" y2="68.244" gradientUnits="userSpaceOnUse"><stop stop-color="#AA5200"/><stop offset="1" stop-color="#FF6B00" stop-opacity="0"/></linearGradient><linearGradient id="f" x1="21.746" y1="26.144" x2="2.92" y2="40.884" gradientUnits="userSpaceOnUse"><stop stop-color="#0D1222"/><stop offset="1" stop-color="#3137C5"/></linearGradient><linearGradient id="g" x1="24.037" y1="18.939" x2="3.527" y2="37.542" gradientUnits="userSpaceOnUse"><stop offset=".056"/><stop offset="1" stop-color="#C53131"/></linearGradient><linearGradient id="h" x1="20.39" y1="16.35" x2="28.933" y2="44.943" gradientUnits="userSpaceOnUse"><stop stop-color="#FEE54F"/><stop offset="1" stop-color="#42AB44"/></linearGradient><linearGradient id="i" x1="28.66" y1="32.223" x2="37.624" y2="29.528" gradientUnits="userSpaceOnUse"><stop stop-color="#127619"/><stop offset="1" stop-color="#C17845"/></linearGradient><linearGradient id="j" x1="28.967" y1=".657" x2="19.01" y2="4.284" gradientUnits="userSpaceOnUse"><stop stop-color="#42AB44"/><stop offset="1" stop-color="#42AB44" stop-opacity="0"/></linearGradient><linearGradient id="k" x1="17.118" y1="33.595" x2="3.932" y2="48.213" gradientUnits="userSpaceOnUse"><stop offset=".056"/><stop offset="1" stop-color="#C53131"/></linearGradient><linearGradient id="l" x1="6.838" y1="32.276" x2="18.815" y2="45.209" gradientUnits="userSpaceOnUse"><stop stop-color="#FEE54F"/><stop offset="1" stop-color="#42AB44"/></linearGradient><linearGradient id="m" x1="18.328" y1="42.911" x2="26.409" y2="39.509" gradientUnits="userSpaceOnUse"><stop stop-color="#127619"/><stop offset="1" stop-color="#C17845"/></linearGradient><linearGradient id="n" x1="19.524" y1="23.097" x2="10.867" y2="27.61" gradientUnits="userSpaceOnUse"><stop stop-color="#42AB44"/><stop offset="1" stop-color="#42AB44" stop-opacity="0"/></linearGradient><radialGradient id="a" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="matrix(33.32136 -28.59185 29.20502 34.03595 21.838 29.956)"><stop stop-color="#fff"/><stop offset=".521" stop-color="#FFF9EA"/><stop offset=".828" stop-color="#DBC656"/><stop offset="1" stop-color="#A6CE39"/></radialGradient></defs></svg>

package/src/icons/EmptyWalletWhiteIcon.svg

@@ -1,4 +1,4 @@
-<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
   <path
     stroke="#fff"
     stroke-width="2"

package/src/icons/GlobalIcon.svg

@@ -1 +1 @@
-<svg width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.54 12c0 3.04.49 6.08 1.46 9H8M8 3h1c-.49 1.46-.85 2.95-1.1 4.46M16.13 16.36c-.25 1.56-.62 3.12-1.13 4.64M15 3c.97 2.92 1.46 5.96 1.46 9" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 16v-1a28.424 28.424 0 0 0 18 0v1M3 9a28.424 28.424 0 0 1 18 0" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>
+<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.54 12c0 3.04.49 6.08 1.46 9H8M8 3h1c-.49 1.46-.85 2.95-1.1 4.46M16.13 16.36c-.25 1.56-.62 3.12-1.13 4.64M15 3c.97 2.92 1.46 5.96 1.46 9" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3 16v-1a28.424 28.424 0 0 0 18 0v1M3 9a28.424 28.424 0 0 1 18 0" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Z" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/src/icons/GridIcon.svg

@@ -1,4 +1,4 @@
 <svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 33">
-    <rect fill="#F5F7F9" width="32" height="32" y=".5" rx="16"/>
+    <rect fill="currentColor" width="32" height="32" y=".5" rx="16"/>
     <path fill="#1C1C1C" d="M13 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 18a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 21.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM23 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/>
 </svg>

package/src/icons/GridIconWhite.svg

@@ -0,0 +1,4 @@
+<svg id="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 33">
+    <rect fill="rgba(255, 255, 255, 0.2)" width="32" height="32" y=".5" rx="16"/>
+    <path fill="#FFFFFF" d="M13 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM13 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM11.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 11.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM16.5 18a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM18 21.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 13a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM23 16.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM21.5 23a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/>
+</svg>