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

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.fixture.tsx

@@ -1,11 +1,11 @@
 import type { Picture } from '../../model/Picture';
 import '../../setup-fixture';
+import { Icon } from '../../ui-kit/Icon/Icon';
 import { CarouselRecommendationCard } from './CarouselRecommendationCard';
 import type {
   CarouselRecommendationCardContent,
   RecommendationSocialMedia,
 } from './CarouselRecommendationCardContent';
-import { Icon } from '../../ui-kit/Icon/Icon';
 
 const icon: Picture = {
   src: 'product-basket.png',
@@ -92,6 +92,23 @@ export const CAROUSEL_RECOMMENDATION_CARD_WITHOUT_LIST: CarouselRecommendationCa
   socialMedia: socialMediaWithoutText,
 };
 
+export const CAROUSEL_RECOMMENDATION_CARD_SECONDARY: CarouselRecommendationCardContent = {
+  title: 'Россельхозбанк',
+  description: 'Описание',
+  align: 'text-left',
+  icon: {
+    src: 'cow-card.png',
+    format: 'webp',
+    size: {
+      width: 290,
+      height: 290,
+    },
+  },
+  items: ['Свежие новости', 'Акции и предложенияа', 'Ставки и катировки'],
+  version: 'secondary',
+  socialMedia: socialMediaWithoutText,
+};
+
 export default {
   default: (
     <div className="container grid grid-cols-12 mb-1">
@@ -107,6 +124,16 @@ export default {
       />
     </div>
   ),
+  secondaryCenter: (
+    <div className="container grid grid-cols-12 mb-1">
+      <CarouselRecommendationCard
+        className="col-span-12"
+        version="secondary"
+        align="text-center"
+        {...CAROUSEL_RECOMMENDATION_CARD_SECONDARY}
+      />
+    </div>
+  ),
   gray: (
     <div className="container grid grid-cols-12 mb-1">
       <CarouselRecommendationCard

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx

@@ -2,22 +2,18 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import type { Picture } from '../../model/Picture';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper';
 import { List } from '../../ui-kit/List/List';
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { getIconWithVersion } from '../../utils/getIconWithVersion';
 import { style } from '../../utils/style';
 import { SocialMedia } from '../Footer/SocialMedia';
+import { Headline } from '../Headline/Headline';
 import type { CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
 
 const BORDER_STYLE =
   'border border-solid border-gray group-data-secondary:border-white/50 group-data-gray:border-main-divider';
 
-const setAdditionalIconStyles = (items: string[]) =>
-  items.length ? 'w-1/2 flex-1 justify-center' : 'w-full justify-end';
-
 export interface RecommendationCardProps extends CarouselRecommendationCardContent, UniBlockProps {}
 
 export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
@@ -30,13 +26,14 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
     socialMedia = [],
     target,
     title,
+    align = 'text-left',
     version = 'primary',
     ...rest
   }) => {
     return (
       <BlockWrapper
         className={style(
-          'relative p-12 min-w-[524px] h-full box-border group-data-gray:bg-main-divider/50',
+          'relative p-7 min-w-[524px] min-h-[218px] h-full box-border group-data-gray:bg-main-divider/50',
           BORDER_STYLE,
           className,
         )}
@@ -44,42 +41,29 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
         {...rest}
       >
         <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
-                size="text-xl"
-                font="font-light"
-                color="group-data-gray:text-secondary-text"
-              >
-                {description}
-              </Paragraph>
+          <Headline
+            className="mb-4"
+            title={title}
+            description={description}
+            headlineVersion="S"
+            isPadding={false}
+            align={align}
+          />
+          <div className="w-1/2 h-full flex flex-col flex-1 justify-end">
+            {items.length ? (
+              <List className="flex flex-col gap-2" itemClassName="text-l-light" items={items} />
             ) : null}
+            {socialMedia.length ? <SocialMedia className="pt-10" media={socialMedia} /> : null}
           </div>
-          <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 mt-14" items={items} />
-              ) : null}
-              {socialMedia.length ? <SocialMedia className="pb-0" media={socialMedia} /> : null}
-            </div>
-            {renderIconBlock(icon, items)}
-          </div>
+          {renderIconBlock(icon)}
         </LinkWrapper>
       </BlockWrapper>
     );
   },
 );
 
