@redneckz/wildless-cms-uni-blocks 0.14.841 → 0.14.842

package/mobile/lib/ui-kit/LinkButton/ButtonInner.js

@@ -6,7 +6,7 @@ import { iconStyleMap } from './buttonClassNameConstants.js';
 export const ButtonInner = JSX((props) => {
     const { text, aboveText, appendLeft, appendRight, version = 'primary' } = props;
     const iconHideStyle = isWithText(props) && 'hidden lg:block';
-    return (_jsxs("div", { className: style(buttonStyle(props), 'flex gap-xs'), children: [appendLeft ? (_jsx("div", { className: style(iconHideStyle, iconStyleMap[version]), children: appendLeft })) : null, isWithText(props) ? (_jsxs("div", { className: "whitespace-pre", children: [aboveText ? _jsx("div", { className: "text-xs font-light text-left", children: aboveText }) : null, _jsx("div", { className: `text-left ${aboveText ? 'text-s -mt-3xs' : 'text-l'}`, children: text })] })) : null, appendRight ? (_jsx("div", { className: style(iconHideStyle, iconStyleMap[version]), children: appendRight })) : null] }));
+    return (_jsxs("div", { className: style(buttonStyle(props), 'flex gap-xs'), children: [appendLeft ? (_jsx("div", { className: style(iconHideStyle, iconStyleMap[version]), children: appendLeft })) : null, isWithText(props) ? (_jsxs("div", { className: "whitespace-pre", children: [aboveText ? _jsx("div", { className: "text-xs font-light text-left", children: aboveText }) : null, _jsx("div", { className: `text-left ${aboveText ? 'text-s' : 'text-l'}`, children: text })] })) : null, appendRight ? (_jsx("div", { className: style(iconHideStyle, iconStyleMap[version]), children: appendRight })) : null] }));
 });
 const buttonStyle = (props) => {
     const { version, aboveText, rounded } = props;

package/mobile/lib/ui-kit/LinkButton/ButtonInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonInner.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkButton/ButtonInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI1D,kBAAkB;AAClB,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAkB,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAChF,MAAM,aAAa,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,iBAAiB,CAAC;IAE7D,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,aACrD,UAAU,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,YAAG,UAAU,GAAO,CAChF,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,eAAK,SAAS,EAAC,gBAAgB,aAC5B,SAAS,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,8BAA8B,YAAE,SAAS,GAAO,CAAC,CAAC,CAAC,IAAI,EACnF,cAAK,SAAS,EAAE,aAAa,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,QAAQ,EAAE,YAAG,IAAI,GAAO,IAChF,CACP,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,YAAG,WAAW,GAAO,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC/C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE9C,IAAI,OAAO,KAAK,MAAM,EAAE;QACtB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,aAAa,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAEnE,OAAO,KAAK,CACV,uCAAuC,EACvC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,kBAAkB,EACtD;QACE,cAAc,EAAE,OAAO;KACxB,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAmB,EAAE,EAAE,CACtE,OAAO,CAAC,IAAI,IAAI,SAAS,IAAI,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"ButtonInner.js","sourceRoot":"","sources":["../../../src/ui-kit/LinkButton/ButtonInner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAI1D,kBAAkB;AAClB,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAkB,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAChF,MAAM,aAAa,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,iBAAiB,CAAC;IAE7D,OAAO,CACL,eAAK,SAAS,EAAE,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC,aACrD,UAAU,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,YAAG,UAAU,GAAO,CAChF,CAAC,CAAC,CAAC,IAAI,EACP,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CACnB,eAAK,SAAS,EAAC,gBAAgB,aAC5B,SAAS,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,8BAA8B,YAAE,SAAS,GAAO,CAAC,CAAC,CAAC,IAAI,EACnF,cAAK,SAAS,EAAE,aAAa,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ,EAAE,YAAG,IAAI,GAAO,IACxE,CACP,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,CACb,cAAK,SAAS,EAAE,KAAK,CAAC,aAAa,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC,YAAG,WAAW,GAAO,CACjF,CAAC,CAAC,CAAC,IAAI,IACJ,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,CAAC,KAAwB,EAAE,EAAE;IAC/C,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC;IAE9C,IAAI,OAAO,KAAK,MAAM,EAAE;QACtB,OAAO,EAAE,CAAC;KACX;IAED,MAAM,aAAa,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAEnE,OAAO,KAAK,CACV,uCAAuC,EACvC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,kBAAkB,EACtD;QACE,cAAc,EAAE,OAAO;KACxB,CACF,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,UAAU,EAAmB,EAAE,EAAE,CACtE,OAAO,CAAC,IAAI,IAAI,SAAS,IAAI,CAAC,UAAU,CAAC,CAAC"}

package/mobile/lib/ui-kit/Loader/Loader.d.ts

@@ -1,4 +1,4 @@
-import { type TextColor } from '../../ui-kit/Text/TextProps';
+import { type TextColor } from '../Text/TextProps';
 interface LoaderProps {
     color?: TextColor;
     position?: 'static' | 'absolute';

package/mobile/lib/ui-kit/Loader/Loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/ui-kit/Loader/Loader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAS1C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EAAE,KAAK,GAAG,mBAAmB,EAAE,QAAQ,GAAG,UAAU,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACrF,cACE,SAAS,EAAE,KAAK,CAAC,qDAAqD,EAAE,QAAQ,EAAE;QAChF,eAAe,EAAE,IAAI;KACtB,CAAC,YAEF,cACE,SAAS,EAAE,KAAK,CACd,cAAc,EACd,2BAA2B,EAC3B,6BAA6B,EAC7B,sBAAsB,EACtB,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB,EAC5D,KAAK,CACN,EACD,IAAI,EAAC,QAAQ,GACb,GACE,CACP,CACF,CAAC"}
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../src/ui-kit/Loader/Loader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAU1C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CACvB,CAAC,EAAE,KAAK,GAAG,mBAAmB,EAAE,QAAQ,GAAG,UAAU,EAAE,IAAI,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACrF,cACE,SAAS,EAAE,KAAK,CAAC,qDAAqD,EAAE,QAAQ,EAAE;QAChF,eAAe,EAAE,IAAI;KACtB,CAAC,YAEF,cACE,SAAS,EAAE,KAAK,CACd,cAAc,EACd,2BAA2B,EAC3B,6BAA6B,EAC7B,sBAAsB,EACtB,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB,EAC5D,KAAK,CACN,EACD,IAAI,EAAC,QAAQ,GACb,GACE,CACP,CACF,CAAC"}

package/mobile/lib/ui-kit/ProgressBar/ProgressBar.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
 /* eslint-disable @typescript-eslint/no-unused-vars */
 import { JSX } from '@redneckz/uni-jsx';
-export const ProgressBar = JSX(({ step = 10, description, showPercentage = true }) => (_jsxs("div", { children: [_jsx("div", { className: "h-4 w-full bg-gray relative", children: _jsx("div", { className: "h-4 bg-green", style: { width: `${step}%` } }) }), _jsxs("div", { className: "relative", children: [showPercentage ? _jsxs("div", { className: "absolute left-2/4 text-green", children: [step, "%"] }) : null, description ? _jsx("div", { className: "text-right mr-4 text-gray", children: description }) : null] })] })));
+export const ProgressBar = JSX(({ step = 10, description, showPercentage = true }) => (_jsxs("div", { children: [_jsx("div", { className: "h-4 w-full bg-gray relative", children: _jsx("div", { className: "h-4 bg-green", style: { width: `${step}%` } }) }), _jsxs("div", { className: "relative", children: [showPercentage ? _jsxs("div", { className: "absolute left-2/4 text-green", children: [step, "%"] }) : null, description ? _jsx("div", { className: "text-right pr-m text-gray", children: description }) : null] })] })));
 //# sourceMappingURL=ProgressBar.js.map

package/mobile/src/components/BenefitsBlock/BenefitsBlock.tsx

@@ -45,7 +45,7 @@ const renderBenefit = (
 ) => (
   <div
     key={String(i)}
-    className="flex gap-m items-center @md:basis-1/2 @md:max-w-[500px]"
+    className="flex gap-m items-center @md:basis-1/2 @md:max-w-lg"
     role="listitem"
   >
     {icon?.icon ? (

package/mobile/src/components/CalculatorRefinancing/CalculatorRefinancing.tsx

@@ -97,9 +97,7 @@ export const CalculatorRefinancing = UniBlock<RefinancingCalculatorProp>(
                   value: calcParams.moneyExtra,
                 })
               : null}
-            <div className="sm:hidden pt-1 pb-4 border-b border-main-divider">
-              {paymentTypeElement}
-            </div>
+            <div className="sm:hidden pb-m border-b border-main-divider">{paymentTypeElement}</div>
           </div>
           <div className={style(CalculatorStyle.result, '@4xl:w-1/2')}>
             <CalculatorValue title="Полная стоимость кредита" value={calcSource?.totalLoanCost} />

package/mobile/src/components/CardTransfer/CardTransfer.tsx

@@ -1,6 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
-import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useForm } from '../../hooks/useForm/useForm';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { SubmitButton } from '../../ui-kit/Button/SubmitButton';
@@ -31,35 +29,24 @@ export const CardTransfer = JSX<CardTransferProps>(
     formType = 'private',
     ...rest
   }) => {
-    const [isDisabled, { setValue: setDisabled }] = useBool(false);
-
     const handleSubmit = useSubmitCardTransfer(formType);
 
     const [{ amount }, { field, onSubmit }] = useForm(INITIAL_FORM_STATE, {
       onSubmit: handleSubmit,
     });
 
-    // TODO: dont set state in useEffect
-    useEffect(() => {
-      setDisabled(amount <= 0);
-    }, [amount]);
-
     return (
       <BlockWrapper
-        className={style('flex flex-col items-center', className)}
+        className={style('flex flex-col gap-4xl items-center', className)}
         defaultPadding="p-6xl"
         {...rest}
       >
         {title ? (
-          <Heading
-            className="pb-lg xl:pb-4xl self-start xl:self-center"
-            headingType="h3"
-            title={title}
-          />
+          <Heading className="self-start xl:self-center" headingType="h3" title={title} />
         ) : null}
-        <form className="w-full xl:max-w-[468px]" method="POST" onSubmit={onSubmit}>
+        <form className="w-full xl:max-w-md space-y-lg" method="POST" onSubmit={onSubmit}>
           <CurrencyInput
-            valid={!isDisabled}
+            valid={amount > 0}
             label={label}
             max={MAX_AMOUNT}
             min={MIN_AMOUNT}
@@ -67,7 +54,7 @@ export const CardTransfer = JSX<CardTransferProps>(
           />
           <input type="hidden" name="amount" value={amount} />
           {button?.text ? (
-            <SubmitButton className="w-full mt-lg" disabled={isDisabled}>
+            <SubmitButton className="w-full" disabled={amount <= 0}>
               {button.text}
             </SubmitButton>
           ) : null}

package/mobile/src/components/CardTransfer/SubmitFailedDialog.tsx

@@ -29,8 +29,8 @@ export const SubmitFailedDialog = ({
           isEmbedded={true}
         />
         {errorMessage ? (
-          <div className="bg-secondary-dark rounded-xl px-4 pt-4 pb-8 grid gap-4 grid-cols-12">
-            <div className="col-span-8"> {errorMessage}</div>
+          <div className="bg-secondary-dark rounded-xl p-m grid gap-m grid-cols-12">
+            <div className="col-span-8">{errorMessage}</div>
             <div className="col-span-4">
               <Img image={{ icon: 'ResponseFailIcon', iconVersion: 'normal' }} />
             </div>

package/mobile/src/components/Carousel/renderCarouselCards.tsx

@@ -54,11 +54,7 @@ export const renderCarouselCards = ({
 const cardWrapperStyle = (
   _: BlockDef | undefined,
   { someCardsHighlighted }: { someCardsHighlighted?: boolean },
-) =>
-  style(
-    cardBaseStyle,
-    someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl' : 'pt-3xl sm:pt-16'),
-  );
+) => style(cardBaseStyle, someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl' : 'pt-16'));
 
 const cardStyle = (
   _: BlockDef | undefined,
@@ -72,7 +68,7 @@ const cardStyle = (
     cardBaseStyle,
     'min-w-80',
     CARD_SIZE_MAP[cardSize], // TODO fix для RecommendationCard
-    someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl sm:pt-16' : 'pt-3xl'),
+    someCardsHighlighted && (isCardHighlighted(_) ? 'pt-16' : 'pt-3xl'),
     getBorderStyle(showBorder),
     showBorder && 'h-full',
   );

package/mobile/src/components/Footer/HorizontalNavigation.tsx

@@ -20,7 +20,7 @@ export const HorizontalNavigation = JSX<HorizontalNavigationProps>(
             <HorizontalNavigationLink
               key={String(i)}
               index={i}
-              className="text-l font-light lg:max-w-[292px]"
+              className="text-l font-light lg:max-w-72"
               {..._}
             />
           ))}

package/mobile/src/components/Footer/TextInformationLink.tsx

@@ -17,7 +17,7 @@ export const TextInformationLink = JSX<Partial<TextInformationLinkProps>>(
     return (
       <a
         className={style(
-          'text-xs font-light text-secondary-text visited:text-secondary-text hover:text-primary-main inline-block no-underline max-w-[292px]',
+          'text-xs font-light text-secondary-text visited:text-secondary-text hover:text-primary-main inline-block no-underline max-w-72',
           className,
         )}
         href={href}

package/mobile/src/components/Header/HeaderTopMenu.tsx

@@ -66,11 +66,7 @@ export const HeaderTopMenu = JSX<HeaderMenuProps>(
           data={dataHeader}
           showTitle={false}
         />
-        <div
-          ref={topItemsListRef}
-          className="overflow-hidden min-w-[160px] pb-xs mt-xs"
-          role="menu"
-        >
+        <div ref={topItemsListRef} className="overflow-hidden min-w-40 pb-xs mt-xs" role="menu">
           {navigationItems.map((_, i) => (
             <HeaderTopMenuItem
               key={String(i)}

package/mobile/src/retail/components/CaptchaDialog/CaptchaDialog.tsx

@@ -49,21 +49,21 @@ export const CaptchaDialog = JSX<CaptchaDialogProps>(({ phoneNumber, sendCode, o
       head={<Logo />}
       onClose={onClose}
     >
-      <div className="flex flex-col gap-lg items-center rounded-md">
-        <div className="flex h-36 w-72">
+      <div className="flex flex-col gap-lg items-center">
+        <div className="flex">
           <img className="grow" src={captcha}></img>
           <Button className="w-8" embedded onClick={handleCreateCaptcha}>
             <Icon iconVersion="normal" name="RefreshIcon" />
           </Button>
         </div>
         <Input
-          className="w-[300px]"
+          className="w-80"
           onChange={setCode}
           value={code}
           placeholder="Введите код с картинки"
         />
         {hasError ? <div className="text-error">Неверный код</div> : null}
-        <div className="flex w-[310px] justify-between">
+        <div className="flex w-80 justify-between">
           <Button version="secondary" onClick={close}>
             Вернуться
           </Button>

package/mobile/src/retail/components/DraftDialog/DraftDialog.tsx

@@ -54,7 +54,7 @@ export const DraftDialog = JSX<DraftDialogProps>(function ({
 
   return (
     <Dialog className="my-6xl max-w-4xl w-full min-h-fit mx-auto rounded-xl py-0" onClose={onClose}>
-      <div className="flex flex-col gap-lg items-center mt-xs md:mt-0 mx-6xl">
+      <div className="flex flex-col gap-lg items-center mt-xs mx-6xl">
         <Heading
           className="whitespace-pre-wrap text-center"
           title="Нашли черновик вашей заявки"

package/mobile/src/retail/components/VerifyPhoneDialog/VerifyPhoneDialog.tsx

@@ -130,7 +130,7 @@ const renderText = (timeNextReq: number, handleSendCode: () => void) =>
   timeNextReq ? (
     <div className="flex flex-row text-l font-light text-base">
       Получить новый код можно через
-      <Timer className="ml-1" seconds={timeNextReq} />
+      <Timer className="pl-2xs" seconds={timeNextReq} />
     </div>
   ) : (
     <Button embedded onClick={handleSendCode}>

package/mobile/src/ui-kit/Calculator/CalculatorStyle.tsx

@@ -1,5 +1,5 @@
 export const CalculatorStyle = {
-  wrapper: 'flex flex-col justify-between lg:flex-row gap-x-4xl gap-y-7 lg:gap-y-4xl',
+  wrapper: 'flex flex-col justify-between lg:flex-row gap-4xl',
   input: 'flex flex-col lg:w-1/2 gap-2xl',
   result: 'flex flex-col gap-y-xl min-w-52',
 };

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

@@ -53,7 +53,7 @@ export const InputRange = JSX<InputRangeProps>((props) => {
         <input
           className={style(
             'text-h3 w-full h-14',
-            'pl-m mt-xs box-border',
+            'pl-m box-border',
             'text-primary-text',
             inputValidStyle,
             inputDisabledStyle,

package/mobile/src/ui-kit/LinkButton/ButtonInner.tsx

@@ -17,7 +17,7 @@ export const ButtonInner = JSX<LinkButtonProps>((props) => {
       {isWithText(props) ? (
         <div className="whitespace-pre">
           {aboveText ? <div className="text-xs font-light text-left">{aboveText}</div> : null}
-          <div className={`text-left ${aboveText ? 'text-s -mt-3xs' : 'text-l'}`}>{text}</div>
+          <div className={`text-left ${aboveText ? 'text-s' : 'text-l'}`}>{text}</div>
         </div>
       ) : null}
       {appendRight ? (

package/mobile/src/ui-kit/Loader/Loader.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { type TextColor } from '../../ui-kit/Text/TextProps';
 import { style } from '../../utils/style';
+import { type TextColor } from '../Text/TextProps';
 
 interface LoaderProps {
   color?: TextColor;

package/mobile/src/ui-kit/ProgressBar/ProgressBar.tsx

@@ -15,7 +15,7 @@ export const ProgressBar = JSX<ProgressBarProps>(
       </div>
       <div className="relative">
         {showPercentage ? <div className="absolute left-2/4 text-green">{step}%</div> : null}
-        {description ? <div className="text-right mr-4 text-gray">{description}</div> : null}
+        {description ? <div className="text-right pr-m text-gray">{description}</div> : null}
       </div>
     </div>
   ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.14.841",
+  "version": "0.14.842",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/BenefitsBlock/BenefitsBlock.tsx

@@ -45,7 +45,7 @@ const renderBenefit = (
 ) => (
   <div
     key={String(i)}
-    className="flex gap-m items-center @md:basis-1/2 @md:max-w-[500px]"
+    className="flex gap-m items-center @md:basis-1/2 @md:max-w-lg"
     role="listitem"
   >
     {icon?.icon ? (

package/src/components/CalculatorRefinancing/CalculatorRefinancing.tsx

@@ -97,9 +97,7 @@ export const CalculatorRefinancing = UniBlock<RefinancingCalculatorProp>(
                   value: calcParams.moneyExtra,
                 })
               : null}
-            <div className="sm:hidden pt-1 pb-4 border-b border-main-divider">
-              {paymentTypeElement}
-            </div>
+            <div className="sm:hidden pb-m border-b border-main-divider">{paymentTypeElement}</div>
           </div>
           <div className={style(CalculatorStyle.result, '@4xl:w-1/2')}>
             <CalculatorValue title="Полная стоимость кредита" value={calcSource?.totalLoanCost} />

package/src/components/CardTransfer/CardTransfer.tsx

@@ -1,6 +1,4 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
-import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
 import { useForm } from '../../hooks/useForm/useForm';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { SubmitButton } from '../../ui-kit/Button/SubmitButton';
@@ -31,35 +29,24 @@ export const CardTransfer = JSX<CardTransferProps>(
     formType = 'private',
     ...rest
   }) => {
-    const [isDisabled, { setValue: setDisabled }] = useBool(false);
-
     const handleSubmit = useSubmitCardTransfer(formType);
 
     const [{ amount }, { field, onSubmit }] = useForm(INITIAL_FORM_STATE, {
       onSubmit: handleSubmit,
     });
 
-    // TODO: dont set state in useEffect
-    useEffect(() => {
-      setDisabled(amount <= 0);
-    }, [amount]);
-
     return (
       <BlockWrapper
-        className={style('flex flex-col items-center', className)}
+        className={style('flex flex-col gap-4xl items-center', className)}
         defaultPadding="p-6xl"
         {...rest}
       >
         {title ? (
-          <Heading
-            className="pb-lg xl:pb-4xl self-start xl:self-center"
-            headingType="h3"
-            title={title}
-          />
+          <Heading className="self-start xl:self-center" headingType="h3" title={title} />
         ) : null}
-        <form className="w-full xl:max-w-[468px]" method="POST" onSubmit={onSubmit}>
+        <form className="w-full xl:max-w-md space-y-lg" method="POST" onSubmit={onSubmit}>
           <CurrencyInput
-            valid={!isDisabled}
+            valid={amount > 0}
             label={label}
             max={MAX_AMOUNT}
             min={MIN_AMOUNT}
@@ -67,7 +54,7 @@ export const CardTransfer = JSX<CardTransferProps>(
           />
           <input type="hidden" name="amount" value={amount} />
           {button?.text ? (
-            <SubmitButton className="w-full mt-lg" disabled={isDisabled}>
+            <SubmitButton className="w-full" disabled={amount <= 0}>
               {button.text}
             </SubmitButton>
           ) : null}

package/src/components/CardTransfer/SubmitFailedDialog.tsx

@@ -29,8 +29,8 @@ export const SubmitFailedDialog = ({
           isEmbedded={true}
         />
         {errorMessage ? (
-          <div className="bg-secondary-dark rounded-xl px-4 pt-4 pb-8 grid gap-4 grid-cols-12">
-            <div className="col-span-8"> {errorMessage}</div>
+          <div className="bg-secondary-dark rounded-xl p-m grid gap-m grid-cols-12">
+            <div className="col-span-8">{errorMessage}</div>
             <div className="col-span-4">
               <Img image={{ icon: 'ResponseFailIcon', iconVersion: 'normal' }} />
             </div>

package/src/components/Carousel/renderCarouselCards.tsx

@@ -54,11 +54,7 @@ export const renderCarouselCards = ({
 const cardWrapperStyle = (
   _: BlockDef | undefined,
   { someCardsHighlighted }: { someCardsHighlighted?: boolean },
-) =>
-  style(
-    cardBaseStyle,
-    someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl' : 'pt-3xl sm:pt-16'),
-  );
+) => style(cardBaseStyle, someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl' : 'pt-16'));
 
 const cardStyle = (
   _: BlockDef | undefined,
@@ -72,7 +68,7 @@ const cardStyle = (
     cardBaseStyle,
     'min-w-80',
     CARD_SIZE_MAP[cardSize], // TODO fix для RecommendationCard
-    someCardsHighlighted && (isCardHighlighted(_) ? 'pt-3xl sm:pt-16' : 'pt-3xl'),
+    someCardsHighlighted && (isCardHighlighted(_) ? 'pt-16' : 'pt-3xl'),
     getBorderStyle(showBorder),
     showBorder && 'h-full',
   );

package/src/components/Footer/HorizontalNavigation.tsx

@@ -20,7 +20,7 @@ export const HorizontalNavigation = JSX<HorizontalNavigationProps>(
             <HorizontalNavigationLink
               key={String(i)}
               index={i}
-              className="text-l font-light lg:max-w-[292px]"
+              className="text-l font-light lg:max-w-72"
               {..._}
             />
           ))}

package/src/components/Footer/TextInformationLink.tsx

@@ -17,7 +17,7 @@ export const TextInformationLink = JSX<Partial<TextInformationLinkProps>>(
     return (
       <a
         className={style(
-          'text-xs font-light text-secondary-text visited:text-secondary-text hover:text-primary-main inline-block no-underline max-w-[292px]',
+          'text-xs font-light text-secondary-text visited:text-secondary-text hover:text-primary-main inline-block no-underline max-w-72',
           className,
         )}
         href={href}

package/src/components/Header/HeaderTopMenu.tsx

@@ -66,11 +66,7 @@ export const HeaderTopMenu = JSX<HeaderMenuProps>(
           data={dataHeader}
           showTitle={false}
         />
-        <div
-          ref={topItemsListRef}
-          className="overflow-hidden min-w-[160px] pb-xs mt-xs"
-          role="menu"
-        >
+        <div ref={topItemsListRef} className="overflow-hidden min-w-40 pb-xs mt-xs" role="menu">
           {navigationItems.map((_, i) => (
             <HeaderTopMenuItem
               key={String(i)}

package/src/icons/IconName.ts

@@ -7,11 +7,11 @@ export const IconsWithoutInversion = new Set([
 ]);
 
 export enum IconMap {
-  YoutubeIcon = 'YoutubeIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', WalletIcon = 'WalletIcon', WalletAddIcon = 'WalletAddIcon', VKIcon = 'VKIcon', UserTickIcon = 'UserTickIcon', UserSquareIcon = 'UserSquareIcon', UserGeoLocationIcon = 'UserGeoLocationIcon', TelegramIcon = 'TelegramIcon', StarIcon = 'StarIcon', SoundIcon = 'SoundIcon', SmallClockIcon = 'SmallClockIcon', SignDocsIcon = 'SignDocsIcon', ShieldTickIcon = 'ShieldTickIcon', SecurityСardIcon = 'SecurityСardIcon', SafeIcon = 'SafeIcon', RutubeIcon = 'RutubeIcon', RustoreIcon = 'RustoreIcon', RoundRubleIcon = 'RoundRubleIcon', ResponseOKIcon = 'ResponseOKIcon', ResponseFailIcon = 'ResponseFailIcon', RefreshIcon = 'RefreshIcon', ProfileIcon = 'ProfileIcon', Profile2UserIcon = 'Profile2UserIcon', PlusIcon = 'PlusIcon', PlusCircleIcon = 'PlusCircleIcon', PlayMarketIcon = 'PlayMarketIcon', PhoneIcon = 'PhoneIcon', PhoneCallingIcon = 'PhoneCallingIcon', PersonalCardIcon = 'PersonalCardIcon', PercentIcon = 'PercentIcon', PercentageRoundIcon = 'PercentageRoundIcon', PassSendIcon = 'PassSendIcon', PackA4Icon = 'PackA4Icon', OkIcon = 'OkIcon', NotificationBingIcon = 'NotificationBingIcon', NewLoanIcon = 'NewLoanIcon', NewDocIcon = 'NewDocIcon', MonitorMobileIcon = 'MonitorMobileIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MoneyIcon = 'MoneyIcon', MinusIcon = 'MinusIcon', MapOpenedIcon = 'MapOpenedIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', MapMarkerClusterYellowIcon = 'MapMarkerClusterYellowIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MailIcon = 'MailIcon', MagnifierIcon = 'MagnifierIcon', LoupeIcon = 'LoupeIcon', LogoIcon = 'LogoIcon', LockIcon = 'LockIcon', InfoCircleIcon = 'InfoCircleIcon', HuaweiIcon = 'HuaweiIcon', HouseIcon = 'HouseIcon', HeartTickIcon = 'HeartTickIcon', HeartIcon = 'HeartIcon', HeadphonesIcon = 'HeadphonesIcon', GridIcon = 'GridIcon', GpsIcon = 'GpsIcon', GosUslugiIcon = 'GosUslugiIcon', GlobalIcon = 'GlobalIcon', GeolocationIcon = 'GeolocationIcon', FullScreenIcon = 'FullScreenIcon', FaxIcon = 'FaxIcon', EuroIcon = 'EuroIcon', EmptyWalletIcon = 'EmptyWalletIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', DzenIcon = 'DzenIcon', DoneSimpleIcon = 'DoneSimpleIcon', DoneIcon = 'DoneIcon', DollarIcon = 'DollarIcon', DocIcon = 'DocIcon', DocDownloadIcon = 'DocDownloadIcon', DiscountShapeIcon = 'DiscountShapeIcon', DevIcon = 'DevIcon', CupIcon = 'CupIcon', CourtHouseIcon = 'CourtHouseIcon', CopyIcon = 'CopyIcon', ConvertCardIcon = 'ConvertCardIcon', CoinIcon = 'CoinIcon', CloseIcon = 'CloseIcon', ClientIcon = 'ClientIcon', ChineseYuanRenminbiIcon = 'ChineseYuanRenminbiIcon', ChevronLeftIcon = 'ChevronLeftIcon', ChatBotIcon = 'ChatBotIcon', ChartSquareIcon = 'ChartSquareIcon', ChartRoundIcon = 'ChartRoundIcon', ChartIcon = 'ChartIcon', CardTickIcon = 'CardTickIcon', CardSendIcon = 'CardSendIcon', CardPosIcon = 'CardPosIcon', CardIcon = 'CardIcon', CalendarTickIcon = 'CalendarTickIcon', CalendarIcon = 'CalendarIcon', CalendarCircleIcon = 'CalendarCircleIcon', BurgerIcon = 'BurgerIcon', BuildingIcon = 'BuildingIcon', BriefcaseIcon = 'BriefcaseIcon', BelarusianFlag = 'BelarusianFlag', BankIcon = 'BankIcon', BankColorIcon = 'BankColorIcon', AtmIcon = 'AtmIcon', ArrowUpSolidIcon = 'ArrowUpSolidIcon', ArrowUpIcon = 'ArrowUpIcon', ArrowTopRightIcon = 'ArrowTopRightIcon', ArrowRightIcon = 'ArrowRightIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowDownSolidIcon = 'ArrowDownSolidIcon', ArrowDownIcon = 'ArrowDownIcon', AppleIcon = 'AppleIcon', AlarmIcon = 'AlarmIcon', ActualBalanceIcon = 'ActualBalanceIcon', AchievementIcon = 'AchievementIcon'
+  YoutubeIcon = 'YoutubeIcon', WalletWithMoneyIcon = 'WalletWithMoneyIcon', WalletIcon = 'WalletIcon', WalletAddIcon = 'WalletAddIcon', VKIcon = 'VKIcon', UserTickIcon = 'UserTickIcon', UserSquareIcon = 'UserSquareIcon', UserGeoLocationIcon = 'UserGeoLocationIcon', TelegramIcon = 'TelegramIcon', StarIcon = 'StarIcon', SoundIcon = 'SoundIcon', SmallClockIcon = 'SmallClockIcon', SignDocsIcon = 'SignDocsIcon', ShieldTickIcon = 'ShieldTickIcon', SecurityСardIcon = 'SecurityСardIcon', SafeIcon = 'SafeIcon', RutubeIcon = 'RutubeIcon', RustoreIcon = 'RustoreIcon', RoundRubleIcon = 'RoundRubleIcon', ResponseOKIcon = 'ResponseOKIcon', ResponseFailIcon = 'ResponseFailIcon', RefreshIcon = 'RefreshIcon', ProfileIcon = 'ProfileIcon', Profile2UserIcon = 'Profile2UserIcon', PlusIcon = 'PlusIcon', PlusCircleIcon = 'PlusCircleIcon', PlayMarketIcon = 'PlayMarketIcon', PhoneIcon = 'PhoneIcon', PhoneCallingIcon = 'PhoneCallingIcon', PersonalCardIcon = 'PersonalCardIcon', PercentageRoundIcon = 'PercentageRoundIcon', PercentIcon = 'PercentIcon', PassSendIcon = 'PassSendIcon', PackA4Icon = 'PackA4Icon', OkIcon = 'OkIcon', NotificationBingIcon = 'NotificationBingIcon', NewLoanIcon = 'NewLoanIcon', NewDocIcon = 'NewDocIcon', MonitorMobileIcon = 'MonitorMobileIcon', MoneyInsuranceIcon = 'MoneyInsuranceIcon', MoneyIcon = 'MoneyIcon', MinusIcon = 'MinusIcon', MapOpenedIcon = 'MapOpenedIcon', MapMarkerSingleIcon = 'MapMarkerSingleIcon', MapMarkerClusterYellowIcon = 'MapMarkerClusterYellowIcon', MapMarkerClusterIcon = 'MapMarkerClusterIcon', MailIcon = 'MailIcon', MagnifierIcon = 'MagnifierIcon', LoupeIcon = 'LoupeIcon', LogoIcon = 'LogoIcon', LockIcon = 'LockIcon', InfoCircleIcon = 'InfoCircleIcon', HuaweiIcon = 'HuaweiIcon', HouseIcon = 'HouseIcon', HeartTickIcon = 'HeartTickIcon', HeartIcon = 'HeartIcon', HeadphonesIcon = 'HeadphonesIcon', GridIcon = 'GridIcon', GpsIcon = 'GpsIcon', GosUslugiIcon = 'GosUslugiIcon', GlobalIcon = 'GlobalIcon', GeolocationIcon = 'GeolocationIcon', FullScreenIcon = 'FullScreenIcon', FaxIcon = 'FaxIcon', EuroIcon = 'EuroIcon', EmptyWalletIcon = 'EmptyWalletIcon', EmptyWalletChangeIcon = 'EmptyWalletChangeIcon', DzenIcon = 'DzenIcon', DoneSimpleIcon = 'DoneSimpleIcon', DoneIcon = 'DoneIcon', DollarIcon = 'DollarIcon', DocIcon = 'DocIcon', DocDownloadIcon = 'DocDownloadIcon', DiscountShapeIcon = 'DiscountShapeIcon', DevIcon = 'DevIcon', CupIcon = 'CupIcon', CourtHouseIcon = 'CourtHouseIcon', CopyIcon = 'CopyIcon', ConvertCardIcon = 'ConvertCardIcon', CoinIcon = 'CoinIcon', CloseIcon = 'CloseIcon', ClientIcon = 'ClientIcon', ChineseYuanRenminbiIcon = 'ChineseYuanRenminbiIcon', ChevronLeftIcon = 'ChevronLeftIcon', ChatBotIcon = 'ChatBotIcon', ChartSquareIcon = 'ChartSquareIcon', ChartRoundIcon = 'ChartRoundIcon', ChartIcon = 'ChartIcon', CardTickIcon = 'CardTickIcon', CardSendIcon = 'CardSendIcon', CardPosIcon = 'CardPosIcon', CardIcon = 'CardIcon', CalendarTickIcon = 'CalendarTickIcon', CalendarIcon = 'CalendarIcon', CalendarCircleIcon = 'CalendarCircleIcon', BurgerIcon = 'BurgerIcon', BuildingIcon = 'BuildingIcon', BriefcaseIcon = 'BriefcaseIcon', BelarusianFlag = 'BelarusianFlag', BankIcon = 'BankIcon', BankColorIcon = 'BankColorIcon', AtmIcon = 'AtmIcon', ArrowUpSolidIcon = 'ArrowUpSolidIcon', ArrowUpIcon = 'ArrowUpIcon', ArrowTopRightIcon = 'ArrowTopRightIcon', ArrowRightIcon = 'ArrowRightIcon', ArrowLeftIcon = 'ArrowLeftIcon', ArrowDownSolidIcon = 'ArrowDownSolidIcon', ArrowDownIcon = 'ArrowDownIcon', AppleIcon = 'AppleIcon', AlarmIcon = 'AlarmIcon', ActualBalanceIcon = 'ActualBalanceIcon', AchievementIcon = 'AchievementIcon'
 }
 
 export enum IconTitleMap {
-  YoutubeIcon = 'Лого «Youtube»', WalletWithMoneyIcon = 'Кошелёк с деньгами', WalletIcon = 'Кошелёк', WalletAddIcon = 'Кошелёк с плюсом', VKIcon = 'Лого «VK»', UserTickIcon = 'Пользователь', UserSquareIcon = 'Пользователь в рамке', UserGeoLocationIcon = 'Самолётик', TelegramIcon = 'Лого «Telegram»', StarIcon = 'Звезда', SoundIcon = 'Кольцо', SmallClockIcon = 'Маленькие часы', SignDocsIcon = 'Подписанные документы', ShieldTickIcon = 'Безопасность', SecurityСardIcon = 'Безопасность', SafeIcon = 'Сейф', RutubeIcon = 'Лого «Rutube»', RustoreIcon = 'Лого «Rustore»', RoundRubleIcon = 'Рубль (круг.)', ResponseOKIcon = 'Ок', ResponseFailIcon = 'Ошибка', RefreshIcon = 'RefreshIcon', ProfileIcon = 'Профиль', Profile2UserIcon = 'Профиль, 2 персоны', PlusIcon = 'Плюс', PlusCircleIcon = 'Плюс в круге', PlayMarketIcon = 'Лого «PlayMarket»', PhoneIcon = 'Телефон', PhoneCallingIcon = 'Звонящий телефон', PersonalCardIcon = 'Персональная карта', PercentIcon = 'PercentIcon', PercentageRoundIcon = 'Проценты (круг.)', PassSendIcon = 'Бизнес', PackA4Icon = 'Пачка бумаги А4', OkIcon = 'Лого «Одноклассники»', NotificationBingIcon = 'Колокольчик нотификаций', NewLoanIcon = 'Новая заявка', NewDocIcon = 'Новый документ', MonitorMobileIcon = 'Монитор и мобильный', MoneyInsuranceIcon = 'Денежное страхование', MoneyIcon = 'Деньги', MinusIcon = 'Минус', MapOpenedIcon = 'Иконка Развёрнутая карта', MapMarkerSingleIcon = 'Маркер карты РСХБ', MapMarkerClusterYellowIcon = 'Маркер карты (желтый)', MapMarkerClusterIcon = 'Маркер карты', MailIcon = 'E-mail', MagnifierIcon = 'MagnifierIcon', LoupeIcon = 'Лупа', LogoIcon = 'Логотип', LockIcon = 'Замок', InfoCircleIcon = 'InfoCircleIcon', HuaweiIcon = 'Лого «Huawei»', HouseIcon = 'Ипотека', HeartTickIcon = 'Сердцебеение', HeartIcon = 'Сердце', HeadphonesIcon = 'HeadphonesIcon', GridIcon = 'Сетка (белая)', GpsIcon = 'Gps', GosUslugiIcon = 'ГосУслуги', GlobalIcon = 'Глобус', GeolocationIcon = 'Геолокация', FullScreenIcon = 'FullScreenIcon', FaxIcon = 'Факс', EuroIcon = 'Евро', EmptyWalletIcon = 'Пустой кошелёк', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', DzenIcon = 'Лого «Дзен»', DoneSimpleIcon = 'Зелёная \'галочка\'', DoneIcon = 'Зелёная \'галочка\' в круге', DollarIcon = 'Доллар', DocIcon = 'Документ', DocDownloadIcon = 'Скачать документ', DiscountShapeIcon = 'Скидка', DevIcon = 'Разработка', CupIcon = 'Кубок', CourtHouseIcon = 'Здание суда', CopyIcon = 'Копирование', ConvertCardIcon = 'Конвертирование', CoinIcon = 'Монеты', CloseIcon = 'Крестик', ClientIcon = 'Клиент', ChineseYuanRenminbiIcon = 'Китайский юань', ChevronLeftIcon = 'Стрелка \'Влево\'', ChatBotIcon = 'Чат-бот', ChartSquareIcon = 'Деньги внутри кошелька', ChartRoundIcon = 'Диаграмма (в круге)', ChartIcon = 'Инвестиции', CardTickIcon = 'Кред. карта с галочкой', CardSendIcon = 'Карта', CardPosIcon = 'Кред. карта под наклоном', CardIcon = 'Кред. карта', CalendarTickIcon = 'Календарь с галочкой', CalendarIcon = 'Календарь', CalendarCircleIcon = 'Скруглённый календарь', BurgerIcon = 'Бургер', BuildingIcon = 'Здание с деревом', BriefcaseIcon = 'Портфель', BelarusianFlag = 'Белорусский флаг', BankIcon = 'Банк', BankColorIcon = 'Банк (в цвете)', AtmIcon = 'Банкомат', ArrowUpSolidIcon = 'Стрелка сплошная \'Вверх\'', ArrowUpIcon = 'Стрелка \'Вверх\'', ArrowTopRightIcon = 'Стрелка \'Вверх-право\'', ArrowRightIcon = 'Стрелка \'Вправо\'', ArrowLeftIcon = 'Стрелка \'Влево\'', ArrowDownSolidIcon = 'Стрелка сплошная \'Вниз\'', ArrowDownIcon = 'Стрелка \'Вниз\'', AppleIcon = 'Лого «Apple»', AlarmIcon = 'Предупреждение', ActualBalanceIcon = 'Деньги', AchievementIcon = 'Достижение'
+  YoutubeIcon = 'Лого «Youtube»', WalletWithMoneyIcon = 'Кошелёк с деньгами', WalletIcon = 'Кошелёк', WalletAddIcon = 'Кошелёк с плюсом', VKIcon = 'Лого «VK»', UserTickIcon = 'Пользователь', UserSquareIcon = 'Пользователь в рамке', UserGeoLocationIcon = 'Самолётик', TelegramIcon = 'Лого «Telegram»', StarIcon = 'Звезда', SoundIcon = 'Кольцо', SmallClockIcon = 'Маленькие часы', SignDocsIcon = 'Подписанные документы', ShieldTickIcon = 'Безопасность', SecurityСardIcon = 'Безопасность', SafeIcon = 'Сейф', RutubeIcon = 'Лого «Rutube»', RustoreIcon = 'Лого «Rustore»', RoundRubleIcon = 'Рубль (круг.)', ResponseOKIcon = 'Ок', ResponseFailIcon = 'Ошибка', RefreshIcon = 'RefreshIcon', ProfileIcon = 'Профиль', Profile2UserIcon = 'Профиль, 2 персоны', PlusIcon = 'Плюс', PlusCircleIcon = 'Плюс в круге', PlayMarketIcon = 'Лого «PlayMarket»', PhoneIcon = 'Телефон', PhoneCallingIcon = 'Звонящий телефон', PersonalCardIcon = 'Персональная карта', PercentageRoundIcon = 'Проценты (круг.)', PercentIcon = 'PercentIcon', PassSendIcon = 'Бизнес', PackA4Icon = 'Пачка бумаги А4', OkIcon = 'Лого «Одноклассники»', NotificationBingIcon = 'Колокольчик нотификаций', NewLoanIcon = 'Новая заявка', NewDocIcon = 'Новый документ', MonitorMobileIcon = 'Монитор и мобильный', MoneyInsuranceIcon = 'Денежное страхование', MoneyIcon = 'Деньги', MinusIcon = 'Минус', MapOpenedIcon = 'Иконка Развёрнутая карта', MapMarkerSingleIcon = 'Маркер карты РСХБ', MapMarkerClusterYellowIcon = 'Маркер карты (желтый)', MapMarkerClusterIcon = 'Маркер карты', MailIcon = 'E-mail', MagnifierIcon = 'MagnifierIcon', LoupeIcon = 'Лупа', LogoIcon = 'Логотип', LockIcon = 'Замок', InfoCircleIcon = 'InfoCircleIcon', HuaweiIcon = 'Лого «Huawei»', HouseIcon = 'Ипотека', HeartTickIcon = 'Сердцебеение', HeartIcon = 'Сердце', HeadphonesIcon = 'HeadphonesIcon', GridIcon = 'Сетка (белая)', GpsIcon = 'Gps', GosUslugiIcon = 'ГосУслуги', GlobalIcon = 'Глобус', GeolocationIcon = 'Геолокация', FullScreenIcon = 'FullScreenIcon', FaxIcon = 'Факс', EuroIcon = 'Евро', EmptyWalletIcon = 'Пустой кошелёк', EmptyWalletChangeIcon = 'Пустой кошелёк с возвратом', DzenIcon = 'Лого «Дзен»', DoneSimpleIcon = 'Зелёная \'галочка\'', DoneIcon = 'Зелёная \'галочка\' в круге', DollarIcon = 'Доллар', DocIcon = 'Документ', DocDownloadIcon = 'Скачать документ', DiscountShapeIcon = 'Скидка', DevIcon = 'Разработка', CupIcon = 'Кубок', CourtHouseIcon = 'Здание суда', CopyIcon = 'Копирование', ConvertCardIcon = 'Конвертирование', CoinIcon = 'Монеты', CloseIcon = 'Крестик', ClientIcon = 'Клиент', ChineseYuanRenminbiIcon = 'Китайский юань', ChevronLeftIcon = 'Стрелка \'Влево\'', ChatBotIcon = 'Чат-бот', ChartSquareIcon = 'Деньги внутри кошелька', ChartRoundIcon = 'Диаграмма (в круге)', ChartIcon = 'Инвестиции', CardTickIcon = 'Кред. карта с галочкой', CardSendIcon = 'Карта', CardPosIcon = 'Кред. карта под наклоном', CardIcon = 'Кред. карта', CalendarTickIcon = 'Календарь с галочкой', CalendarIcon = 'Календарь', CalendarCircleIcon = 'Скруглённый календарь', BurgerIcon = 'Бургер', BuildingIcon = 'Здание с деревом', BriefcaseIcon = 'Портфель', BelarusianFlag = 'Белорусский флаг', BankIcon = 'Банк', BankColorIcon = 'Банк (в цвете)', AtmIcon = 'Банкомат', ArrowUpSolidIcon = 'Стрелка сплошная \'Вверх\'', ArrowUpIcon = 'Стрелка \'Вверх\'', ArrowTopRightIcon = 'Стрелка \'Вверх-право\'', ArrowRightIcon = 'Стрелка \'Вправо\'', ArrowLeftIcon = 'Стрелка \'Влево\'', ArrowDownSolidIcon = 'Стрелка сплошная \'Вниз\'', ArrowDownIcon = 'Стрелка \'Вниз\'', AppleIcon = 'Лого «Apple»', AlarmIcon = 'Предупреждение', ActualBalanceIcon = 'Деньги', AchievementIcon = 'Достижение'
 }
 
 /**
@@ -19,7 +19,7 @@ export enum IconTitleMap {
  * @title Иконка
  * @enumNames [
  *   "",
- *   'Лого «Youtube»', 'Кошелёк с деньгами', 'Кошелёк', 'Кошелёк с плюсом', 'Лого «VK»', 'Пользователь', 'Пользователь в рамке', 'Самолётик', 'Лого «Telegram»', 'Звезда', 'Кольцо', 'Маленькие часы', 'Подписанные документы', 'Безопасность', 'Безопасность', 'Сейф', 'Лого «Rutube»', 'Лого «Rustore»', 'Рубль (круг.)', 'Ок', 'Ошибка', 'RefreshIcon', 'Профиль', 'Профиль, 2 персоны', 'Плюс', 'Плюс в круге', 'Лого «PlayMarket»', 'Телефон', 'Звонящий телефон', 'Персональная карта', 'PercentIcon', 'Проценты (круг.)', 'Бизнес', 'Пачка бумаги А4', 'Лого «Одноклассники»', 'Колокольчик нотификаций', 'Новая заявка', 'Новый документ', 'Монитор и мобильный', 'Денежное страхование', 'Деньги', 'Минус', 'Иконка Развёрнутая карта', 'Маркер карты РСХБ', 'Маркер карты (желтый)', 'Маркер карты', 'E-mail', 'MagnifierIcon', 'Лупа', 'Логотип', 'Замок', 'InfoCircleIcon', 'Лого «Huawei»', 'Ипотека', 'Сердцебеение', 'Сердце', 'HeadphonesIcon', 'Сетка (белая)', 'Gps', 'ГосУслуги', 'Глобус', 'Геолокация', 'FullScreenIcon', 'Факс', 'Евро', 'Пустой кошелёк', 'Пустой кошелёк с возвратом', 'Лого «Дзен»', 'Зелёная \'галочка\'', 'Зелёная \'галочка\' в круге', 'Доллар', 'Документ', 'Скачать документ', 'Скидка', 'Разработка', 'Кубок', 'Здание суда', 'Копирование', 'Конвертирование', 'Монеты', 'Крестик', 'Клиент', 'Китайский юань', 'Стрелка \'Влево\'', 'Чат-бот', 'Деньги внутри кошелька', 'Диаграмма (в круге)', 'Инвестиции', 'Кред. карта с галочкой', 'Карта', 'Кред. карта под наклоном', 'Кред. карта', 'Календарь с галочкой', 'Календарь', 'Скруглённый календарь', 'Бургер', 'Здание с деревом', 'Портфель', 'Белорусский флаг', 'Банк', 'Банк (в цвете)', 'Банкомат', 'Стрелка сплошная \'Вверх\'', 'Стрелка \'Вверх\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вправо\'', 'Стрелка \'Влево\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Вниз\'', 'Лого «Apple»', 'Предупреждение', 'Деньги', 'Достижение'
+ *   'Лого «Youtube»', 'Кошелёк с деньгами', 'Кошелёк', 'Кошелёк с плюсом', 'Лого «VK»', 'Пользователь', 'Пользователь в рамке', 'Самолётик', 'Лого «Telegram»', 'Звезда', 'Кольцо', 'Маленькие часы', 'Подписанные документы', 'Безопасность', 'Безопасность', 'Сейф', 'Лого «Rutube»', 'Лого «Rustore»', 'Рубль (круг.)', 'Ок', 'Ошибка', 'RefreshIcon', 'Профиль', 'Профиль, 2 персоны', 'Плюс', 'Плюс в круге', 'Лого «PlayMarket»', 'Телефон', 'Звонящий телефон', 'Персональная карта', 'Проценты (круг.)', 'PercentIcon', 'Бизнес', 'Пачка бумаги А4', 'Лого «Одноклассники»', 'Колокольчик нотификаций', 'Новая заявка', 'Новый документ', 'Монитор и мобильный', 'Денежное страхование', 'Деньги', 'Минус', 'Иконка Развёрнутая карта', 'Маркер карты РСХБ', 'Маркер карты (желтый)', 'Маркер карты', 'E-mail', 'MagnifierIcon', 'Лупа', 'Логотип', 'Замок', 'InfoCircleIcon', 'Лого «Huawei»', 'Ипотека', 'Сердцебеение', 'Сердце', 'HeadphonesIcon', 'Сетка (белая)', 'Gps', 'ГосУслуги', 'Глобус', 'Геолокация', 'FullScreenIcon', 'Факс', 'Евро', 'Пустой кошелёк', 'Пустой кошелёк с возвратом', 'Лого «Дзен»', 'Зелёная \'галочка\'', 'Зелёная \'галочка\' в круге', 'Доллар', 'Документ', 'Скачать документ', 'Скидка', 'Разработка', 'Кубок', 'Здание суда', 'Копирование', 'Конвертирование', 'Монеты', 'Крестик', 'Клиент', 'Китайский юань', 'Стрелка \'Влево\'', 'Чат-бот', 'Деньги внутри кошелька', 'Диаграмма (в круге)', 'Инвестиции', 'Кред. карта с галочкой', 'Карта', 'Кред. карта под наклоном', 'Кред. карта', 'Календарь с галочкой', 'Календарь', 'Скруглённый календарь', 'Бургер', 'Здание с деревом', 'Портфель', 'Белорусский флаг', 'Банк', 'Банк (в цвете)', 'Банкомат', 'Стрелка сплошная \'Вверх\'', 'Стрелка \'Вверх\'', 'Стрелка \'Вверх-право\'', 'Стрелка \'Вправо\'', 'Стрелка \'Влево\'', 'Стрелка сплошная \'Вниз\'', 'Стрелка \'Вниз\'', 'Лого «Apple»', 'Предупреждение', 'Деньги', 'Достижение'
  * ]
  */
-export type IconName = '' | 'YoutubeIcon' | 'WalletWithMoneyIcon' | 'WalletIcon' | 'WalletAddIcon' | 'VKIcon' | 'UserTickIcon' | 'UserSquareIcon' | 'UserGeoLocationIcon' | 'TelegramIcon' | 'StarIcon' | 'SoundIcon' | 'SmallClockIcon' | 'SignDocsIcon' | 'ShieldTickIcon' | 'SecurityСardIcon' | 'SafeIcon' | 'RutubeIcon' | 'RustoreIcon' | 'RoundRubleIcon' | 'ResponseOKIcon' | 'ResponseFailIcon' | 'RefreshIcon' | 'ProfileIcon' | 'Profile2UserIcon' | 'PlusIcon' | 'PlusCircleIcon' | 'PlayMarketIcon' | 'PhoneIcon' | 'PhoneCallingIcon' | 'PersonalCardIcon' | 'PercentIcon' | 'PercentageRoundIcon' | 'PassSendIcon' | 'PackA4Icon' | 'OkIcon' | 'NotificationBingIcon' | 'NewLoanIcon' | 'NewDocIcon' | 'MonitorMobileIcon' | 'MoneyInsuranceIcon' | 'MoneyIcon' | 'MinusIcon' | 'MapOpenedIcon' | 'MapMarkerSingleIcon' | 'MapMarkerClusterYellowIcon' | 'MapMarkerClusterIcon' | 'MailIcon' | 'MagnifierIcon' | 'LoupeIcon' | 'LogoIcon' | 'LockIcon' | 'InfoCircleIcon' | 'HuaweiIcon' | 'HouseIcon' | 'HeartTickIcon' | 'HeartIcon' | 'HeadphonesIcon' | 'GridIcon' | 'GpsIcon' | 'GosUslugiIcon' | 'GlobalIcon' | 'GeolocationIcon' | 'FullScreenIcon' | 'FaxIcon' | 'EuroIcon' | 'EmptyWalletIcon' | 'EmptyWalletChangeIcon' | 'DzenIcon' | 'DoneSimpleIcon' | 'DoneIcon' | 'DollarIcon' | 'DocIcon' | 'DocDownloadIcon' | 'DiscountShapeIcon' | 'DevIcon' | 'CupIcon' | 'CourtHouseIcon' | 'CopyIcon' | 'ConvertCardIcon' | 'CoinIcon' | 'CloseIcon' | 'ClientIcon' | 'ChineseYuanRenminbiIcon' | 'ChevronLeftIcon' | 'ChatBotIcon' | 'ChartSquareIcon' | 'ChartRoundIcon' | 'ChartIcon' | 'CardTickIcon' | 'CardSendIcon' | 'CardPosIcon' | 'CardIcon' | 'CalendarTickIcon' | 'CalendarIcon' | 'CalendarCircleIcon' | 'BurgerIcon' | 'BuildingIcon' | 'BriefcaseIcon' | 'BelarusianFlag' | 'BankIcon' | 'BankColorIcon' | 'AtmIcon' | 'ArrowUpSolidIcon' | 'ArrowUpIcon' | 'ArrowTopRightIcon' | 'ArrowRightIcon' | 'ArrowLeftIcon' | 'ArrowDownSolidIcon' | 'ArrowDownIcon' | 'AppleIcon' | 'AlarmIcon' | 'ActualBalanceIcon' | 'AchievementIcon';
+export type IconName = '' | 'YoutubeIcon' | 'WalletWithMoneyIcon' | 'WalletIcon' | 'WalletAddIcon' | 'VKIcon' | 'UserTickIcon' | 'UserSquareIcon' | 'UserGeoLocationIcon' | 'TelegramIcon' | 'StarIcon' | 'SoundIcon' | 'SmallClockIcon' | 'SignDocsIcon' | 'ShieldTickIcon' | 'SecurityСardIcon' | 'SafeIcon' | 'RutubeIcon' | 'RustoreIcon' | 'RoundRubleIcon' | 'ResponseOKIcon' | 'ResponseFailIcon' | 'RefreshIcon' | 'ProfileIcon' | 'Profile2UserIcon' | 'PlusIcon' | 'PlusCircleIcon' | 'PlayMarketIcon' | 'PhoneIcon' | 'PhoneCallingIcon' | 'PersonalCardIcon' | 'PercentageRoundIcon' | 'PercentIcon' | 'PassSendIcon' | 'PackA4Icon' | 'OkIcon' | 'NotificationBingIcon' | 'NewLoanIcon' | 'NewDocIcon' | 'MonitorMobileIcon' | 'MoneyInsuranceIcon' | 'MoneyIcon' | 'MinusIcon' | 'MapOpenedIcon' | 'MapMarkerSingleIcon' | 'MapMarkerClusterYellowIcon' | 'MapMarkerClusterIcon' | 'MailIcon' | 'MagnifierIcon' | 'LoupeIcon' | 'LogoIcon' | 'LockIcon' | 'InfoCircleIcon' | 'HuaweiIcon' | 'HouseIcon' | 'HeartTickIcon' | 'HeartIcon' | 'HeadphonesIcon' | 'GridIcon' | 'GpsIcon' | 'GosUslugiIcon' | 'GlobalIcon' | 'GeolocationIcon' | 'FullScreenIcon' | 'FaxIcon' | 'EuroIcon' | 'EmptyWalletIcon' | 'EmptyWalletChangeIcon' | 'DzenIcon' | 'DoneSimpleIcon' | 'DoneIcon' | 'DollarIcon' | 'DocIcon' | 'DocDownloadIcon' | 'DiscountShapeIcon' | 'DevIcon' | 'CupIcon' | 'CourtHouseIcon' | 'CopyIcon' | 'ConvertCardIcon' | 'CoinIcon' | 'CloseIcon' | 'ClientIcon' | 'ChineseYuanRenminbiIcon' | 'ChevronLeftIcon' | 'ChatBotIcon' | 'ChartSquareIcon' | 'ChartRoundIcon' | 'ChartIcon' | 'CardTickIcon' | 'CardSendIcon' | 'CardPosIcon' | 'CardIcon' | 'CalendarTickIcon' | 'CalendarIcon' | 'CalendarCircleIcon' | 'BurgerIcon' | 'BuildingIcon' | 'BriefcaseIcon' | 'BelarusianFlag' | 'BankIcon' | 'BankColorIcon' | 'AtmIcon' | 'ArrowUpSolidIcon' | 'ArrowUpIcon' | 'ArrowTopRightIcon' | 'ArrowRightIcon' | 'ArrowLeftIcon' | 'ArrowDownSolidIcon' | 'ArrowDownIcon' | 'AppleIcon' | 'AlarmIcon' | 'ActualBalanceIcon' | 'AchievementIcon';

package/src/retail/components/CaptchaDialog/CaptchaDialog.tsx

@@ -49,21 +49,21 @@ export const CaptchaDialog = JSX<CaptchaDialogProps>(({ phoneNumber, sendCode, o
       head={<Logo />}
       onClose={onClose}
     >
-      <div className="flex flex-col gap-lg items-center rounded-md">
-        <div className="flex h-36 w-72">
+      <div className="flex flex-col gap-lg items-center">
+        <div className="flex">
           <img className="grow" src={captcha}></img>
           <Button className="w-8" embedded onClick={handleCreateCaptcha}>
             <Icon iconVersion="normal" name="RefreshIcon" />
           </Button>
         </div>
         <Input
-          className="w-[300px]"
+          className="w-80"
           onChange={setCode}
           value={code}
           placeholder="Введите код с картинки"
         />
         {hasError ? <div className="text-error">Неверный код</div> : null}
-        <div className="flex w-[310px] justify-between">
+        <div className="flex w-80 justify-between">
           <Button version="secondary" onClick={close}>
             Вернуться
           </Button>

package/src/retail/components/DraftDialog/DraftDialog.tsx

@@ -54,7 +54,7 @@ export const DraftDialog = JSX<DraftDialogProps>(function ({
 
   return (
     <Dialog className="my-6xl max-w-4xl w-full min-h-fit mx-auto rounded-xl py-0" onClose={onClose}>
-      <div className="flex flex-col gap-lg items-center mt-xs md:mt-0 mx-6xl">
+      <div className="flex flex-col gap-lg items-center mt-xs mx-6xl">
         <Heading
           className="whitespace-pre-wrap text-center"
           title="Нашли черновик вашей заявки"

package/src/retail/components/VerifyPhoneDialog/VerifyPhoneDialog.tsx

@@ -130,7 +130,7 @@ const renderText = (timeNextReq: number, handleSendCode: () => void) =>
   timeNextReq ? (
     <div className="flex flex-row text-l font-light text-base">
       Получить новый код можно через
-      <Timer className="ml-1" seconds={timeNextReq} />
+      <Timer className="pl-2xs" seconds={timeNextReq} />
     </div>
   ) : (
     <Button embedded onClick={handleSendCode}>

package/src/ui-kit/Calculator/CalculatorStyle.tsx

@@ -1,5 +1,5 @@
 export const CalculatorStyle = {
-  wrapper: 'flex flex-col justify-between lg:flex-row gap-x-4xl gap-y-7 lg:gap-y-4xl',
+  wrapper: 'flex flex-col justify-between lg:flex-row gap-4xl',
   input: 'flex flex-col lg:w-1/2 gap-2xl',
   result: 'flex flex-col gap-y-xl min-w-52',
 };

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

@@ -53,7 +53,7 @@ export const InputRange = JSX<InputRangeProps>((props) => {
         <input
           className={style(
             'text-h3 w-full h-14',
-            'pl-m mt-xs box-border',
+            'pl-m box-border',
             'text-primary-text',
             inputValidStyle,
             inputDisabledStyle,