@redneckz/wildless-cms-uni-blocks 0.3.86 → 0.3.88

package/src/components/__snapshots__/Blocks.spec.tsx.snap

@@ -1,11 +1,21 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Blocks Accordion should render block "Accordion" without content 1`] = `<section />`;
+exports[`Blocks Accordion should render block "Accordion" without content 1`] = `
+<section
+  class="p-[50px] font-sans bg-white text-primary-text "
+/>
+`;
 
-exports[`Blocks BenefitsBlock should render block "BenefitsBlock" without content 1`] = `<section />`;
+exports[`Blocks BenefitsBlock should render block "BenefitsBlock" without content 1`] = `
+<section
+  class="font-sans text-primary-text bg-white p-12 flex flex-col items-center "
+/>
+`;
 
 exports[`Blocks Bonus should render block "Bonus" without content 1`] = `
-<section>
+<section
+  class="font-sans bg-white p-[50px] pb-9 "
+>
   <div
     class="container"
   >
@@ -16,10 +26,16 @@ exports[`Blocks Bonus should render block "Bonus" without content 1`] = `
 </section>
 `;
 
-exports[`Blocks BonusBenefitsBlock should render block "BonusBenefitsBlock" without content 1`] = `<section />`;
+exports[`Blocks BonusBenefitsBlock should render block "BonusBenefitsBlock" without content 1`] = `
+<section
+  class="font-sans text-primary-text bg-white p-50 flex flex-col text-center "
+/>
+`;
 
 exports[`Blocks Calculator should render block "Calculator" without content 1`] = `
-<section>
+<section
+  class="box-border overflow-hidden relative font-sans w-100 bg-white text-primary-text "
+>
   <div>
     <div />
   </div>
@@ -32,7 +48,9 @@ exports[`Blocks Calculator should render block "Calculator" without content 1`]
 `;
 
 exports[`Blocks Catalog should render block "Catalog" without content 1`] = `
-<section>
+<section
+  class="bg-white relative font-sans p-12 overflow-hidden text-center "
+>
   <div
     class="flex duration-1000 gap-3.5"
     role="list"
@@ -49,7 +67,9 @@ exports[`Blocks Catalog should render block "Catalog" without content 1`] = `
 `;
 
 exports[`Blocks ComparisonTable should render block "ComparisonTable" without content 1`] = `
-<section>
+<section
+  class="bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative "
+>
   <h3
     class="font-sans m-0 text-h2 max-w-[47rem] text-center mb-9 mx-auto"
   />