-const renderIconBlock = (icon: Picture | undefined, items: string[]) => (
-  <div className={style('flex', setAdditionalIconStyles(items))}>
+const renderIconBlock = (icon: Picture | undefined) => (
+  <div className="absolute bottom-0 right-0">
     {icon?.icon ? <Img image={getIconWithVersion(icon)} asSVG /> : null}
     {icon?.src ? <Img image={icon} /> : null}
   </div>

package/src/components/CarouselRecommendationCard/CarouselRecommendationCardContent.ts

@@ -5,6 +5,7 @@ import type { LinkCommonProps } from '../../model/LinkProps';
 import type { IconProps } from '../../model/Picture';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';
+import type { TextAlign } from '../../ui-kit/Text/TextProps';
 
 export type RecommendationSocialMedia = LinkCommonProps &
   IconProps &
@@ -23,4 +24,5 @@ export type CarouselRecommendationCardContent = UniBlockContent &
   LinkCommonProps & {
     /** @title Соц сети */
     socialMedia?: RecommendationSocialMedia[];
+    align?: TextAlign;
   };

package/src/components/ErrorBlock/ErrorBlock.example.json

@@ -13,7 +13,9 @@
         "sources": [
           {
             "media": 1279,
-            "width": 276,
+            "size": {
+              "width": 276
+            },
             "format": "webp",
             "alignment": "center"
           }

package/src/components/Footer/MediaButton.tsx

@@ -62,17 +62,15 @@ const buttonStylesWithText = (text: string, buttonSize: string) =>
     : `group/media flex items-center justify-center box-border ${buttonSizeStyles[buttonSize]}`;
 
 export const MediaButton = JSX<MediaButtonProps>(
-  ({ iconVersion = 'color', buttonSize = 'default', rounded = false, icon, ...rest }) => {
-    const { href, version, text, appendLeft, appendRight, aboveText } = rest;
+  ({ buttonSize = 'default', rounded = false, icon, ...rest }) => {
+    const { href, version, text = '' } = rest;
 
     const { iconMapped, label } =
       ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
 
-    const iconCustom = icon ?? iconMapped;
+    const iconCustom = getFilteredIcon(icon) ?? iconMapped;
 
-    const iconWithVersion = iconCustom
-      ? { ...getIconWithVersion(iconCustom), iconVersion }
-      : undefined;
+    const iconWithVersion = iconCustom ? getIconWithVersion(iconCustom) : undefined;
 
     return (
       <Button
@@ -83,11 +81,8 @@ export const MediaButton = JSX<MediaButtonProps>(
           'hover:bg-primary-main hover:text-black',
           'group-data-secondary:bg-white border-main-divider group-data-secondary:hover:bg-secondary-hover',
           'group-data-gray:border-green',
-          buttonStylesWithText(text as string, buttonSize),
+          buttonStylesWithText(text, buttonSize),
         )}
-        aboveText={aboveText}
-        appendLeft={appendLeft}
-        appendRight={appendRight}
         aria-label={label}
         rel="noopener noreferrer"
         target="_blank"
@@ -108,3 +103,5 @@ export const MediaButton = JSX<MediaButtonProps>(
     );
   },
 );
+
+const getFilteredIcon = (icon: Picture | undefined) => (icon?.src || icon?.icon ? icon : undefined);

package/src/components/Footer/SocialMedia.tsx

@@ -1,7 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
-import { MediaButton, type ButtonSize } from './MediaButton';
 import { Text } from '../../ui-kit/Text/Text';
+import type { ButtonSize } from './MediaButton';
+import { MediaButton } from './MediaButton';
 
 export interface SocialMediaProps {
   className?: string;
@@ -14,16 +15,7 @@ export const SocialMedia = JSX<SocialMediaProps>(
     <div className="font-sans">
       <div className={`flex gap-1 ${className}`}>
         {media?.map((_, index) => (
-          <MediaButton
-            key={String(index)}
-            aboveText={_.aboveText}
-            appendLeft={_.appendLeft}
-            appendRight={_.appendRight}
-            buttonSize={buttonSize}
-            text={_.text}
-            version={_.version}
-            {..._}
-          />
+          <MediaButton key={String(index)} buttonSize={buttonSize} {..._} />
         ))}
       </div>
       <Text size="text-s-light" color="text-secondary-text">

package/src/components/MobileAppTile/MobileAppTile.example.json

@@ -10,7 +10,9 @@
       "sources": [
         {
           "media": 1279,
-          "width": 360,
+          "size": {
+            "width": 360
+          },
           "format": "webp",
           "alignment": "center"
         }

package/src/components/PictureText/PictureText.example.json

@@ -11,7 +11,9 @@
       "sources": [
         {
           "media": 1279,
-          "width": 240,
+          "size": {
+            "width": 240
+          },
           "format": "webp",
           "alignment": "center"
         }

package/src/components/ProductBlock/ProductBlock.example.json

@@ -16,7 +16,9 @@
       "sources": [
         {
           "media": 1279,
-          "width": 164,
+          "size": {
+            "width": 164
+          },
           "format": "webp",
           "alignment": "northeast"
         }

package/src/components/ProductTile/ProductTile.example.json

@@ -11,7 +11,9 @@
       "sources": [
         {
           "media": 1279,
-          "width": 145,
+          "size": {
+            "width": 145
+          },
           "format": "webp",
           "alignment": "southeast"
         }

package/src/components/StepsBlock/StepsBlock.example.json

@@ -63,11 +63,13 @@
         }
       }
     ],
-    "button": {
-      "text": "Кнопка",
-      "target": "_blank",
-      "version": "primary"
-    },
+    "buttons": [
+      {
+        "text": "Кнопка",
+        "target": "_blank",
+        "version": "primary"
+      }
+    ],
     "isDotted": true
   }
 }

package/src/components/StepsBlock/StepsBlock.fixture.tsx

@@ -83,11 +83,14 @@ const STEPS_WITH_BUTTON_PROPS: StepsBlockProps = {
   ...COMMON_PROPS,
   steps: STEPS.map((step) => ({
     ...step,
-    button: { text: 'Оформить' },
   })),
   title: TITLE,
   stepVersion: 'primary',
   size: 'small',
+  buttons: [
+    { text: 'Оформить', version: 'primary' },
+    { text: 'Оформить', version: 'primary' },
+  ],
 };
 
 export default {
@@ -108,13 +111,16 @@ export default {
         showLines={false}
         steps={STEPS_WITH_ICONS}
         version="secondary"
-        button={{
-          text: 'Отправить заявку',
-          href: 'https://www.rshb.ru/',
-          target: '_blank',
-          icon: { icon: 'ComfortableCompIcon' },
-          iconRight: { icon: 'ComfortableCompIcon' },
-        }}
+        buttons={[
+          {
+            text: 'Отправить заявку',
+            href: 'https://www.rshb.ru/',
+            target: '_blank',
+            icon: { icon: 'ComfortableCompIcon' },
+            iconRight: { icon: 'ComfortableCompIcon' },
+            version: 'secondary',
+          },
+        ]}
       />
     </div>
   ),

package/src/components/StepsBlock/StepsBlock.tsx

@@ -25,7 +25,7 @@ export const StepsBlock = JSX<StepsBlockProps>(
     className = '',
     showLines = true,
     steps = [],
-    button,
+    buttons,
     size = 'normal',
     version = 'primary',
     stepVersion = 'gray',
@@ -39,6 +39,8 @@ export const StepsBlock = JSX<StepsBlockProps>(
     const lineOpacity = getLineOpacity(showLines);
     const paddingX = getPaddingX(steps.length);
 
+    const isMainButton = Boolean(buttons?.every((b) => b?.text));
+
     return (
       <BlockWrapper
         className={style(
@@ -66,11 +68,11 @@ export const StepsBlock = JSX<StepsBlockProps>(
                 shortGaps ? 'gap-x-3' : 'gap-x-[101px]',
               )}
             >
-              {steps.map(renderStep({ styleMap, isMainButton: Boolean(button?.text), version }))}
+              {steps.map(renderStep({ styleMap, isMainButton, version }))}
             </div>
           </div>
         ) : null}
-        {button?.text ? renderButtonsSection([button], { className: 'mt-8 min-w-60' }) : null}
+        {renderButtonsSection(buttons, { className: 'mt-8' })}
       </BlockWrapper>
     );
   },
@@ -80,6 +82,8 @@ const renderStepIcon =
   (styleMap: StyleType, size: string, stepVersion: BlockVersion) =>
   ({ icon }: Step, i: number) => {
     const styleStepIconSize = size === 'normal' ? 'h-[100px] w-[100px]' : 'h-[63px] w-[63px]';
+    const stepVersionIconTextStyles =
+      stepVersion === 'secondary' ? 'group-data-primary:text-white' : 'text-secondary-text';
 
     return (
       <BlockWrapper
@@ -90,7 +94,12 @@ const renderStepIcon =
         {checkCanRenderIcon(icon) ? (
           <Img image={getIconWithVersion(icon || {}, stepVersion)} width="48" height="48" asSVG />
         ) : (
-          <span className={`text-h4 group-data-transparent:${styleMap.iconText} text-primary-text`}>
+          <span
+            className={style(
+              'text-h4',
+              stepVersion === 'transparent' ? styleMap.iconText : stepVersionIconTextStyles,
+            )}
+          >
             {i + 1}
           </span>
         )}

package/src/components/StepsBlock/StepsBlock.ui.json

@@ -1,5 +1,15 @@
 {
   "content": {
+    "buttons": {
+      "items": {
+        "icon": {
+          "ui:field": "icon"
+        },
+        "iconRight": {
+          "ui:field": "icon"
+        }
+      }
+    },
     "steps": {
       "items": {
         "icon": {

package/src/components/StepsBlock/StepsBlockContent.ts

@@ -1,6 +1,7 @@
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { BulletsProps } from '../../model/Bullets';
 import type { ButtonCommonIconProps } from '../../model/Button';
+import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
 import type { DefaultListItemType } from '../../model/DefaultListItemType';
 import type { DescriptionProps, HeadlineCommonProps, LabelProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
@@ -33,8 +34,7 @@ export type Step = DefaultStep | RichTextStep;
  * @title Блок шаги
  */
 export type StepsBlockContent = UniBlockContent &
-  HeadlineCommonProps &
-  ButtonCommonIconProps & {
+  HeadlineCommonProps & {
     /** @title Линии */
     showLines?: boolean;
     /**
@@ -43,7 +43,15 @@ export type StepsBlockContent = UniBlockContent &
      * @maxItems 5
      */
     steps?: Step[];
+    /**
+     * @title Тема шагов
+     */
     stepVersion?: BlockVersion;
     /** @title Размер шагов */
     size?: SizeVersion; // TODO: mobile content
+    /**
+     * @title Кнопки
+     * @maxItems 2
+     */
+    buttons?: ButtonWithIconProps[];
   };

package/src/components/StepsBlock/StepsBlockStyleMaps.ts

@@ -7,8 +7,9 @@ export type StyleType = {
 };
 
 export const STEPS_BLOCK_STYLE: StyleType = {
-  description: 'text-white/80 text-l-light group-data-primary:text-secondary-text',
-  iconText: 'text-white group-data-primary:text-secondary-text',
+  description:
+    'text-white/80 text-l-light group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
+  iconText: 'text-white group-data-primary:text-secondary-text group-data-gray:text-secondary-text',
   iconBackground: 'bg-white/30 group-data-primary:bg-main-divider',
   iconConnector: 'bg-white group-data-primary:bg-secondary-light',
   dot: 'bg-white/80 group-data-primary:bg-secondary-text',

package/src/components/Tile/Tile.example.json

@@ -11,7 +11,9 @@
       "sources": [
         {
           "media": 1279,
-          "width": 276,
+          "size": {
+            "width": 276
+          },
           "format": "webp",
           "alignment": "southeast"
         }

package/src/components/VerticalLayout/VerticalLayoutContent.ts

@@ -1,5 +1,4 @@
 import type { AlignTypeWithStretch } from '../../model/AlignType';
-import type { ColorPalette } from '../../model/ContentPageDef';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
 
@@ -7,7 +6,6 @@ import type { GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
  * @title Вертикальный компоновщик
  */
 export type VerticalLayoutContent = UniBlockContent & {
-  colorPalette?: ColorPalette;
   align?: AlignTypeWithStretch;
   gap?: GapVersion;
   /** @title Внутренний отступ компоновщика */

package/bundle/components/Recommendation/Recommendation.d.ts

@@ -1,5 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { RecommendationContent } from './RecommendationContent';
-export interface RecommendationProps extends RecommendationContent, UniBlockProps {
-}
-export declare const Recommendation: import("@redneckz/uni-jsx").UNIComponent<RecommendationProps, any, any>;

package/bundle/components/Recommendation/RecommendationCard.d.ts

@@ -1,5 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { RecommendationCardTypes } from './RecommendationContent';
-export interface RecommendationCardProps extends RecommendationCardTypes, UniBlockProps {
-}
-export declare const RecommendationCard: import("@redneckz/uni-jsx").UNIComponent<RecommendationCardProps, any, any>;

package/bundle/components/Recommendation/RecommendationContent.d.ts

@@ -1,24 +0,0 @@
-import type { HeadlineCommonProps, TitleProps } from '../../model/HeadlineType';
-import type { UniBlockContent } from '../../model/JSXBlock';
-import type { LinkCommonProps } from '../../model/LinkProps';
-import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
-import { ImageContent } from '../../ui-kit/Img/ImgProps';
-import type { ListContent } from '../../ui-kit/List/ListContent';
-/**
- * @title Карточка
- */
-export interface RecommendationCardTypes extends HeadlineCommonProps, ListContent, ImageContent {
-    /**
-     * @title Соц сети
-     * @minItems 3
-     */
-    socialMedia?: LinkCommonProps[];
-    button?: ButtonProps;
-}
-/**
- * @title Рекомендации
- */
-export declare type RecommendationContent = UniBlockContent & TitleProps & {
-    /** @title Карточки */
-    recommendations?: RecommendationCardTypes[];
-};

package/dist/components/Recommendation/Recommendation.d.ts

@@ -1,5 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { RecommendationContent } from './RecommendationContent';
-export interface RecommendationProps extends RecommendationContent, UniBlockProps {
-}
-export declare const Recommendation: import("@redneckz/uni-jsx").UNIComponent<RecommendationProps, any, any>;

package/dist/components/Recommendation/Recommendation.js

@@ -1,26 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Recommendation = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const useCarouselControls_1 = require("../../hooks/useCarouselControls");
-const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
-const renderArrows_1 = require("../../ui-kit/Button/renderArrows");
-const Heading_1 = require("../../ui-kit/Heading/Heading");
-const RecommendationCard_1 = require("./RecommendationCard");
-const BLUR_BLOCK_CLASSES = 'absolute top-0 bottom-0 w-[84px]';
-const CARD_VIEW_COUNT = 2;
-const CARD_SHIFT = 525;
-exports.Recommendation = (0, uni_jsx_1.JSX)(({ recommendations = [], className = '', title, version = 'primary', ...rest }) => {
-    const [activeIndex, controls] = (0, useCarouselControls_1.useCarouselControls)({
-        itemCount: recommendations.length,
-        visibleItemCount: CARD_VIEW_COUNT,
-    });
-    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: `relative font-sans p-9 overflow-hidden text-center ${className}`, version: version, ...rest, children: [title ? (0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h3", className: "mb-6", title: title }) : null, (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "flex duration-1000 gap-3.5", style: { transform: `translateX(-${activeIndex * CARD_SHIFT}px)` }, role: "list", children: recommendations.length
-                            ? recommendations.map((card, i) => ((0, jsx_runtime_1.jsx)(RecommendationCard_1.RecommendationCard, { version: version, className: "border-gray group-data-secondary:border-white/50", ...card }, String(i))))
-                            : null }), (0, renderArrows_1.renderArrows)({
-                        ...controls,
-                        btnClass: ['left-8', 'right-8'],
-                        className: 'top-1/2 mt-3',
-                    })] }), (0, jsx_runtime_1.jsx)("div", { className: `${BLUR_BLOCK_CLASSES} left-0 ${version === 'secondary' ? 'bg-opacity-from-main' : 'bg-opacity-from-white'}` }), (0, jsx_runtime_1.jsx)("div", { className: `${BLUR_BLOCK_CLASSES} right-0 ${version === 'secondary' ? 'bg-opacity-to-main' : 'bg-opacity-to-white'}` })] }));
-});
-//# sourceMappingURL=Recommendation.js.map

package/dist/components/Recommendation/Recommendation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Recommendation.js","sourceRoot":"","sources":["../../../src/components/Recommendation/Recommendation.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,yEAAsE;AAEtE,4DAAyD;AACzD,mEAAgE;AAChE,0DAAuD;AACvD,6DAA0D;AAG1D,MAAM,kBAAkB,GAAG,kCAAkC,CAAC;AAC9D,MAAM,eAAe,GAAG,CAAC,CAAC;AAC1B,MAAM,UAAU,GAAG,GAAG,CAAC;AAIV,QAAA,cAAc,GAAG,IAAA,aAAG,EAC/B,CAAC,EAAE,eAAe,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,OAAO,GAAG,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAChF,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,GAAG,IAAA,yCAAmB,EAAC;QAClD,SAAS,EAAE,eAAe,CAAC,MAAM;QACjC,gBAAgB,EAAE,eAAe;KAClC,CAAC,CAAC;IAEH,OAAO,CACL,wBAAC,2BAAY,IACX,SAAS,EAAE,sDAAsD,SAAS,EAAE,EAC5E,OAAO,EAAE,OAAO,KACZ,IAAI,aAEP,KAAK,CAAC,CAAC,CAAC,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,IAAI,EAC3E,4CACE,gCACE,SAAS,EAAC,4BAA4B,EACtC,KAAK,EAAE,EAAE,SAAS,EAAE,eAAe,WAAW,GAAG,UAAU,KAAK,EAAE,EAClE,IAAI,EAAC,MAAM,YAEV,eAAe,CAAC,MAAM;4BACrB,CAAC,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CAC/B,uBAAC,uCAAkB,IAEjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,kDAAkD,KACxD,IAAI,IAHH,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC;4BACJ,CAAC,CAAC,IAAI,GACJ,EACL,IAAA,2BAAY,EAAC;wBACZ,GAAG,QAAQ;wBACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC;wBAC/B,SAAS,EAAE,cAAc;qBAC1B,CAAC,IACE,EACN,gCACE,SAAS,EAAE,GAAG,kBAAkB,WAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,sBAAsB,CAAC,CAAC,CAAC,uBACrD,EAAE,GACF,EACF,gCACE,SAAS,EAAE,GAAG,kBAAkB,YAC9B,OAAO,KAAK,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,qBACnD,EAAE,GACF,IACW,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/Recommendation/RecommendationCard.d.ts

@@ -1,5 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { RecommendationCardTypes } from './RecommendationContent';
-export interface RecommendationCardProps extends RecommendationCardTypes, UniBlockProps {
-}
-export declare const RecommendationCard: import("@redneckz/uni-jsx").UNIComponent<RecommendationCardProps, any, any>;

package/dist/components/Recommendation/RecommendationCard.js

@@ -1,17 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.RecommendationCard = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
-const renderButtonsSection_1 = require("../../ui-kit/Button/renderButtonsSection");
-const Heading_1 = require("../../ui-kit/Heading/Heading");
-const Img_1 = require("../../ui-kit/Img/Img");
-const List_1 = require("../../ui-kit/List/List");
-const BaseTile_1 = require("../BaseTile/BaseTile");
-const SocialMedia_1 = require("../Footer/SocialMedia");
-exports.RecommendationCard = (0, uni_jsx_1.JSX)(({ className = '', title, description, items, image, socialMedia, button, ...rest }) => {
-    const tileTitle = title ? ((0, jsx_runtime_1.jsx)(Heading_1.Heading, { headingType: "h5", as: "h3", className: "mb-3.5 z-10", title: title })) : null;
-    const tileImage = image?.src ? ((0, jsx_runtime_1.jsx)(Img_1.Img, { className: "absolute bottom-0 right-0 m-0", image: image })) : null;
-    return ((0, jsx_runtime_1.jsx)(BlockWrapper_1.BlockWrapper, { className: `relative overflow-hidden text-left border border-solid box-border p-7 min-w-[524px] min-h-[218px] ${className}`, role: "listitem", ...rest, children: (0, jsx_runtime_1.jsx)(BaseTile_1.BaseTile, { className: "flex justify-between", title: tileTitle, image: tileImage, children: (0, jsx_runtime_1.jsxs)("div", { className: "h-full flex flex-col justify-between", children: [description ? (0, jsx_runtime_1.jsx)("span", { className: "mb-2", children: description }) : null, items?.length ? ((0, jsx_runtime_1.jsx)(List_1.List, { className: "text-xl-light flex flex-col flex-1 gap-2 max-w-[236px]", items: items })) : null, socialMedia ? (0, jsx_runtime_1.jsx)(SocialMedia_1.SocialMedia, { className: "pt-10 pb-0", media: socialMedia }) : null, button?.text ? ((0, jsx_runtime_1.jsx)("div", { className: "pt-2", children: (0, renderButtonsSection_1.renderButtonsSection)([button], { buttonClassName: 'mt-16 px-5' }) })) : null] }) }) }));
-});
-//# sourceMappingURL=RecommendationCard.js.map

package/dist/components/Recommendation/RecommendationCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RecommendationCard.js","sourceRoot":"","sources":["../../../src/components/Recommendation/RecommendationCard.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,4DAAyD;AACzD,mFAAgF;AAChF,0DAAuD;AACvD,8CAA2C;AAC3C,iDAA8C;AAC9C,mDAAgD;AAChD,uDAAoD;AAKvC,QAAA,kBAAkB,GAAG,IAAA,aAAG,EACnC,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACrF,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CACxB,uBAAC,iBAAO,IAAC,WAAW,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,KAAK,GAAI,CAC3E,CAAC,CAAC,CAAC,IAAI,CAAC;IACT,MAAM,SAAS,GAAG,KAAK,EAAE,GAAG,CAAC,CAAC,CAAC,CAC7B,uBAAC,SAAG,IAAC,SAAS,EAAC,+BAA+B,EAAC,KAAK,EAAE,KAAK,GAAI,CAChE,CAAC,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,CACL,uBAAC,2BAAY,IACX,SAAS,EAAE,qGAAqG,SAAS,EAAE,EAC3H,IAAI,EAAC,UAAU,KACX,IAAI,YAER,uBAAC,mBAAQ,IAAC,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,YAC3E,iCAAK,SAAS,EAAC,sCAAsC,aAClD,WAAW,CAAC,CAAC,CAAC,iCAAM,SAAS,EAAC,MAAM,YAAE,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,EAChE,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,CACf,uBAAC,WAAI,IACH,SAAS,EAAC,wDAAwD,EAClE,KAAK,EAAE,KAAK,GACZ,CACH,CAAC,CAAC,CAAC,IAAI,EACP,WAAW,CAAC,CAAC,CAAC,uBAAC,yBAAW,IAAC,SAAS,EAAC,YAAY,EAAC,KAAK,EAAE,WAAW,GAAI,CAAC,CAAC,CAAC,IAAI,EAC/E,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CACd,gCAAK,SAAS,EAAC,MAAM,YAClB,IAAA,2CAAoB,EAAC,CAAC,MAAM,CAAC,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE,CAAC,GAC9D,CACP,CAAC,CAAC,CAAC,IAAI,IACJ,GACG,GACE,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/Recommendation/RecommendationContent.d.ts

@@ -1,24 +0,0 @@
-import type { HeadlineCommonProps, TitleProps } from '../../model/HeadlineType';
-import type { UniBlockContent } from '../../model/JSXBlock';
-import type { LinkCommonProps } from '../../model/LinkProps';
-import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
-import { ImageContent } from '../../ui-kit/Img/ImgProps';
-import type { ListContent } from '../../ui-kit/List/ListContent';
-/**
- * @title Карточка
- */
-export interface RecommendationCardTypes extends HeadlineCommonProps, ListContent, ImageContent {
-    /**
-     * @title Соц сети
-     * @minItems 3
-     */
-    socialMedia?: LinkCommonProps[];
-    button?: ButtonProps;
-}
-/**
- * @title Рекомендации
- */
-export declare type RecommendationContent = UniBlockContent & TitleProps & {
-    /** @title Карточки */
-    recommendations?: RecommendationCardTypes[];
-};

package/dist/components/Recommendation/RecommendationContent.js

@@ -1,2 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=RecommendationContent.js.map