@redneckz/wildless-cms-uni-blocks 0.12.12 → 0.12.13

package/src/components/Footer/Footer.tsx

@@ -12,7 +12,7 @@ import { HorizontalNavigation } from './HorizontalNavigation';
 import { SocialMedia } from './SocialMedia';
 import { TextInformation } from './TextInformation';
 
-const LEFT_COL_WIDTH_FULL_HD = 'w-[204px]';
+const LEFT_COL_WIDTH = 'w-52';
 
 export const Footer = JSX<FooterProps>(({ className, sitemap, ...rest }) => {
   const { documents, relatedEnterprises, contacts, socialMedia, mobileApps, logo } =
@@ -23,15 +23,13 @@ export const Footer = JSX<FooterProps>(({ className, sitemap, ...rest }) => {
 
   return (
     <BlockWrapper tag="footer" className={className} {...rest}>
-      <div className="flex items-stretch gap-6xl xl:gap-3xl pb-3xl ">
-        <Logo className={LEFT_COL_WIDTH_FULL_HD} logo={logo} />
+      <div className="flex items-stretch gap-3xl pb-3xl ">
+        <Logo className={LEFT_COL_WIDTH} logo={logo} />
         <SearchBar className="grow" />
       </div>
-      <div className="flex items-stretch gap-6xl xl:gap-3xl">
-        <div
-          className={`${LEFT_COL_WIDTH_FULL_HD} flex flex-col shrink-0 overflow-hidden space-y-xl`}
-        >
-          <Contacts items={contacts} hasButton />
+      <div className="flex items-stretch gap-6xl">
+        <div className={`${LEFT_COL_WIDTH} flex flex-col shrink-0 overflow-hidden space-y-xl`}>
+          <Contacts items={contacts} />
           <SocialMedia media={socialMedia}>Соцсети</SocialMedia>
           <SocialMedia media={mobileApps}>Мобильное приложение</SocialMedia>
         </div>

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

@@ -9,11 +9,18 @@ export interface HorizontalNavigationProps extends FooterLink, TitleProps {}
 export const HorizontalNavigation = JSX<HorizontalNavigationProps>(
   ({ title, links, className = '' }) => (
     <div className={className}>
-      <Text size="text-h6">{title}</Text>
+      <Text size="text-l" font="font-normal">
+        {title}
+      </Text>
       {links?.length ? (
-        <div className="flex flex-col gap-6 mt-7">
+        <div className="flex flex-col gap-lg mt-lg">
           {links.map((_, i) => (
-            <HorizontalNavigationLink key={String(i)} index={i} {..._} />
+            <HorizontalNavigationLink
+              className="text-l font-light"
+              key={String(i)}
+              index={i}
+              {..._}
+            />
           ))}
         </div>
       ) : null}

package/src/components/Footer/HorizontalNavigation.tsx

@@ -9,7 +9,7 @@ export const HorizontalNavigation = JSX<HorizontalNavigationProps>(({ className
   return (
     <div className={className}>
       {links?.length ? (
-        <div className="flex justify-between items-center gap-5 py-5 border-solid border-x-0 border-y border-y-main-divider">
+        <div className="flex justify-between items-center gap-lg py-lg border-solid border-x-0 border-y border-y-main-divider">
           {links.map((_, i) => (
             <HorizontalNavigationLink
               key={String(i)}

package/src/components/Footer/MediaButton.tsx

@@ -7,7 +7,7 @@ import { style } from '../../utils/style';
 import { buttonStylesWithText } from './buttonStylesWithText';
 import { findIconByHref } from './findIconByHref';
 
-export type ButtonSize = 'default' | 'small';
+export type ButtonSize = 'default' | 'stretched';
 
 interface MediaButtonProps extends ButtonProps, IconProps {
   buttonSize?: ButtonSize;

package/src/components/Footer/SocialMedia.tsx

@@ -1,8 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import { Text } from '../../ui-kit/Text/Text';
-import type { ButtonSize } from './MediaButton';
 import { MediaButton } from './MediaButton';
+import type { ButtonSize } from './MediaButton';
+import { style } from '../../utils/style';
 
 export interface SocialMediaProps {
   className?: string;
@@ -12,15 +13,17 @@ export interface SocialMediaProps {
 
 export const SocialMedia = JSX<SocialMediaProps>(
   ({ className = '', media, children, buttonSize }) => (
-    <div className="font-sans">
-      <div className={`flex gap-1 ${className}`}>
+    <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)}>
         {media?.map((_, index) => (
           <MediaButton key={String(index)} buttonSize={buttonSize} {..._} />
         ))}
       </div>
-      <Text size="text-s" font="font-light" color="text-secondary-text">
-        {children}
-      </Text>
     </div>
   ),
 );

package/src/components/Footer/TextInformation.tsx

@@ -5,13 +5,13 @@ import { TextInformationLink } from './TextInformationLink';
 
 export const TextInformation = JSX<FooterLink>(({ className = '', links }) => (
   <div className={className}>
-    <div className="pt-4 xl:pt-5">
+    <div className="pt-lg">
       <Text size="text-xs" font="font-light" color="text-secondary-text">
         {`\u00a9\u00A02000-${new Date().getFullYear()}\u00A0АО \u00ABРоссельхозбанк\u00BB Генеральная лицензия Банка России \u2116\u00A03349 от\u00A012.08.2015\u00A0г.`}
       </Text>
     </div>
     {links?.length ? (
-      <div className="flex justify-start items-start gap-5 pt-4">
+      <div className="flex flex-col sm:flex-row justify-start items-start gap-x-lg gap-y-xs pt-lg">
         {links.map((_, i) => (
           <TextInformationLink key={String(i)} index={i} {..._} />
         ))}

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

@@ -0,0 +1,6 @@
+import { ButtonSize } from './MediaButton';
+
+export const buttonSizeStyles: { [key in ButtonSize]: string } = {
+  default: 'w-24 h-14',
+  stretched: 'flex-1 h-14',
+};

package/src/components/Footer/buttonSizeStyles.ts

@@ -0,0 +1,6 @@
+import { ButtonSize } from './MediaButton';
+
+export const buttonSizeStyles: { [key in ButtonSize]: string } = {
+  default: 'w-14 h-14',
+  stretched: 'flex-1 h-14',
+};

package/src/components/Footer/buttonStylesWithText.ts

@@ -1,10 +1,6 @@
 import { style } from '../../utils/style';
 import { ButtonSize } from './MediaButton';
-
-const buttonSizeStyles = {
-  default: 'w-14 h-14',
-  small: 'w-12 h-12',
-};
+import { buttonSizeStyles } from './buttonSizeStyles';
 
 export const buttonStylesWithText = (text: string, buttonSize: ButtonSize) =>
   text

package/src/components/MobileAppTile/renderDescription.tsx

@@ -2,7 +2,7 @@ import { Text } from '../../ui-kit/Text/Text';
 
 export const renderDescription = (description?: string) =>
   description ? (
-    <div className="mb-5 pt-3xs sm:mb-0 sm:pt-0">
+    <div className="mb-lg pt-3xs">
       <Text size="text-xl" font-weight="light">
         {description}
       </Text>

package/src/components/RollupItem/RollupItem.tsx

@@ -127,7 +127,7 @@ const renderPrimaryFoldButton = ({
   return (
     <button
       className={style(
-        'border-none bg-transparent px-0 flex justify-between items-center w-full group/button',
+        'border-none bg-transparent flex justify-between items-center w-full group/button',
         labelIcon?.icon ? 'py-xs' : 'py-lg',
       )}
       onClick={onToggle}

package/src/services/regionsGrantSupport/RegionsGrantSupportData.ts

@@ -0,0 +1,8 @@
+export interface RegionProps {
+  name?: string;
+  href?: string;
+}
+
+export interface RegionsGrantSupportData {
+  regions?: RegionProps[];
+}

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

@@ -0,0 +1,11 @@
+import '../../setup-fixture';
+
+import { LinkButton } from './LinkButton';
+
+export default {
+  primary: (
+    <div>
+      <LinkButton href="#" text="Оформить кредит" />
+    </div>
+  ),
+};

package/src/ui-kit/LinkButton/LinkButton.fixture.tsx

@@ -4,7 +4,7 @@ import { LinkButton } from './LinkButton';
 
 export default {
   primary: (
-    <div className="flex p-10 max-w-sm">
+    <div>
       <LinkButton href="#" text="Оформить кредит" />
     </div>
   ),

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

@@ -2,9 +2,10 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
 import type { LinkProps } from '../../model/LinkProps';
 import { Img } from '../Img/Img';
+import { style } from '../../utils/style';
 
-const LINK_CLASS_NAME = `absolute border border-primary-main ml-s px-xl py-lg
-  text-l font-light bg-white text-primary-text flex w-80
+const LINK_CLASS_NAME = `absolute border border-primary-main px-xl py-lg
+  text-l font-light bg-white text-primary-text flex
   justify-between items-center group-hover/link:text-primary-main z-10`;
 
 const LINK_BORDER_CLASS_NAME =
@@ -20,12 +21,24 @@ export const LinkButton = JSX<LinkButtonProps>(
     const adjustedProps = link({ href, target });
 
     return text ? (
-      <div className={`relative group/link cursor-pointer w-[328px] h-[82px] ${className}`}>
-        <a className={LINK_CLASS_NAME} role="link" {...adjustedProps}>
-          <div className="p-3xs">{text}</div>
-          <div className="w-6 h-6">
+      <div
+        className={style(
+          'flex max-w-sm relative group/link cursor-pointer w-64 h-16 sm:w-[47%] sm:h-20 sm:mr-m',
+          className,
+        )}
+      >
+        <a
+          className={style(
+            LINK_CLASS_NAME,
+            'rounded-md sm:rounded-none w-full h-12 sm:ml-s sm:w-full sm:h-auto',
+          )}
+          role="link"
+          {...adjustedProps}
+        >
+          <div className="p-0.5">{text}</div>
+          <div className="w-6 h-6 hidden sm:block">
             <Img
-              className="w-4 h-4 min-w-4 min-h-4 rounded-full box-border brightness-0 group-hover/link:brightness-100"
+              className="w-4 h-4 rounded-full box-border brightness-0 group-hover/link:brightness-100"
               image={{ icon: 'ArrowRightIcon', iconVersion: 'black' }}
               imageClassName="group-hover/link:text-primary-main"
               width="24"
@@ -33,8 +46,8 @@ export const LinkButton = JSX<LinkButtonProps>(
             />
           </div>
         </a>
-        <div className={`${LINK_BORDER_CLASS_NAME} mx-1.5 mt-1.5`} />
-        <div className={`${LINK_BORDER_CLASS_NAME} mt-3 mr-3`} />
+        <div className={LINK_BORDER_CLASS_NAME + ' hidden sm:block mx-1.5 mt-1.5'} />
+        <div className={LINK_BORDER_CLASS_NAME + ' hidden sm:block mt-3 mr-3'} />
       </div>
     ) : null;
   },

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

@@ -6,7 +6,7 @@ import { linkListStyles } from './linkListStyles';
 
 export const LinkList = JSX<LinkListProps>(({ className = '', items }) =>
   items?.length ? (
-    <ul className={style('flex flex-col p-0 gap-m sm:gap-xl', linkListStyles, className)}>
+    <ul className={style('flex flex-col', linkListStyles, className)}>
       {items.map(renderLinkListItem)}
     </ul>
   ) : null,
@@ -16,8 +16,8 @@ const renderLinkListItem = (item: LinkProps, i: number) => {
   const { text, ...linkProps } = item;
 
   return (
-    <li key={`list_item_${String(i)}`} className="list-none">
-      <a className="hover:text-primary-main sm:font-light" role="link" {...linkProps}>
+    <li key={`list_item_${String(i)}`} className="list-none my-xs">
+      <a className="hover:text-primary-main font-light" role="link" {...linkProps}>
         {text ? text : null}
       </a>
     </li>

package/tailwind.config.cjs

@@ -37,11 +37,11 @@ module.exports = {
         '4xl': '2.25rem', // 36px
         '3xl': '2rem', // 32px
         '2xl': '1.75rem', // 28px
-        'xl': '1.5rem', // 24px
-        'lg': '1.25rem', // 20px
-        'm': '1rem', // 16px
-        's': '0.75rem', // 12px
-        'xs': '0.5rem', // 8px
+        xl: '1.5rem', // 24px
+        lg: '1.25rem', // 20px
+        m: '1rem', // 16px
+        s: '0.75rem', // 12px
+        xs: '0.5rem', // 8px
         '2xs': '0.25rem', // 4px
         '3xs': '0.125rem', // 2px
       },

package/bundle/components/Footer/SocialMedia.mobile.d.ts

@@ -1,6 +0,0 @@
-import type { LinkProps } from '../../model/LinkProps';
-export interface SocialMediaProps {
-    className?: string;
-    media?: Omit<LinkProps, 'text'>[];
-}
-export declare const SocialMedia: import("@redneckz/uni-jsx").UNIComponent<SocialMediaProps, any, any>;

package/bundle/components/Footer/buttonStylesWithText.mobile.d.ts

@@ -1,2 +0,0 @@
-import { ButtonSize } from './MediaButton';
-export declare const buttonStylesWithText: (text: string, buttonSize: ButtonSize) => string;

package/dist/components/Footer/SocialMedia.mobile.d.ts

@@ -1,6 +0,0 @@
-import type { LinkProps } from '../../model/LinkProps';
-export interface SocialMediaProps {
-    className?: string;
-    media?: Omit<LinkProps, 'text'>[];
-}
-export declare const SocialMedia: import("@redneckz/uni-jsx").UNIComponent<SocialMediaProps, any, any>;

package/dist/components/Footer/SocialMedia.mobile.js

@@ -1,7 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SocialMedia = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const MediaButton_1 = require("./MediaButton");
-exports.SocialMedia = (0, uni_jsx_1.JSX)(({ className = '', media }) => ((0, jsx_runtime_1.jsx)("div", { className: `flex gap-2 items-start justify-start ${className}`, children: media?.map((_, index) => ((0, jsx_runtime_1.jsx)(MediaButton_1.MediaButton, { ..._ }, String(index)))) })));
-//# sourceMappingURL=SocialMedia.mobile.js.map

package/dist/components/Footer/SocialMedia.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SocialMedia.mobile.js","sourceRoot":"","sources":["../../../src/components/Footer/SocialMedia.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,+CAA4C;AAO/B,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC9E,gCAAK,SAAS,EAAE,wCAAwC,SAAS,EAAE,YAChE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,uBAAC,yBAAW,OAAyB,CAAC,IAApB,MAAM,CAAC,KAAK,CAAC,CAAW,CAC3C,CAAC,GACE,CACP,CAAC,CAAC"}

package/dist/components/Footer/buttonStylesWithText.mobile.d.ts

@@ -1,2 +0,0 @@
-import { ButtonSize } from './MediaButton';
-export declare const buttonStylesWithText: (text: string, buttonSize: ButtonSize) => string;

package/dist/components/Footer/buttonStylesWithText.mobile.js

@@ -1,12 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.buttonStylesWithText = void 0;
-const style_1 = require("../../utils/style");
-const buttonSizeStyles = {
-    default: 'w-24 h-14',
-    small: 'w-12 h-12',
-};
-const buttonStylesWithText = (text, buttonSize) => text
-    ? ''
-    : (0, style_1.style)('group/media flex items-center justify-center box-border', buttonSizeStyles[buttonSize]);
-exports.buttonStylesWithText = buttonStylesWithText;
-//# sourceMappingURL=buttonStylesWithText.mobile.js.map

package/dist/components/Footer/buttonStylesWithText.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttonStylesWithText.mobile.js","sourceRoot":"","sources":["../../../src/components/Footer/buttonStylesWithText.mobile.ts"],"names":[],"mappings":";;AAAA,6CAA0C;AAG1C,MAAM,gBAAgB,GAAG;IACvB,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEK,MAAM,oBAAoB,GAAG,CAAC,IAAY,EAAE,UAAsB,EAAE,EAAE,CAC3E,IAAI;IACF,CAAC,CAAC,EAAE;IACJ,CAAC,CAAC,IAAA,aAAK,EACH,yDAAyD,EACzD,gBAAgB,CAAC,UAAU,CAAC,CAC7B,CAAC;AANK,QAAA,oBAAoB,wBAMzB"}

package/lib/components/Footer/SocialMedia.mobile.d.ts

@@ -1,6 +0,0 @@
-import type { LinkProps } from '../../model/LinkProps';
-export interface SocialMediaProps {
-    className?: string;
-    media?: Omit<LinkProps, 'text'>[];
-}
-export declare const SocialMedia: import("@redneckz/uni-jsx").UNIComponent<SocialMediaProps, any, any>;

package/lib/components/Footer/SocialMedia.mobile.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { MediaButton } from './MediaButton.js';
-export const SocialMedia = JSX(({ className = '', media }) => (_jsx("div", { className: `flex gap-2 items-start justify-start ${className}`, children: media?.map((_, index) => (_jsx(MediaButton, { ..._ }, String(index)))) })));
-//# sourceMappingURL=SocialMedia.mobile.js.map

package/lib/components/Footer/SocialMedia.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SocialMedia.mobile.js","sourceRoot":"","sources":["../../../src/components/Footer/SocialMedia.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAO5C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAC9E,cAAK,SAAS,EAAE,wCAAwC,SAAS,EAAE,YAChE,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACxB,KAAC,WAAW,OAAyB,CAAC,IAApB,MAAM,CAAC,KAAK,CAAC,CAAW,CAC3C,CAAC,GACE,CACP,CAAC,CAAC"}

package/lib/components/Footer/buttonStylesWithText.mobile.d.ts

@@ -1,2 +0,0 @@
-import { ButtonSize } from './MediaButton';
-export declare const buttonStylesWithText: (text: string, buttonSize: ButtonSize) => string;

package/lib/components/Footer/buttonStylesWithText.mobile.js

@@ -1,9 +0,0 @@
-import { style } from '../../utils/style.js';
-const buttonSizeStyles = {
-    default: 'w-24 h-14',
-    small: 'w-12 h-12',
-};
-export const buttonStylesWithText = (text, buttonSize) => text
-    ? ''
-    : style('group/media flex items-center justify-center box-border', buttonSizeStyles[buttonSize]);
-//# sourceMappingURL=buttonStylesWithText.mobile.js.map

package/lib/components/Footer/buttonStylesWithText.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buttonStylesWithText.mobile.js","sourceRoot":"","sources":["../../../src/components/Footer/buttonStylesWithText.mobile.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAG1C,MAAM,gBAAgB,GAAG;IACvB,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,WAAW;CACnB,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAY,EAAE,UAAsB,EAAE,EAAE,CAC3E,IAAI;IACF,CAAC,CAAC,EAAE;IACJ,CAAC,CAAC,KAAK,CACH,yDAAyD,EACzD,gBAAgB,CAAC,UAAU,CAAC,CAC7B,CAAC"}

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

@@ -1,16 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { LinkProps } from '../../model/LinkProps';
-import { MediaButton } from './MediaButton';
-
-export interface SocialMediaProps {
-  className?: string;
-  media?: Omit<LinkProps, 'text'>[];
-}
-
-export const SocialMedia = JSX<SocialMediaProps>(({ className = '', media }) => (
-  <div className={`flex gap-2 items-start justify-start ${className}`}>
-    {media?.map((_, index) => (
-      <MediaButton key={String(index)} {..._} />
-    ))}
-  </div>
-));

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

@@ -1,15 +0,0 @@
-import { style } from '../../utils/style';
-import { ButtonSize } from './MediaButton';
-
-const buttonSizeStyles = {
-  default: 'w-24 h-14',
-  small: 'w-12 h-12',
-};
-
-export const buttonStylesWithText = (text: string, buttonSize: ButtonSize) =>
-  text
-    ? ''
-    : style(
-        'group/media flex items-center justify-center box-border',
-        buttonSizeStyles[buttonSize],
-      );