@redneckz/wildless-cms-uni-blocks 0.2.92 → 0.2.96

package/src/components/TextBlock/TextBlock.fixture.tsx

@@ -1,6 +1,7 @@
+import type { Picture } from '../../model/Picture';
 import { context } from '../../setup-fixture';
 import { TextBlock } from './TextBlock';
-import type { Picture } from '../../model/Picture';
+import { TextBlockContent } from './TextBlockContent';
 
 const image: Picture = {
   src: 'bank-card.png',
@@ -11,105 +12,77 @@ const image: Picture = {
   },
 };
 
+export const TEXT_BLOCK: TextBlockContent = {
+  title: 'Все карты Россельхозбанка работают',
+  description:
+    "Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка",
+};
+
 export default (
-  <div className="font-sans overflow-hidden">
-    <div>
-      <p>Private clients</p>
-      <div className="flex flex-col gap-6" data-theme="pc">
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="primary"
-          iconVersion="small"
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="primary"
-          iconVersion="big"
-          image={image}
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="primary"
-          iconVersion="none"
-        />
-        <TextBlock
-          context={context}
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="primary"
-          iconVersion="small"
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="secondary"
-          iconVersion="small"
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="secondary-light"
-          iconVersion="small"
-        />
+  <div className="container grid grid-cols-12">
+    <div className="font-sans overflow-hidden col-span-12">
+      <div>
+        <p>Private clients</p>
+        <div className="flex flex-col gap-6" data-theme="pc">
+          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="primary"
+            iconVersion="big"
+            image={image}
+          />
+          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="none" />
+          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary"
+            iconVersion="small"
+          />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary-light"
+            iconVersion="small"
+          />
+        </div>
       </div>
-    </div>
-    <div>
-      <p>Business clients</p>
-      <div className="flex flex-col gap-6" data-theme="bc">
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="primary"
-          iconVersion="small"
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="secondary"
-          iconVersion="small"
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="secondary-light"
-          iconVersion="small"
-        />
+      <div>
+        <p>Business clients</p>
+        <div className="flex flex-col gap-6" data-theme="bc">
+          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary"
+            iconVersion="small"
+          />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary-light"
+            iconVersion="small"
+          />
+        </div>
       </div>
-    </div>
-    <div>
-      <p>Ecosystem own</p>
-      <div className="flex flex-col gap-6" data-theme="eo">
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="primary"
-          iconVersion="small"
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="secondary"
-          iconVersion="small"
-        />
-        <TextBlock
-          context={context}
-          title="Все карты Россельхозбанка работают"
-          description="Если не планируете поездку за границу, продолжайте пользоваться картой Своя. Для поездок за границу можно заказать карту 'Кредитная карта Своя Union Pay' на сайте и в приложении Россельхозбанка"
-          blockVersion="secondary-light"
-          iconVersion="small"
-        />
+      <div>
+        <p>Ecosystem own</p>
+        <div className="flex flex-col gap-6" data-theme="eo">
+          <TextBlock context={context} {...TEXT_BLOCK} blockVersion="primary" iconVersion="small" />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary"
+            iconVersion="small"
+          />
+          <TextBlock
+            context={context}
+            {...TEXT_BLOCK}
+            blockVersion="secondary-light"
+            iconVersion="small"
+          />
+        </div>
       </div>
     </div>
   </div>

package/src/components/TextBlock/TextBlockContent.ts

@@ -18,9 +18,8 @@ export type TextBlockIconVersion = 'none' | 'small' | 'big';
 export interface TextBlockContent {
   /** @title Заголовок */
   title?: string;
-  /** @title Описание */
   description?: string;
-  blockVersion?: TextBlockVersion;
   iconVersion?: TextBlockIconVersion;
   image?: Picture;
+  blockVersion?: TextBlockVersion;
 }

package/src/components/Tile/Tile.example.json

@@ -6,7 +6,9 @@
     "format": "webp",
     "size": {
       "width": 300
-    }
+    },
+    "alt": "Описание картинки",
+    "title": "Подсказка"
   },
   "items": ["Пункт 1", "Пункт 2", "Пункт 3"],
   "buttons": [
@@ -14,5 +16,6 @@
       "text": "Подробнее",
       "version": "primary"
     }
-  ]
+  ],
+  "version": "primary"
 }

package/src/components/Tile/Tile.fixture.tsx