@@ -62,7 +82,9 @@ exports[`Blocks ComparisonTable should render block "ComparisonTable" without co
 `;
 
 exports[`Blocks ExchangeRateTile should render block "ExchangeRateTile" without content 1`] = `
-<section>
+<section
+  class="bg-white text-primary-text font-sans p-9 box-border "
+>
   <div
     class="font-sans flex flex-col grow h-full items-start "
   >
@@ -155,7 +177,9 @@ exports[`Blocks ExchangeRateTile should render block "ExchangeRateTile" without
 `;
 
 exports[`Blocks Footer should render block "Footer" without content 1`] = `
-<section>
+<footer
+  class="p-9 bg-white "
+>
   <div
     class="flex items-stretch gap-[54px] pb-[30px] xl:gap-8"
   >
@@ -209,14 +233,14 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
           />
         </div>
         <label
-          class="text-secondary-text font-light text-base"
+          class="text-secondary-text text-l-light"
           for="search-bar-input"
         >
           Поиск по сайту
         </label>
       </div>
       <input
-        class="h-12 pl-12 w-full peer text-base text-black border border-solid rounded box-border
+        class="h-12 pl-12 w-full peer text-l text-black border border-solid rounded box-border
               outline-none pr-[6%] border-main-divider focus:border-primary-text font-light h-full"
         id="search-bar-input"
         name="search-bar-input"
@@ -224,7 +248,7 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
         value=""
       />
       <a
-        class="text-center font-sans select-none inline-block cursor-pointer no-underline text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md invisible peer-focus:visible absolute top-1 right-1"
+        class="text-center font-sans select-none inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md invisible peer-focus:visible absolute top-1 right-1"
         role="button"
       >
         <div
@@ -246,7 +270,7 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
       >
         <a
           aria-label="Обратная связь"
-          class="text-center font-sans select-none inline-block cursor-pointer no-underline text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md mb-6 w-full"
+          class="text-center font-sans select-none inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md mb-6 w-full"
           href="/"
           role="link"
           target="_blank"
@@ -259,7 +283,7 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
                 class="text-xs text-left"
               />
               <div
-                class="text-left text-base"
+                class="text-left text-l"
               >
                 Обратная связь
               </div>
@@ -272,7 +296,7 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
           class="flex gap-2.5 "
         />
         <span
-          class="font-light text-sm text-secondary-text"
+          class="text-s-light text-secondary-text"
         >
           Соцсети
         </span>
@@ -282,7 +306,7 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
           class="flex gap-2.5 mt-6"
         />
         <span
-          class="font-light text-sm text-secondary-text"
+          class="text-s-light text-secondary-text"
         >
           Мобильное приложение
         </span>
@@ -308,11 +332,13 @@ exports[`Blocks Footer should render block "Footer" without content 1`] = `
       </span>
     </div>
   </div>
-</section>
+</footer>
 `;
 
 exports[`Blocks Gallery should render block "Gallery" without content 1`] = `
-<section>
+<section
+  class="relative font-sans text-primary-text bg-white p-[42px] overflow-hidden "
+>
   <div>
     <div
       class="absolute top-0 left-0 bottom-0 w-[84px] bg-gradient-to-r from-white to-transparent"
@@ -337,20 +363,28 @@ exports[`Blocks Gallery should render block "Gallery" without content 1`] = `
 `;
 
 exports[`Blocks GracePeriod should render block "GracePeriod" without content 1`] = `
-<section>
+<section
+  class="font-sans bg-white p-[50px] "
+>
   <h3
     class="font-sans m-0 text-h3 text-center"
   />
   <div
-    class="font-light text-base-md text-center mt-3"
+    class="text-l-light-md text-center mt-3"
   />
 </section>
 `;
 
-exports[`Blocks GroupBlock should render block "GroupBlock" without content 1`] = `<section />`;
+exports[`Blocks GroupBlock should render block "GroupBlock" without content 1`] = `
+<section
+  class="box-border "
+/>
+`;
 
 exports[`Blocks Header should render block "Header" without content 1`] = `
-<section>
+<header
+  class="pt-6 pb-5 px-20 bg-white "
+>
   <div
     class="container"
   >
@@ -466,17 +500,25 @@ exports[`Blocks Header should render block "Header" without content 1`] = `
       class="mt-6 h-[1px] bg-main-divider"
     />
   </div>
-</section>
+</header>
 `;
 
-exports[`Blocks Headline should render block "Headline" without content 1`] = `<section />`;
+exports[`Blocks Headline should render block "Headline" without content 1`] = `
+<section
+  class="font-sans flex flex-col p-[50px] gap-4 bg-transparent "
+/>
+`;
 
 exports[`Blocks Insurance should render block "Insurance" without content 1`] = `
-<section>
-  <section />
+<section
+  class="px-[100px] py-[50px] bg-white text-primary-text font-sans "
+>
+  <section
+    class="font-sans flex flex-col p-[50px] gap-3 bg-transparent !p-0"
+  />
   <div>
     <div
-      class="mt-5 mx-auto flex justify-center gap-[122px] mt-[30px]"
+      class="mx-auto flex justify-center gap-[122px] mt-[30px]"
     >
       <div
         class="w-[558px] m-auto"
@@ -487,7 +529,9 @@ exports[`Blocks Insurance should render block "Insurance" without content 1`] =
 `;
 
 exports[`Blocks InsuranceAmountBlock should render block "InsuranceAmountBlock" without content 1`] = `
-<section>
+<section
+  class="box-border py-[50px] overflow-hidden relative font-sans w-100 bg-white "
+>
   <div
     class="flex"
     role="list"
@@ -497,13 +541,19 @@ exports[`Blocks InsuranceAmountBlock should render block "InsuranceAmountBlock"
 `;
 
 exports[`Blocks LinkDocs should render block "LinkDocs" without content 1`] = `
-<section>
-  <section />
+<section
+  class="font-sans text-primary-text p-[50px] bg-white "
+>
+  <section
+    class="font-sans flex flex-col p-[50px] gap-3 bg-transparent !p-0"
+  />
 </section>
 `;
 
 exports[`Blocks MiniGallery should render block "MiniGallery" without content 1`] = `
-<section>
+<section
+  class="relative font-sans text-primary-text bg-white p-[42px] overflow-hidden "
+>
   <div>
     <div
       class="absolute top-0 left-0 bottom-0 w-[84px] bg-gradient-to-r from-white to-transparent"
@@ -528,7 +578,12 @@ exports[`Blocks MiniGallery should render block "MiniGallery" without content 1`
 `;
 
 exports[`Blocks MobileAppTile should render block "MobileAppTile" without content 1`] = `
-<section>
+<section
+  class="flex justify-between font-sans p-9 box-border relative
+        pr-[9.4rem] min-h-[360px]
+        bg-white text-primary-text
+        "
+>
   <div
     class="font-sans flex flex-col grow h-full items-start "
   >
@@ -562,19 +617,31 @@ exports[`Blocks MobileAppTile should render block "MobileAppTile" without conten
 `;
 
 exports[`Blocks Navigation should render block "Navigation" without content 1`] = `
-<section>
+<section
+  class="font-sans text-primary-text rounded-[40px] flex items-center justify-between "
+>
   <h2
     class="font-medium text-xl-light m-0"
   />
 </section>
 `;
 
-exports[`Blocks NavigatorTabs should render block "NavigatorTabs" without content 1`] = `<section />`;
+exports[`Blocks NavigatorTabs should render block "NavigatorTabs" without content 1`] = `
+<section
+  class="sticky top-0 z-20 box-border flex gap-x-1 h-14 "
+/>
+`;
 
-exports[`Blocks OtherProducts should render block "OtherProducts" without content 1`] = `<section />`;
+exports[`Blocks OtherProducts should render block "OtherProducts" without content 1`] = `
+<section
+  class="font-sans text-primary-text "
+/>
+`;
 
 exports[`Blocks PictureText should render block "PictureText" without content 1`] = `
-<section>
+<section
+  class="relative font-sans p-14 bg-white text-primary-text "
+>
   <h3
     class="font-sans m-0 text-h2 text-center"
   />
@@ -585,10 +652,14 @@ exports[`Blocks PictureText should render block "PictureText" without content 1`
 `;
 
 exports[`Blocks Placeholder should render block "Placeholder" without content 1`] = `
-<section>
-  <section>
+<section
+  class="bg-white text-primary-text font-sans p-9 box-border undefined pr-[9.4rem] min-h-[360px] "
+>
+  <section
+    class="font-sans flex flex-col p-[50px] gap-4 bg-transparent !p-0 max-w-[600px]"
+  >
     <div
-      class="text-xl-light text-primary-text text-left"
+      class="text-xl-light text-primary-text text-center"
     >
       Блок в разработке...
     </div>
@@ -617,14 +688,19 @@ exports[`Blocks Placeholder should render block "Placeholder" without content 1`
 `;
 
 exports[`Blocks ProductBlock should render block "ProductBlock" without content 1`] = `
-<section>
+<section
+  class="font-sans overflow-hidden pt-[50px] pl-[50px] pb-[50px] pr-[7.5rem] box-border
+      min-h-[454px] max-h-[454px] bg-white text-primary-text "
+>
   <div
-    class="flex grow justify-between items-stretch "
+    class="flex grow justify-between items-stretch h-full "
   >
     <div
       class="flex flex-col "
     >
-      <section />
+      <section
+        class="font-sans flex flex-col p-[50px] gap-4 bg-white !p-0 max-w-[600px]"
+      />
       <div
         class="font-sans flex flex-col grow h-full items-start "
       >
@@ -645,7 +721,10 @@ exports[`Blocks ProductBlock should render block "ProductBlock" without content
 `;
 
 exports[`Blocks ProductGallery should render block "ProductGallery" without content 1`] = `
-<section>
+<section
+  class="box-border pt-[50px] overflow-hidden relative font-sans w-100 
+        bg-white text-primary-text"
+>
   <div
     class="flex duration-1000 pb-14"
     role="list"
@@ -658,11 +737,15 @@ exports[`Blocks ProductGallery should render block "ProductGallery" without cont
 `;
 
 exports[`Blocks ProductTile should render block "ProductTile" without content 1`] = `
-<section>
+<section
+  class="bg-white overflow-hidden text-primary-text font-sans p-9 box-border min-h-[364px] relative justify-between grid  bg-white text-primary-text pr-[9.4rem] min-h-[360px] "
+>
   <div
     class="z-[1]"
   >
-    <section />
+    <section
+      class="font-sans flex flex-col p-[50px] gap-2 bg-white !p-0"
+    />
     <div
       class="flex mt-4"
     />
@@ -671,12 +754,16 @@ exports[`Blocks ProductTile should render block "ProductTile" without content 1`
 `;
 
 exports[`Blocks PromoTile should render block "PromoTile" without content 1`] = `
-<section>
+<section
+  class="bg-white text-primary-text font-sans p-9 box-border  bg-white text-primary-text pr-[9.4rem] min-h-[360px] "
+>
   <div
     class="font-sans flex flex-col grow h-full items-start "
   >
     <div>
-      <section>
+      <section
+        class="font-sans flex flex-col p-[50px] gap-4 bg-white !p-0 max-w-[600px]"
+      >
         <h2
           class="font-sans m-0 text-h2 whitespace-pre-wrap text-primary-text text-left"
         >
@@ -695,7 +782,7 @@ exports[`Blocks PromoTile should render block "PromoTile" without content 1`] =
             class="mt-1.5"
           >
             <div
-              class="text-base"
+              class="text-l"
             />
           </div>
         </div>
@@ -706,14 +793,18 @@ exports[`Blocks PromoTile should render block "PromoTile" without content 1`] =
 `;
 
 exports[`Blocks Recommendation should render block "Recommendation" without content 1`] = `
-<section>
-  <div
-    class="flex duration-1000 gap-3.5"
-    role="list"
-    style="transform: translateX(-0px);"
-  />
+<section
+  class="relative font-sans p-9 overflow-hidden text-center bg-white text-primary-text "
+>
   <div>
-    <div />
+    <div
+      class="flex duration-1000 gap-3.5"
+      role="list"
+      style="transform: translateX(-0px);"
+    />
+    <div>
+      <div />
+    </div>
   </div>
   <div
     class="absolute top-0 bottom-0 w-[84px] left-0 bg-opacity-from-white"
@@ -724,12 +815,22 @@ exports[`Blocks Recommendation should render block "Recommendation" without cont
 </section>
 `;
 
-exports[`Blocks StepsBlock should render block "StepsBlock" without content 1`] = `<section />`;
+exports[`Blocks StepsBlock should render block "StepsBlock" without content 1`] = `
+<section
+  class="box-border font-sans text-primary-text bg-white px-[70px] py-[50px] flex flex-col items-center bg-white text-primary-text "
+/>
+`;
 
-exports[`Blocks TariffsTable should render block "TariffsTable" without content 1`] = `<section />`;
+exports[`Blocks TariffsTable should render block "TariffsTable" without content 1`] = `
+<section
+  class="bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative "
+/>
+`;
 
 exports[`Blocks TextBlock should render block "TextBlock" without content 1`] = `
-<section>
+<section
+  class="font-sans px-9 py-4 flex bg-white "
+>
   <div
     class="py-0.5"
   />
@@ -737,7 +838,9 @@ exports[`Blocks TextBlock should render block "TextBlock" without content 1`] =
 `;
 
 exports[`Blocks Tile should render block "Tile" without content 1`] = `
-<section>
+<section
+  class="overflow-hidden font-sans p-9 pr-3 box-border  bg-white text-primary-text pr-[9.4rem] min-h-[360px] "
+>
   <div
     class="font-sans flex flex-col grow h-full items-start "
   >

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

@@ -17,7 +17,7 @@ export async function mapJSON<T>(
 
     return Promise.all(values) as any;
   } else if (typeof data === 'object' && (data as any).toString() === '[object Object]') {
-    const subKeys = Object.keys(data as any);
+    const subKeys = Object.keys(data);
     const values = subKeys.map((k) => mapJSON(data[k], mapper, [k].concat(keyParts)));
     const pairs = (await Promise.all(values)).map((_, i) => ({
       [subKeys[i]]: _,

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

@@ -15,6 +15,7 @@ export async function transformContentPage(
 ): Promise<ContentPageDef> {
   const content = await readFile(pagePath, 'utf8');
 
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
   return mapJSON<ContentPageDef>(JSON.parse(content), async (value: any, [key]) => {
     const isMarkdown = typeof value === 'string' && key?.endsWith('__md');
     const isPicture = value && isLocalPath(value?.src);

package/src/hooks/useExchangeRates.ts

@@ -12,7 +12,7 @@ export function useExchangeRates(useAsyncData: AsyncDataHook): ExchangeCurrencyI
 
   const result = data?.hits?.hits?.map((_) => _._source) || [];
 
-  return result.length ? getCurrencyListByRate(result) : result;
+  return result.length ? getCurrencyListByRate(result as RatesData[]) : result;
 }
 
 async function fetchExchangeRates(): Promise<any | undefined> {

package/src/react/IntersectionObserverTag.tsx

@@ -1,15 +1,14 @@
-import { useCallback, useRef } from 'react';
+import React, { ReactNode, useCallback, useRef } from 'react';
 import type { IntersectionObserverComponent } from '../components/ContentPage/ContentPageContext';
 
 export const IntersectionObserverTag: IntersectionObserverComponent = (props) => {
   const {
-    Tag,
+    tag: _tag = 'section',
     observerCallback,
     observerOptions,
     className = '',
     anchor = null,
     children,
-    ...rest
   } = props;
 
   const intersectionObserver = useRef<IntersectionObserver>();
@@ -23,9 +22,5 @@ export const IntersectionObserverTag: IntersectionObserverComponent = (props) =>
     [observerCallback, observerOptions],
   );
 
-  return (
-    <Tag ref={ref} className={className} id={anchor} {...rest}>
-      {children}
-    </Tag>
-  );
+  return React.createElement(_tag, { ref, className, id: anchor }, children as ReactNode);
 };

package/src/react/setup-fixture.ts

@@ -1,10 +1,13 @@
 import { setup } from '@redneckz/uni-jsx';
 import { useEffect, useState } from 'react';
-import { jsx, jsxs } from 'react/jsx-runtime';
+import runtime from 'react/jsx-runtime';
 import { DaDataAPI } from '../api/DaDataAPI';
 import type { ContentPageContext } from '../components/ContentPage/ContentPageContext';
 import { IntersectionObserverTag } from './IntersectionObserverTag';
 
+const { jsx, jsxs } = runtime as any;
+
+// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
 setup(jsx, jsxs);
 
 const TEST_ORIGIN = 'http://localhost:5001';
@@ -33,7 +36,7 @@ export const context: ContentPageContext = {
   useState,
   useRouter: Router,
   useAsyncData: (key, fetcher) => {
-    const [data, setData] = useState();
+    const [data, setData] = useState<any>();
     useEffect(() => {
       fetcher(key).then((_) => {
         setData(_);

package/src/ui-kit/BlockWrapper.tsx

@@ -6,16 +6,18 @@ interface BlockWrapperProps {
   context: ContentPageContext;
   className?: string;
   anchor?: string;
-  Tag?: string;
+  tag?: keyof HTMLElementTagNameMap;
 }
 
 export const BlockWrapper = JSX<BlockWrapperProps>(
-  ({ anchor, className, context, children, Tag = 'section' }) => {
+  ({ anchor, className, context, children, tag = 'section' }) => {
     const { IntersectionObserverTag } = context;
 
+    const Tag: any = tag;
+
     return anchor ? (
       <IntersectionObserverTag
-        Tag={Tag}
+        tag={tag}
         className={className}
         observerCallback={changeHashOnObserve}
         observerOptions={{ threshold: 1 }} // Lower threshold when hash change needed

package/src/ui-kit/Button/ArrowButton.tsx

@@ -1,12 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { ButtonProps } from './ButtonProps';
-import { Button } from './Button';
 import { Img } from '../Img/Img';
+import { Button } from './Button';
+import type { ButtonProps } from './ButtonProps';
 
 export const ArrowButton = JSX<ButtonProps>(({ className, disabled, ...rest }) => (
   <Button
     rounded
-    className={`shadow-[0_4px_25px_rgba(0,0,0,0.07)] w-12 h-12 min-h-12 max-h-12 flex items-center justify-center ${
+    className={`group shadow-[0_4px_25px_rgba(0,0,0,0.07)] w-12 h-12 min-h-12 max-h-12 flex items-center justify-center ${
       disabled
         ? 'bg-secondary-light text-secondary-text'
         : 'bg-white text-primary-text hover:text-primary-main'
@@ -17,6 +17,7 @@ export const ArrowButton = JSX<ButtonProps>(({ className, disabled, ...rest }) =
     <Img
       className="w-4 h-4 min-w-4 min-h-4 rounded-full box-border"
       image={{ icon: 'ArrowLeftIcon', iconVersion: 'black' }}
+      imageClassName="group-hover:text-primary-main"
       width="16"
       height="16"
       asSVG

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

@@ -6,7 +6,7 @@ import type { ButtonProps, ButtonWithIconProps } from './ButtonProps';
 const buttonStyleMap: Record<ButtonVersion, string> = {
   primary: 'text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active',
   secondary:
-    'text-primary-main bg-secondary-light hover:bg-secondary-hover active:bg-secondary-active',
+    'text-primary-main bg-main-divider hover:text-white hover:bg-primary-hover active:bg-primary-active',
   link: '',
 };
 
@@ -58,7 +58,7 @@ const RegularButton = JSX<ButtonCommonProps>(
   }) => {
     return (
       <a
-        className={`${buttonStyle} inline-block cursor-pointer no-underline ${
+        className={`${buttonStyle} inline-block cursor-pointer no-underline focus:border-primary-focus focus:border ${
           buttonStyleMap[version] || ''
         } ${rounded ? 'rounded-full' : 'rounded-md'} ${className}`}
         href={href}

package/src/ui-kit/Button/ButtonInner.tsx

@@ -15,7 +15,7 @@ export const ButtonInner = JSX<ButtonInnerProps>((props) => {
       {isWithText(props) ? (
         <div>
           <div className="text-xs text-left">{aboveText}</div>
-          <div className={`text-left ${aboveText ? 'text-s -mt-0.5' : 'text-base'}`}>{text}</div>
+          <div className={`text-left ${aboveText ? 'text-s -mt-0.5' : 'text-l'}`}>{text}</div>
         </div>
       ) : null}
       {appendRight ? appendRight : null}

package/src/ui-kit/Button/ButtonProps.ts

@@ -1,6 +1,7 @@
 import type { ButtonVersion } from '../../model/ButtonVersion';
 import type { LinkProps } from '../../model/LinkProps';
 import type { Picture } from '../../model/Picture';
+import type { VNode } from '../../model/VNode';
 
 /**
  * @hidden
@@ -33,9 +34,9 @@ export interface ButtonWithIconProps extends ButtonProps {
   /** @title Верхний текст */
   aboveText?: string;
   /** @hidden */
-  appendLeft?: any;
+  appendLeft?: VNode;
   /** @hidden */
-  appendRight?: any;
+  appendRight?: VNode;
   /** @title Закругленные углы */
   rounded?: boolean;
   /** @hidden */
@@ -56,7 +57,7 @@ export interface BackwardButtonProps extends ButtonProps {
   /** @title Верхний текст */
   aboveText?: string;
   /** @hidden */
-  appendLeft?: any;
+  appendLeft?: VNode;
   /** @title Закругленные углы */
   rounded?: boolean;
   /** @hidden */

package/src/ui-kit/Button/LikeButton.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import type { SVGPathOptions } from '../SVG';
 
 export interface LikeButtonProps {
   className?: string;
@@ -23,13 +24,14 @@ const renderLikeIcon = () => {
     strokeLinecap: 'round',
     strokeLinejoin: 'round',
     strokeWidth: '1.5',
-  };
+  } as SVGPathOptions;
 
   return (
     <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24">
       <path
         {...params}
         strokeMiterlimit="10"
+        /* eslint-disable max-len */
         d="M21.48 11.95c.5-1.4-.4-2.6-1.9-2.6h-4c-.6 0-1.1-.5-1-1.2l.5-3.2c.2-.9-.4-1.9-1.3-2.2-.8-.3-1.8.1-2.2.7l-4.1 6.1M7.48 18.35l3.1 2.4c.4.4 1.3.6 1.9.6h3.8c1.2 0 2.5-.9 2.8-2.1l1.24-3.77"
       />
       <path