@redneckz/wildless-cms-uni-blocks 0.14.25 → 0.14.27

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

@@ -1,10 +1,10 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useState } from '@redneckz/uni-jsx/lib/hooks';
 import type { ButtonVersion } from '../../model/ButtonVersion';
-import type { Picture } from '../../model/Picture';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Text } from '../../ui-kit/Text/Text';
+import { isIcon } from '../../utils/isIcon';
 import { style } from '../../utils/style';
 import { findIconByHref } from './findIconByHref';
 
@@ -22,7 +22,7 @@ export const SocialMedia = JSX<SocialMediaProps>(
     const buttons: ButtonContent[] | undefined = media?.map((_) => {
       const { href, icon, text } = _;
       const { iconMapped } = findIconByHref(href);
-      const iconCustom = getFilteredIcon(icon) ?? iconMapped;
+      const iconCustom = isIcon(icon) ? icon : iconMapped;
       const buttonText = showButtonText ? { text } : { text: '' };
 
       if (!hasText && text) {
@@ -39,26 +39,24 @@ export const SocialMedia = JSX<SocialMediaProps>(
 
     const buttonClassName = style(
       'border border-solid hover:border-transparent group-data-primary:border-main-divider border-main-divider group-data-gray:border-green group/media',
-      showButtonText && hasText ? '' : ' basis-auto',
+      showButtonText && hasText ? '' : 'basis-auto',
       stretched ? 'flex-1 justify-center' : '',
     );
 
     return (
-      <div className="flex flex-col sm:flex-col-reverse gap-xs">
-        {children ? (
-          <Text size="text-s" font="font-light" color="text-secondary-text">
-            {children}
-          </Text>
-        ) : null}
-        <div className={style('flex gap-xs', className)}>
+      <div className={style('flex flex-col gap-xs', className)}>
+        <div className="flex gap-xs">
           {renderButtonsSection(buttons, {
             className: stretched ? 'w-full' : '',
             buttonClassName,
           })}
         </div>
+        {children ? (
+          <Text size="text-s" font="font-light" color="text-secondary-text">
+            {children}
+          </Text>
+        ) : null}
       </div>
     );
   },
 );
-
-const getFilteredIcon = (icon: Picture | undefined) => (icon?.src || icon?.icon ? icon : undefined);

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

@@ -12,7 +12,7 @@ export const TextInformation = JSX<FooterLink>(({ className = '', links }) => (
       </Text>
     </div>
     {links?.length ? (
-      <div className="flex flex-col @lg:flex-row justify-start items-start gap-x-lg gap-y-xs pt-lg">
+      <div className="flex flex-col @5xl:flex-row justify-start items-start gap-x-lg gap-y-xs pt-lg">
         {links.map((_, i) => (
           <TextInformationLink key={String(i)} index={i} {..._} />
         ))}

package/mobile/src/components/Footer/iconsMap.ts

@@ -35,4 +35,8 @@ export const ICONS_MAP: Array<IconsMapItem> = [
     origins: ['rutube.ru'],
     iconMapped: { icon: 'RutubeIcon' },
   },
+  {
+    origins: ['dzen.ru'],
+    iconMapped: { icon: 'DzenIcon' },
+  },
 ];

package/mobile/src/components/OfficesAtmsMap/OfficesAtmsMap.ui.json

@@ -1 +1,16 @@
-{}
+{
+  "content": {
+    "data": {
+      "dataType": {
+        "ui:widget": "hidden"
+      },
+      "list": {
+        "items": {
+          "image": {
+            "ui:field": "picture"
+          }
+        }
+      }
+    }
+  }
+}

package/mobile/src/components/OfficesAtmsMap/OfficesAtmsMapContent.ts

@@ -6,6 +6,7 @@ import { type Picture } from '../../model/Picture';
  * @title Пункт
  */
 export type ItemList = {
+  /** @title Название */
   text?: string;
   image?: Picture;
 };

package/mobile/src/components/ProductBlock/ProductBlock.tsx

@@ -33,12 +33,7 @@ export const ProductBlock = JSX<ProductBlockProps>(
         padding={padding}
         {...rest}
       >
-        {backwardButton
-          ? renderBackwardButton(
-              !rest.version || rest.version === 'primary' ? 'primary' : 'white',
-              handleClick,
-            )
-          : null}
+        {backwardButton ? renderBackwardButton(rest.version || 'primary', handleClick) : null}
         <BaseProductTile className="grow h-full" {...rest} />
       </BlockWrapper>
     );

package/mobile/src/components/ProductBlock/renderBackwardButton.tsx

@@ -22,7 +22,13 @@ export function renderBackwardButton(version: ButtonVersion, handleClick: () =>
           }}
         />
       </div>
-      <Button version="link" text={text} ariaLabel={text} onClick={handleClick} />
+      <Button
+        version="link"
+        className="group-data-secondary:text-white/80"
+        text={text}
+        ariaLabel={text}
+        onClick={handleClick}
+      />
     </div>
   );
 }

package/mobile/src/components/ProductGallery/ProductGallery.example.json

@@ -8,7 +8,7 @@
         },
         "productBlock": {
           "title": "Продуктовая галерея",
-          "headlineVersion": "XXL",
+          "headlineVersion": "M",
           "image": {
             "format": "webp",
             "size": {

package/mobile/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.example.json

@@ -3,6 +3,7 @@
   "description": "Описание",
   "__html": "<p>Описание</p>",
   "richVersion": "",
+  "icon": { "format": "webp", "size": { "width": 70, "height": 48 } },
   "button": {
     "text": "Информация о регионе",
     "version": "link",

package/mobile/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.tsx

@@ -1,7 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { type IconName } from '../../icons/IconName';
 import { type UniBlockProps } from '../../model/JSXBlock';
-import { type Picture } from '../../model/Picture';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
@@ -10,6 +9,7 @@ import { Img } from '../../ui-kit/Img/Img';
 import { RichText } from '../../ui-kit/RichText/RichText';
 import { Text } from '../../ui-kit/Text/Text';
 import { type TextColor } from '../../ui-kit/Text/TextProps';
+import { isIcon } from '../../utils/isIcon';
 import { style } from '../../utils/style';
 import { type RepresentativeOfficeInfoContent } from './RepresentativeOfficeInfoContent';
 
@@ -36,7 +36,11 @@ export const RepresentativeOfficeInfo = JSX<RepresentativeOfficeInfoProps>(
       {...rest}
     >
       <div className="w-full flex justify-between flex-row-reverse">
-        {renderIconBlock(icon)}
+        {isIcon(icon) ? (
+          <div className={'w-10 h-7 sm:w-24 sm:h-16'}>
+            <Img image={icon} />
+          </div>
+        ) : null}
         {title ? <Heading headingType="h3" as="h3" title={title} /> : null}
       </div>
       <div className="w-full space-y-m">
@@ -59,12 +63,6 @@ export const RepresentativeOfficeInfo = JSX<RepresentativeOfficeInfoProps>(
   ),
 );
 
-const renderIconBlock = (icon?: Picture) => (
-  <div className={'w-10 h-7 sm:w-24 sm:h-16'}>
-    {icon?.src || icon?.icon ? <Img image={icon} /> : null}
-  </div>
-);
-
 const renderDescriptionBlock = (__html?: string) => (
   <div className="border-b border-main-divider pb-lg">
     <RichText __html={__html} />

package/mobile/src/components/RepresentativeOfficeInfo/RepresentativeOfficeInfo.ui.json

@@ -17,6 +17,7 @@
   },
   "style": {
     "ui:options": {
+      "minCols": 6,
       "maxCols": 6
     }
   }

package/mobile/src/components/StepsBlock/StepsBlock.tsx

@@ -7,9 +7,9 @@ import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Img } from '../../ui-kit/Img/Img';
 import { RichText } from '../../ui-kit/RichText/RichText';
 import { assertUnreachable } from '../../utils/assertUnreachable';
+import { isIcon } from '../../utils/isIcon';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
-import { checkCanRenderIcon } from './checkCanRenderIcon';
 import { type DefaultStep, type Step, type StepsBlockContent } from './StepsBlockContent';
 import { STEPS_BLOCK_STYLE } from './StepsBlockStyleMaps';
 
@@ -128,7 +128,7 @@ const renderIconArea = (size: SizeVersion, version: BlockVersion) => (step: Step
       )}
     >
       <span className="flex max-w-full max-h-full self-center text-h4 text-secondary-text group-data-secondary:text-white">
-        {checkCanRenderIcon(step?.icon) ? (
+        {isIcon(step?.icon) ? (
           <Img
             image={{ ...step.icon, iconVersion: step.icon?.iconVersion || iconVersion }}
             imageClassName="max-w-full max-h-full"

package/mobile/src/components/Tabs/Tabs.tsx

@@ -31,9 +31,9 @@ export const Tabs = JSX<TabsBlockProps>(
             (_) => _.type === 'group' && _.ref === router.query[TAB_QUERY_PARAM_KEY],
           ) || 0
         : 0;
-
+      const defaultTab = tabs[defaultTabIndex] || tabs[0];
       setActiveTabIndex(defaultTabIndex);
-      fireTabEvent(tabs[defaultTabIndex]);
+      fireTabEvent(defaultTab);
     }, [isReady]);
 
     useEffect(() => {
@@ -57,10 +57,14 @@ export const Tabs = JSX<TabsBlockProps>(
     const handleChange = useCallback(
       (_: TabItemBase) => {
         const index = tabsControlItems.indexOf(_);
+        const tab = tabs[index];
 
         setActiveTabIndex(index);
-        fireTabEvent(tabs[index]);
-        updateUrlSearchTabParam(_);
+        fireTabEvent(tab);
+
+        if (tab.type === 'group') {
+          updateUrlSearchTabParam(_);
+        }
       },
       [tabs, tabsControlItems],
     );

package/mobile/src/icons/DzenIcon.svg

@@ -0,0 +1,4 @@
+<svg title="Лого «Дзен»" isInverse="true" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="none">
+  <path fill="currentColor" d="M1.2 11.665C1.2 5.885 6.197 1.2 12.363 1.2c6.166 0 11.165 4.685 11.165 10.465S18.53 22.129 12.364 22.129c-6.166 0-11.165-4.685-11.165-10.464Z"/>
+  <path fill="#ffffff" fill-rule="evenodd" d="M12.03 1.2c-.057 4.242-.366 6.627-2.063 8.218-1.698 1.59-4.242 1.88-8.768 1.933v.627c4.526.053 7.07.343 8.768 1.934 1.697 1.59 2.006 3.975 2.062 8.217h.67c.056-4.242.365-6.626 2.062-8.217 1.698-1.591 4.242-1.88 8.768-1.934v-.627c-4.526-.053-7.07-.342-8.768-1.933C13.063 7.827 12.755 5.442 12.7 1.2h-.67Z" clip-rule="evenodd"/>
+</svg>

package/mobile/src/icons/IconName.ts

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

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

@@ -81,7 +81,7 @@ export const BaseProductTile = JSX<BaseProductTileProps>(
   },
 );
 
-const leftOrRightImage = (img: VNode, directionRight: boolean) =>
+export const leftOrRightImage = (img: VNode, directionRight: boolean) =>
   directionRight ? { rightImage: img } : { leftImage: img };
 
 const renderTags = (tags: string[]) => (tags?.length ? <Tags tags={tags} /> : null);

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

@@ -38,7 +38,7 @@ export const BaseTile = JSX<BaseTileProps>(
   }) => (
     <div
       className={style(
-        'relative flex flex-col gap-3xl font-sans overflow-hidden',
+        'relative flex flex-col gap-3xl overflow-hidden',
         padding || defaultPadding,
         className,
       )}
@@ -46,10 +46,11 @@ export const BaseTile = JSX<BaseTileProps>(
       {title ? <div className="relative">{title}</div> : null}
       <div
         className={style(
-          'grow relative flex flex-col-reverse @xl:flex-row justify-around @xl:justify-between items-stretch gap-3xl',
+          'grow relative flex flex-col @md:flex-row gap-3xl',
+          leftImage ? 'self-start' : '',
         )}
       >
-        {renderImageContainer(leftImage, { imageAlign })}
+        {renderImageContainer(leftImage, { imageAlign, className: 'm-auto' })}
         <div
           className={style(
             'grid gap-3xl',
@@ -66,7 +67,7 @@ export const BaseTile = JSX<BaseTileProps>(
               '@xl:justify-self-end @xl:col-start-2',
               buttons ? rowSpanStyle(isImageAlwaysOnRight) : '',
               positionStyle(isImageAlwaysOnRight),
-              isImageSecondary ? 'hidden @xl:block' : '',
+              imageSecondaryStyle(isImageSecondary),
             ),
             imageAlign,
           })}
@@ -101,3 +102,6 @@ const renderImageContainer = (
       {image}
     </div>
   ) : null;
+
+const imageSecondaryStyle = (isImageSecondary: boolean) =>
+  isImageSecondary ? 'hidden @md:block' : '';

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

@@ -11,13 +11,7 @@ export type BenefitItemProps = ComplexBenefitContent & {
 };
 
 export const BenefitItem = JSX<BenefitItemProps>(({ className, benefitsVersion, ..._ }) => (
-  <div
-    className={style(
-      'flex gap-m min-w-56',
-      'description' in _ && _.description ? 'items-start' : 'items-center',
-      className,
-    )}
-  >
+  <div className={style('flex gap-m min-w-56 items-center', className)}>
     {'icon' in _ ? renderBenefitIcon(_.icon, benefitsVersion) : null}
     <div>{renderBenefitText(_)}</div>
   </div>

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

@@ -6,17 +6,22 @@ import { type ButtonProps } from './ButtonProps';
 
 export const ButtonInner = JSX<ButtonProps>((props) => {
   const { text, aboveText, appendLeft, appendRight, version = 'primary' } = props;
+  const iconHideStyle = isWithText(props) ? 'hidden lg:block' : '';
 
   return (
     <div className={style(getButtonStyle(props), 'flex gap-xs')}>
-      {appendLeft ? <div className={iconStyleMap[version]}>{appendLeft}</div> : null}
+      {appendLeft ? (
+        <div className={style(iconHideStyle, iconStyleMap[version])}>{appendLeft}</div>
+      ) : null}
       {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>
       ) : null}
-      {appendRight ? <div className={iconStyleMap[version]}>{appendRight}</div> : null}
+      {appendRight ? (
+        <div className={style(iconHideStyle, iconStyleMap[version])}>{appendRight}</div>
+      ) : null}
     </div>
   );
 });

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

@@ -1,4 +1,5 @@
 import { type Picture } from '../../model/Picture';
+import { isIcon } from '../../utils/isIcon';
 import { style } from '../../utils/style';
 import { Img } from '../Img/Img';
 import { Button } from './Button';
@@ -57,7 +58,7 @@ const getIconVersion = (icon: Picture | undefined, version = 'secondary') => {
 };
 
 const renderButtonIcon = (icon: Picture) =>
-  icon?.icon || icon?.src ? (
+  isIcon(icon) ? (
     <Img
       image={icon}
       width={String(icon?.size?.width || DEFAULT_ICON_W)}

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

@@ -29,17 +29,18 @@ const SELECT_PROPS: { className: string; iconVersion: IconVersion; isBorder: boo
 };
 
 const formStyle =
-  'flex justify-between px-m py-s border border-gray rounded-md cursor-pointer ' +
+  'flex justify-between items-center h-14 px-m py-s border rounded-md cursor-pointer ' +
   'hover:border-black active:border-black focus:border-black';
 
 interface DatePickerProps extends ControlProps<Date>, LabelProps {
   className?: string;
   minDate?: Date;
   maxDate?: Date;
+  valid?: boolean;
 }
 
 export const DatePicker = JSX<DatePickerProps>(
-  ({ className = '', label = '', value, minDate, maxDate, onChange }) => {
+  ({ className = '', label = '', value, valid = true, minDate, maxDate, onChange }) => {
     const [showCalendar, { setValue }] = useBool(false);
     const [selectedMonth, setSelectedMonth] = useState(value?.getMonth() || new Date().getMonth());
     const [selectedYear, setSelectedYear] = useState(
@@ -67,7 +68,7 @@ export const DatePicker = JSX<DatePickerProps>(
     return (
       <div className={style(className, 'relative')} ref={ref}>
         <Text size="text-m">{label}</Text>
-        {renderDatePickerForm(handleChangeVisibleCalendar, value)}
+        {renderDatePickerForm(handleChangeVisibleCalendar, value, valid)}
         {showCalendar ? (
           <div className="absolute bg-white z-10 select-none">
             <div className="flex gap-s">
@@ -105,8 +106,15 @@ export const DatePicker = JSX<DatePickerProps>(
   },
 );
 
-const renderDatePickerForm = (handleChangeVisibleCalendar: () => void, value: Date | undefined) => (
-  <div onClick={handleChangeVisibleCalendar} className={formStyle}>
+const renderDatePickerForm = (
+  handleChangeVisibleCalendar: () => void,
+  value: Date | undefined,
+  valid: boolean,
+) => (
+  <div
+    onClick={handleChangeVisibleCalendar}
+    className={style(formStyle, valid ? 'border-gray' : 'border-error')}
+  >
     <Paragraph>{value && formatDate(value)}</Paragraph>
     <Icon {...ICON_PROPS} name="CalendarIcon" />
   </div>

package/mobile/src/ui-kit/DatePicker/getYears.ts

@@ -1,4 +1,4 @@
-const START_YEAR = 1970;
+const START_YEAR = 1940;
 
 export const getYears = () =>
   Array.from({ length: new Date().getFullYear() - START_YEAR + 1 }, (_, i) => START_YEAR + i);

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

@@ -56,7 +56,7 @@ export const Input = JSX<InputProps>(
             ref={inputRef}
             key={key}
             className={style(
-              'w-full border rounded-md text-primary-text outline-none p-m',
+              'w-full h-14 border rounded-md text-primary-text outline-none p-m',
               paddingStyle,
               validStyle,
               inputClassName,

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

@@ -35,8 +35,12 @@ export const LocationDialog = JSX<UniBlockProps>(() => {
 
   return (
     <Dialog
+      className="pb-20"
       head={
         <div>
+          <Text size="text-h4" color="text-primary-text">
+            Выберите филиал
+          </Text>
           {currentLocation ? (
             <div className="mb-s">
               <Text size="text-l" font="font-light">
@@ -61,7 +65,7 @@ export const LocationDialog = JSX<UniBlockProps>(() => {
             .map(renderRegion(handleChangeLocation))}
         </div>
       ) : (
-        <div className="columns-2 sm:columns-5">
+        <div className="columns-1 sm:columns-5">
           {Array.from(regionsGroupByLetter.entries()).map(renderRegionGroup(handleChangeLocation))}
         </div>
       )}

package/mobile/src/ui-kit/LocationDialog/renderForeignOffices.tsx

@@ -6,13 +6,13 @@ import { Text } from '../Text/Text';
 
 export const renderForeignOffices = (foreignOffices: ForeignOffice[] | undefined) =>
   foreignOffices?.length ? (
-    <div className="border-t border-main-divider mt-2xs pt-2xs">
+    <div className="sm:border-t sm:border-main-divider mt-2xs pt-2xs">
       <div className="mb-m">
         <Text size="text-m" font="font-light" color="text-secondary-text">
           Представительства за рубежом:
         </Text>
       </div>
-      <div className="flex gap-5xl">
+      <div className="flex flex-col sm:flex-row gap-5xl">
         {foreignOffices.map((office, i: number) => (
           <ForeignOffice key={String(i)} {...office} />
         ))}
@@ -25,11 +25,13 @@ const ForeignOffice = JSX<ForeignOffice>(({ icon, ...rest }) => {
   const { text, target, href, onClick } = link(rest);
 
   return (
-    <div className="flex gap-s">
+    <div className="flex gap-s items-center">
       {icon ? <Img pathPrefix="/wcms-resources/" image={icon} /> : null}
       {text ? (
         <a className="hover:text-primary-hover" href={href} target={target} onClick={onClick}>
-          {text}
+          <Text size="text-l" font="font-light" color="text-primary-text">
+            {text}
+          </Text>
         </a>
       ) : null}
     </div>

package/mobile/src/ui-kit/LocationDialog/renderRegion.tsx

@@ -1,15 +1,18 @@
 import { type Region } from '../../hooks/useRegions';
+import { Text } from '../Text/Text';
 
 export const renderRegion = (onChangeLocation?: (region: Region) => void) => (region: Region) =>
   (
-    <div key={region.id} className="mb-2xs">
+    <div key={region.id} className="mb-xs sm:mb-2xs">
       <button
         className="cursor-pointer hover:text-primary-hover"
         onClick={() => {
           onChangeLocation && onChangeLocation(region);
         }}
       >
-        {region.name || ''}
+        <Text size="text-l" font="font-light">
+          {region.name || ''}
+        </Text>
       </button>
     </div>
   );

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

@@ -6,7 +6,7 @@ import { Img } from '../Img/Img';
 
 export const NotFound = JSX<NotFoundContent>(({ title, description }) => (
   <div className="bg-white p-6xl py-20 flex gap-s flex-col @xl:items-center">
-    <Img image={{ icon: 'MagnifierIcon' }} width="120" height="120" />
+    <Img image={{ icon: 'MagnifierIcon', iconVersion: 'normal' }} width="120" height="120" />
     <Headline
       title={title}
       description={description}

package/mobile/src/ui-kit/SearchDialog/SearchInput.tsx

@@ -28,7 +28,7 @@ export const SearchInput = JSX<SearchInputProps>(
         </div>
         <input
           className={style(
-            'h-12 w-full px-10 text-l text-black outline-none box-border border border-solid rounded-md',
+            'h-14 w-full px-10 text-l text-black outline-none box-border border border-solid rounded-md',
             'border-gray hover:border-primary-hover active:border-primary-text focus:border-primary-text',
           )}
           value={value}

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

@@ -59,7 +59,7 @@ export const Select = JSX<SelectProps>(
         <div className={style('relative', isOpen ? 'z-20' : 'z-10')} ref={inputRef}>
           <div
             className={style(
-              'text-l flex justify-between items-center text-primary-text cursor-pointer relative z-10',
+              'h-14 text-l flex justify-between items-center text-primary-text cursor-pointer relative z-10',
               getBorderStyle(isBorder, valid),
             )}
             onClick={isOpen ? handleClose : open}

package/mobile/src/utils/isIcon.ts

@@ -0,0 +1,3 @@
+import { type Picture } from '../model/Picture';
+
+export const isIcon = (icon: Picture | undefined): boolean => Boolean(icon?.src || icon?.icon);