@@ -25,7 +25,7 @@ const image4: Picture = {
 
 export default {
   credit: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <Tile
         context={context}
         className="col-span-8"
@@ -47,15 +47,18 @@ export default {
     </div>
   ),
   mortgage: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <Tile
         context={context}
         version="secondary"
         className="col-span-4"
         title="Ипотека"
-        description={
-          'Широкий выбор ипотечных программ с государственной поддержкой. Специальные предложения от 12,2 %'
-        }
+        items={[
+          'Качественные фермерские продукты напрямую от производителей',
+          'Самая большая база сельских туров по России',
+          'Площадки для создания комфортной жизни за городом',
+          'Подробная база вакансий для жителей сельской местности',
+        ]}
         buttons={[
           {
             href: 'https://rshb.ru',
@@ -68,7 +71,7 @@ export default {
     </div>
   ),
   'credit-card': (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <Tile
         context={context}
         className="col-span-6"
@@ -87,7 +90,7 @@ export default {
     </div>
   ),
   premium: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <Tile
         context={context}
         className="col-span-6"
@@ -108,7 +111,7 @@ export default {
     </div>
   ),
   ecosystem: (
-    <div className="grid grid-cols-12">
+    <div className="container grid grid-cols-12">
       <Tile
         context={context}
         className="col-span-12 pr-28"

package/src/components/Tile/Tile.tsx

@@ -1,9 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { BaseTile } from '../BaseTile/BaseTile';
 import type { BlockVersion } from '../../model/BlockVersion';
-import type { TileContent } from '../Tile/TileContent';
 import type { UniBlockProps } from '../../types';
 import { getColSpan } from '../../utils/getColSpan';
+import { BaseTile } from '../BaseTile/BaseTile';
+import type { TileContent } from '../Tile/TileContent';
 
 export interface TileProps extends TileContent, UniBlockProps {}
 
@@ -17,16 +17,16 @@ export const Tile = JSX<TileProps>((props) => {
 
   return (
     <section
-      className={`font-sans p-9 min-h-[320px] box-border ${className || ''} ${
+      className={`font-sans p-9 box-border ${className || ''} ${
         tileStyleMap[version]
-      } ${getContainerPaddingRight(className)} `}
+      } ${getContainerPaddingRight(className)} ${getContainerMinHeight(className)} `}
     >
       <BaseTile {...props}>{children}</BaseTile>
     </section>
   );
 });
 
-function getContainerPaddingRight(className: string = '') {
+function getContainerPaddingRight(className = '') {
   const colSpan = getColSpan(className);
   if (colSpan <= 6) {
     return 'pr-9';
@@ -36,3 +36,14 @@ function getContainerPaddingRight(className: string = '') {
     return 'pr-[9.4rem]';
   }
 }
+
+function getContainerMinHeight(className = '') {
+  const colSpan = getColSpan(className);
+  if (colSpan <= 6) {
+    return 'min-h-[300px]';
+  } else if (colSpan <= 8) {
+    return 'min-h-[320px]';
+  } else {
+    return 'min-h-[360px]';
+  }
+}

package/src/content-page-repository/ContentPageRepository.ts

@@ -8,6 +8,7 @@ import { transformContentPage } from './transformContentPage';
 const INDEX_PAGE_SLUG = 'index';
 const find = util.promisify(glob);
 
+// eslint-disable-next-line max-lines-per-function
 export function ContentPageRepository({
   contentDir = 'content',
   publicDir = 'public',

package/src/hooks/useComparisonTableScroll.ts

@@ -1,9 +1,14 @@
-export const useComparisonTableScroll = <COL_DATA>(
-  colData: COL_DATA[],
-  colsLengthForScroll: number,
-  activeCardIndex: number,
-  setActiveCardIndex: (_: number) => void,
-) => {
+export const useComparisonTableScroll = <ColData>({
+  colData,
+  colsLengthForScroll,
+  activeCardIndex,
+  setActiveCardIndex,
+}: {
+  colData: ColData[];
+  colsLengthForScroll: number;
+  activeCardIndex: number;
+  setActiveCardIndex: (_: number) => void;
+}) => {
   const nextClick = () => setActiveCardIndex(activeCardIndex + 1);
   const prevClick = () => setActiveCardIndex(activeCardIndex - 1);
 

package/src/hooks/useLink.ts

@@ -2,7 +2,7 @@ import { HandlerDecorator, Router } from '../components/ContentPage/ContentPageC
 import type { LinkProps } from '../model/LinkProps';
 import { adjustHref, isURL } from '../utils/url';
 
-const defaultHandlerDecorator: HandlerDecorator = (handler, targetContent) => handler;
+const defaultHandlerDecorator: HandlerDecorator = (handler) => handler;
 
 export function useLink(
   {

package/src/setup-fixture.ts

@@ -1,11 +1,10 @@
 import { setup } from '@redneckz/uni-jsx';
 
-import runtime from 'react/jsx-runtime';
 import { useEffect, useState } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import { DaDataAPI } from './api/DaDataAPI';
 import type { ContentPageContext } from './components/ContentPage/ContentPageContext';
 
-const { jsx, jsxs } = runtime as any;
 setup(jsx, jsxs);
 
 const TEST_ORIGIN = 'http://localhost:5001';

package/src/types.ts

@@ -15,6 +15,15 @@ export interface BlockDef {
   };
 }
 
+export interface Slot {
+  style?: string[];
+  blocks?: BlockDef[];
+}
+
+export interface SlotsMap {
+  header?: Slot;
+}
+
 export interface ContentPageMeta {
   title: string;
   slug: string;
@@ -26,7 +35,8 @@ export interface ContentPageMeta {
 
 export interface ContentPageDef extends ContentPageMeta {
   style?: string[];
-  blocks?: BlockDef[];
+  blocks?: BlockDef[]; //! for compatibility
+  slots?: SlotsMap;
   likeControl?: boolean;
   colorPalette?: ColorPalette;
 }

package/src/ui-kit/BlockItem/BlockItem.tsx

@@ -2,13 +2,13 @@ import { JSX } from '@redneckz/uni-jsx';
 import { BlockItemProps, BlockItemVersion } from './BlockItemProps';
 
 const listStyleMap: Record<BlockItemVersion, string> = {
-  primary: 'bg-primary-main w-[8px] h-[8px] min-w-[8px] min-h-[8px] mt-2 rounded-full',
-  secondary: 'bg-secondary-text w-[6px] h-[6px] min-w-[6px] min-h-[6px] mt-2.5 rounded-full',
+  primary: 'bg-secondary-text w-[6px] h-[6px] min-w-[6px] min-h-[6px] mt-2.5 rounded-full',
+  secondary: 'bg-white w-[6px] h-[6px] min-w-[6px] min-h-[6px] mt-2.5 rounded-full',
 };
 
 const textStyleMap: Record<BlockItemVersion, string> = {
-  primary: 'text-primary-text',
-  secondary: 'text-secondary-text',
+  primary: 'text-secondary-text',
+  secondary: '',
 };
 
 export const BlockItem = JSX<BlockItemProps>(

package/src/ui-kit/Checkbox/Checkbox.tsx

@@ -15,7 +15,9 @@ export const Checkbox = JSX<CheckboxProps>(({ text, checked, onChange, className
   <div className={className}>
     <label className="flex items-center cursor-pointer relative">
       <input
-        className={`peer appearance-none w-5 h-5 border-solid border rounded border-black checked:bg-primary-main checked:border-primary-main`}
+        className={`peer appearance-none w-5 h-5 border-solid border ${
+          checked ? 'border-black' : 'border-main-stroke'
+        } rounded checked:bg-primary-main checked:border-primary-main m-0`}
         type="checkbox"
         onChange={(e) => {
           onChange(e.target.checked);
@@ -24,13 +26,15 @@ export const Checkbox = JSX<CheckboxProps>(({ text, checked, onChange, className
       />
       <SVG
         paths={CHECK_PATHS}
-        className="hidden absolute left-2 ml-px peer-checked:block"
+        className="hidden absolute left-1 ml-px peer-checked:block"
         width="11"
         height="9"
         fill="white"
         viewBox="0 0 11 9"
       />
-      {text ? <span className="font-sans ml-2 text-sm cursor-pointer">{text}</span> : null}
+      {text ? (
+        <span className="font-sans ml-3 text-sm leading-5 cursor-pointer">{text}</span>
+      ) : null}
     </label>
   </div>
 ));

package/src/ui-kit/InputRange/InputRange.tsx

@@ -24,21 +24,22 @@ export const InputRange = JSX<InputRangeProps>(
 
     return (
       <div className={className}>
-        <div className="relative">
+        <label className="block relative">
           {title ? (
             <span className="absolute text-xs text-secondary-text top-1 mt-0.5 pl-4 ml-0.5">
               {title}
             </span>
           ) : null}
           <input
-            className={`m-0 font-sans text-sm w-full h-12 border-2 border-solid border-main-divider rounded-md outline-none p-0 pl-4 m-0 box-border text-primary-text ${
-              title ? 'pt-4' : ''
-            }`}
+            className={`m-0 font-sans text-sm w-full h-12 border border-solid border-main-stroke rounded-md
+                        outline-none p-0 pl-4 m-0 box-border text-primary-text ${
+                          title ? 'pt-4' : ''
+                        }`}
             value={addSpacesBetweenNumbers(value)}
             onChange={(e) => handleChange(e.target.value)}
             onBlur={handleBlur}
           />
-          <div className="absolute inset-x-0 mt-0.5 top-8 px-4">
+          <div className="absolute inset-x-0 top-8 px-4">
             <input
               className="box-border w-full m-0 cursor-pointer slider"
               type="range"
@@ -50,10 +51,10 @@ export const InputRange = JSX<InputRangeProps>(
               style={inputStyle}
             />
           </div>
-        </div>
-        <div className="flex justify-between mt-3 mb-4">
+        </label>
+        <div className="flex justify-between my-3">
           {items.map((item, i) => (
-            <span key={String(i)} className="text-xs text-secondary-text pl-4">
+            <span key={String(i)} className="text-xs leading-[14px] text-secondary-text pl-4">
               {item}
             </span>
           ))}

package/src/ui-kit/SearchBar.tsx

@@ -4,6 +4,7 @@ import { Icon } from './Icon/Icon';
 
 export const SearchBar = JSX<UniBlockProps>(({ className, context }) => {
   const { term, setTerm } = context.useSearch();
+  const [inputHasFocus, setInputHasFocus] = context.useState<boolean>(false);
   return (
     <form className={`relative ${className || ''}`}>
       <div className="absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none">
@@ -11,22 +12,30 @@ export const SearchBar = JSX<UniBlockProps>(({ className, context }) => {
           <Icon name="LoupeIcon" width="24" height="24" />
         </div>
         {!term && (
-          <span className="font-sans font-normal text-base text-secondary-text">
+          <label
+            htmlFor="search-bar-input"
+            className="font-sans font-normal text-base text-secondary-text"
+          >
             Поиск по сайту
-          </span>
+          </label>
         )}
       </div>
       <input
-        className="pl-12 w-full font-sans font-normal text-base text-black border border-solid border-main-divider rounded h-full box-border outline-none pr-[6%]"
+        id="search-bar-input"
+        className={`${
+          inputHasFocus ? 'border-primary-text' : 'border-main-divider'
+        } h-12 pl-12 w-full font-sans font-normal text-base text-black border border-solid rounded h-full box-border outline-none pr-[6%]`}
         value={term}
         onChange={(e) => setTerm(e.target.value)}
+        onFocus={(e) => setInputHasFocus(true)}
+        onBlur={(e) => setInputHasFocus(false)}
         type="text"
-        name="s"
+        name="search-bar-input"
       />
-      {term && (
+      {inputHasFocus && (
         <button
           type="submit"
-          className="absolute font-sans font-normal text-sm cursor-pointer bg-transparent hover:bg-primary-hover active:bg-primary-active text-primary-main hover:text-white border-none px-5 py-2 rounded top-1 right-1 outline-none"
+          className="absolute font-sans font-normal cursor-pointer text-sm bg-primary-main hover:bg-primary-hover active:bg-primary-active border-none px-9 py-[9px] rounded top-1 right-1 outline-none text-secondary-text text-white"
           onClick={(e) => {
             e.preventDefault();
             console.log('click');

package/src/Icons/CalendarCircleIcon.svg

@@ -1,14 +0,0 @@
-<svg id="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M9.88965 5.83008V7.83008" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
-        stroke-linejoin="round"/>
-  <path d="M14.1104 5.83008V7.83008" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
-        stroke-linejoin="round"/>
-  <path d="M7.53027 10.1401H16.4703" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
-        stroke-linejoin="round"/>
-  <path
-    d="M13.5 17.6699H10.5C8 17.6699 6.5 15.8699 6.5 13.6699V10.6699C6.5 8.46992 8 6.66992 10.5 6.66992H13.5C16 6.66992 17.5 8.46992 17.5 10.6699V13.6699C17.5 15.8699 16 17.6699 13.5 17.6699Z"
-    stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-  <path
-    d="M4 6C2.75 7.67 2 9.75 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2C10.57 2 9.2 2.30001 7.97 2.85001"
-    stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/Icons/CardIcon.svg

@@ -1,11 +0,0 @@
-<svg id="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M2 8.5H22" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
-        stroke-linejoin="round"/>
-  <path d="M6 16.5H8" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
-        stroke-linejoin="round"/>
-  <path d="M10.5 16.5H14.5" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
-        stroke-linejoin="round"/>
-  <path
-    d="M22 14.99V16.11C22 19.62 21.11 20.5 17.56 20.5H6.44C2.89 20.5 2 19.62 2 16.11V7.89C2 4.38 2.89 3.5 6.44 3.5H17.55C21.11 3.5 22 4.38 22 7.89V10.98"
-    stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/Icons/CardPosIcon.svg

@@ -1,12 +0,0 @@
-<svg id="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M3.92969 15.8802L15.8797 3.93018" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10"
-        stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M11.0996 18.2801L12.2996 17.0801" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10"
-        stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M13.79 15.5902L16.18 13.2002" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10"
-        stroke-linecap="round" stroke-linejoin="round"/>
-  <path
-    d="M20.4305 8.47998C22.5305 10.58 22.5205 11.64 20.4005 13.76L13.7605 20.4C11.6405 22.52 10.5805 22.53 8.48046 20.43L3.57047 15.52C1.47047 13.42 1.48047 12.36 3.60047 10.24L10.2405 3.59998C12.3605 1.47998 13.4205 1.46998 15.5205 3.56998L17.4205 5.46998"
-    stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M2 22H22" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/Icons/CardTickIcon.svg

@@ -1,13 +0,0 @@
-<svg id="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path d="M2 8.5H13.5" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
-        stroke-linejoin="round"/>
-  <path d="M6 16.5H8" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
-        stroke-linejoin="round"/>
-  <path d="M10.5 16.5H14.5" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"
-        stroke-linejoin="round"/>
-  <path d="M2 11.01V7.89C2 4.38 2.89 3.5 6.44 3.5H13.5" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round"
-        stroke-linejoin="round"/>
-  <path d="M22 11.0298V16.1098C22 19.6198 21.11 20.4998 17.56 20.4998H6.44C2.89 20.4998 2 19.6198 2 16.1098V15.0098"
-        stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M16.5 6L18 7.5L22 3.5" stroke="#42AB44" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/src/Icons/EmptyWalletChangeIcon.svg

@@ -1,21 +0,0 @@
-<svg id="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-  <path
-    d="M2.5 13.24V11.51C2.5 9.44001 4.18999 7.75 6.25999 7.75H17.74C19.81 7.75 21.5 9.44001 21.5 11.51V12.95H19.48C18.92 12.95 18.41 13.17 18.04 13.55C17.62 13.96 17.38 14.55 17.44 15.18C17.53 16.26 18.52 17.05 19.6 17.05H21.5V18.24C21.5 20.31 19.81 22 17.74 22H12.26"
-    stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path
-    d="M22.5598 13.9702V16.0302C22.5598 16.5802 22.1198 17.0302 21.5598 17.0502H19.5998C18.5198 17.0502 17.5298 16.2602 17.4398 15.1802C17.3798 14.5502 17.6198 13.9602 18.0398 13.5502C18.4098 13.1702 18.9198 12.9502 19.4798 12.9502H21.5598C22.1198 12.9702 22.5598 13.4202 22.5598 13.9702Z"
-    stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M7 12H14" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M3 16.5H8.34C8.98 16.5 9.5 17.02 9.5 17.66V18.94" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10"
-        stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M4.22 15.2803L3 16.5002L4.22 17.7202" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10"
-        stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M9.5 21.7803H4.16C3.52 21.7803 3 21.2603 3 20.6203V19.3403" stroke="#42AB44" stroke-width="2"
-        stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M8.28027 23.0001L9.50027 21.7801L8.28027 20.5601" stroke="#42AB44" stroke-width="2" stroke-miterlimit="10"
-        stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M12.2803 2.16982C13.5203 1.69982 14.8503 2.61985 14.8503 3.94985V7.74983" stroke="#1C1C1C" stroke-width="2"
-        stroke-linecap="round" stroke-linejoin="round"/>
-  <path d="M2.5 12.4099V7.83997C2.5 6.64997 3.23 5.58992 4.34 5.16992L8.31 3.66992" stroke="#1C1C1C" stroke-width="2"
-        stroke-linecap="round" stroke-linejoin="round"/>
-</svg>