@redneckz/wildless-cms-uni-blocks 0.9.7 → 0.9.8

package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx

@@ -36,17 +36,17 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
     return (
       <BlockWrapper
         className={style(
-          'relative p-12 min-w-[524px] h-full flex flex-col box-border group-data-gray:bg-main-divider/50',
+          'relative p-12 min-w-[524px] h-full box-border group-data-gray:bg-main-divider/50',
           BORDER_STYLE,
           className,
         )}
         version={version}
         {...rest}
       >
-        <LinkWrapper className="flex flex-col" href={href} target={target}>
-          <div className="self-center">
-            {title ? <Heading headingType="h3" as="h3" className="mb-8" title={title} /> : null}
-          </div>
+        <LinkWrapper href={href} target={target}>
+          {title ? (
+            <Heading headingType="h3" as="h3" className="text-center mb-8" title={title} />
+          ) : null}
           <div className="mb-5">
             {description ? (
               <Paragraph
@@ -58,10 +58,15 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
               </Paragraph>
             ) : null}
           </div>
-          <div className="flex align-center w-full">
-            <div className="w-1/2 h-full flex flex-col flex-1 justify-end">
+          <div className="flex">
+            <div
+              className={style(
+                'flex flex-col w-1/2',
+                items?.length ? 'justify-between' : 'justify-end',
+              )}
+            >
               {items.length ? (
-                <List className="text-xl-light flex flex-col gap-2 pb-16 mb-3" items={items} />
+                <List className="text-xl-light flex flex-col gap-2 mt-14" items={items} />
               ) : null}
               {socialMedia.length ? <SocialMedia className="pb-0" media={socialMedia} /> : null}
             </div>

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

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
 import type { Target } from '../../model/LinkProps';
+import { style } from '../../utils/style';
 
 interface LinkWrapperProps {
   className?: string;
@@ -14,7 +15,7 @@ export const LinkWrapper = JSX<LinkWrapperProps>(({ className = '', href, target
   const Tag = href ? 'a' : 'div';
 
   return (
-    <Tag className={className} {...(href ? linkProps : {})}>
+    <Tag className={style('block', className)} {...(href ? linkProps : {})}>
       {children}
     </Tag>
   );

package/mobile/src/ui-kit/SwipeListControl/SwipeListItem.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import {
-  type IntersectionObserverOptions,
   useIntersectionObserver,
+  type IntersectionObserverOptions,
 } from '../../hooks/useIntersectionObserver';
 
 /**

package/package.json

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

package/src/components/CarouselProductCard/CarouselProductCard.tsx

@@ -35,7 +35,7 @@ export const CarouselProductCard = JSX<CarouselProductCardProps>(
     return (
       <BlockWrapper
         className={style(
-          'justify-between min-w-[260px]',
+          'h-full flex flex-col justify-between min-w-[260px]',
           'box-border border-solid border border-gray',
           align,
           className,

package/src/components/CarouselProgramsCard/CarouselProgramsCard.fixture.tsx

@@ -28,9 +28,9 @@ export const BUSINESS_CARD: CarouselProgramsCardContent = {
   list,
 };
 
-const CAROUSEL_BUSINESS_CARD = <CarouselProgramsCard {...BUSINESS_CARD} />;
+const CAROUSEL_BUSINESS_CARD = <CarouselProgramsCard className="col-span-4" {...BUSINESS_CARD} />;
 const CAROUSEL_BUSINESS_CARD_SECONDARY = (
-  <CarouselProgramsCard {...BUSINESS_CARD} version="secondary" />
+  <CarouselProgramsCard className="col-span-4" {...BUSINESS_CARD} version="secondary" />
 );
 
 export default {

package/src/components/CarouselProgramsCard/CarouselProgramsCard.tsx

@@ -14,14 +14,14 @@ export interface CarouselTariffsCardProps extends CarouselProgramsCardContent, U
 export const CarouselProgramsCard = JSX<CarouselTariffsCardProps>(
   ({ className = '', title, icon, list = [], href, target, ...rest }) => {
     return (
-      <BlockWrapper className={style('border border-gray min-w-[536px]', className)} {...rest}>
+      <BlockWrapper className={style('border border-gray', className)} {...rest}>
         <LinkWrapper className="flex" href={href} target={target}>
           <div className="w-[200px] min-w-[200px] self-center">
             {icon?.icon ? <Img image={getIconWithVersion(icon)} asSVG /> : null}
             {icon?.src ? <Img image={icon} /> : null}
           </div>
           <div className="p-8 pl-3 w-full">
-            {title ? <Heading className=" mb-3.5" headingType="h5" title={title} /> : null}
+            {title ? <Heading className="mb-3.5" headingType="h5" title={title} /> : null}
             {list.length ? (
               <div className="flex flex-col gap-3">{list?.map(renderList)}</div>
             ) : null}
@@ -34,7 +34,7 @@ export const CarouselProgramsCard = JSX<CarouselTariffsCardProps>(
 
 const renderList = (_: HeadlineCommonProps, i: number) => (
   <div key={String(i)} className="break-words">
-    {_.title ? <div className={`text-h6`}>{_.title}</div> : null}
+    {_.title ? <div className="text-h6">{_.title}</div> : null}
     {_.description ? <span className="text-l-light mt-1">{_.description}</span> : null}
   </div>
 );

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx

@@ -36,17 +36,17 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
     return (
       <BlockWrapper
         className={style(
-          'relative p-12 min-w-[524px] h-full flex flex-col box-border group-data-gray:bg-main-divider/50',
+          'relative p-12 min-w-[524px] h-full box-border group-data-gray:bg-main-divider/50',
           BORDER_STYLE,
           className,
         )}
         version={version}
         {...rest}
       >
-        <LinkWrapper className="flex flex-col" href={href} target={target}>
-          <div className="self-center">
-            {title ? <Heading headingType="h3" as="h3" className="mb-8" title={title} /> : null}
-          </div>
+        <LinkWrapper href={href} target={target}>
+          {title ? (
+            <Heading headingType="h3" as="h3" className="text-center mb-8" title={title} />
+          ) : null}
           <div className="mb-5">
             {description ? (
               <Paragraph
@@ -58,10 +58,15 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
               </Paragraph>
             ) : null}
           </div>
-          <div className="flex align-center w-full">
-            <div className="w-1/2 h-full flex flex-col flex-1 justify-end">
+          <div className="flex">
+            <div
+              className={style(
+                'flex flex-col w-1/2',
+                items?.length ? 'justify-between' : 'justify-end',
+              )}
+            >
               {items.length ? (
-                <List className="text-xl-light flex flex-col gap-2 pb-16 mb-3" items={items} />
+                <List className="text-xl-light flex flex-col gap-2 mt-14" items={items} />
               ) : null}
               {socialMedia.length ? <SocialMedia className="pb-0" media={socialMedia} /> : null}
             </div>

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

@@ -1,6 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useLink } from '../../hooks/useLink';
 import type { Target } from '../../model/LinkProps';
+import { style } from '../../utils/style';
 
 interface LinkWrapperProps {
   className?: string;
@@ -14,7 +15,7 @@ export const LinkWrapper = JSX<LinkWrapperProps>(({ className = '', href, target
   const Tag = href ? 'a' : 'div';
 
   return (
-    <Tag className={className} {...(href ? linkProps : {})}>
+    <Tag className={style('block', className)} {...(href ? linkProps : {})}>
       {children}
     </Tag>
   );

package/src/ui-kit/SwipeListControl/SwipeListItem.tsx

@@ -1,8 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { useCallback } from '@redneckz/uni-jsx/lib/hooks';
 import {
-  type IntersectionObserverOptions,
   useIntersectionObserver,
+  type IntersectionObserverOptions,
 } from '../../hooks/useIntersectionObserver';
 
 /**