@redneckz/wildless-cms-uni-blocks 0.13.3 → 0.13.4

package/src/components/CarouselLinks/CarouselLinks.fixture.tsx

@@ -6,7 +6,7 @@ const link = {
   text: 'Аудиторские заключения',
   href: '#',
 };
-const links = Array(24).fill(link);
+const links = Array(10).fill(link);
 
 const description = `Акционерное общество «Российский Сельскохозяйственный банк»* —
   один из крупнейших банков в России. Был основан в 2000 году в целях развития
@@ -21,17 +21,14 @@ const MAX_LINKS_COUNT = 10;
 
 export default {
   default: (
-    <div className="container grid grid-cols-12">
-      <CarouselLinks
-        links={links}
-        className="col-span-12"
-        title="О Банке"
-        description={description}
-        additionalDescription={additionalDescription}
-        maxLinksCount={MAX_LINKS_COUNT}
-        version="secondary"
-        block={{ type: 'Carousel', blocks: new Array(3).fill(link).flat() }}
-      />
-    </div>
+    <CarouselLinks
+      links={links}
+      title="О Банке"
+      description={description}
+      additionalDescription={additionalDescription}
+      maxLinksCount={MAX_LINKS_COUNT}
+      version="secondary"
+      block={{ type: 'Carousel', blocks: new Array(1).fill(link).flat() }}
+    />
   ),
 };

package/src/components/CarouselLinks/CarouselLinks.tsx

@@ -53,16 +53,16 @@ const renderLinks = (links: LinkProps[], maxLinksCount: number) => {
 
   return (
     <Carousel
-      className="@container-normal sm:w-2/3 w-full p-0 sm:p-2xl"
+      className="sm:w-2/3 w-full p-0 sm:p-xs"
       version="secondary"
       itemCount={itemCount}
       arrowsPadded={false}
-      showDots={true}
+      showDots={false}
     >
       {new Array(itemCount).fill(null).map((_, groupIndex) => (
         <div
           key={String(groupIndex)}
-          className={style('flex flex-wrap self-start sm:w-[672px] w-full sm:mx-5xl')}
+          className={style('flex flex-wrap self-start w-full sm:w-[672px]')}
         >
           {links
             .slice(groupIndex * maxLinksCount, (groupIndex + 1) * maxLinksCount)

package/src/components/CarouselTariffsCard/CarouselTariffsCard.fixture.mobile.tsx

@@ -1,10 +1,10 @@
 import '../../setup-fixture';
 
 import type { Picture } from '../../model/Picture';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { CarouselTariffsCard } from './CarouselTariffsCard';
 import type { CarouselTariffsCardContent } from './CarouselTariffsCardContent';
-import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 const imageMonth: Picture = {
   src: 'monthly-payment.png',
@@ -67,11 +67,6 @@ export const TARIFFS_CARD_HIT: CarouselTariffsCardContent = {
 
 const CAROUSEL_TARIFFS_CARD = <CarouselTariffsCard className="col-span-12" {...TARIFFS_CARD} />;
 
-const CAROUSEL_TARIFFS_CARD_HIT = (
-  <CarouselTariffsCard className="col-span-12" {...TARIFFS_CARD_HIT} />
-);
-
 export default {
   default: <div className="container grid grid-cols-12">{CAROUSEL_TARIFFS_CARD}</div>,
-  hit: <div className="container grid grid-cols-12">{CAROUSEL_TARIFFS_CARD_HIT}</div>,
 };

package/src/components/CarouselTariffsCard/CarouselTariffsCard.fixture.tsx

@@ -66,11 +66,6 @@ export const TARIFFS_CARD_HIT: CarouselTariffsCardContent = {
 
 const CAROUSEL_TARIFFS_CARD = <CarouselTariffsCard className="col-span-4" {...TARIFFS_CARD} />;
 
-const CAROUSEL_TARIFFS_CARD_HIT = (
-  <CarouselTariffsCard className="col-span-4" {...TARIFFS_CARD_HIT} />
-);
-
 export default {
   default: <div className="container grid grid-cols-12">{CAROUSEL_TARIFFS_CARD}</div>,
-  hit: <div className="container grid grid-cols-12">{CAROUSEL_TARIFFS_CARD_HIT}</div>,
 };

package/src/components/CarouselTariffsCard/CarouselTariffsCard.tsx

@@ -10,10 +10,8 @@ import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Icon } from '../../ui-kit/Icon/Icon';
 import { Img } from '../../ui-kit/Img/Img';
-import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { style } from '../../utils/style';
 import type { CarouselTariffsCardContent } from './CarouselTariffsCardContent';
-import { getPaddingStyle } from './getPaddingStyle';
 import { renderCardInfo } from './renderCardInfo';
 
 export interface CarouselTariffsCardProps extends CarouselTariffsCardContent, UniBlockProps {}
@@ -21,27 +19,13 @@ export interface CarouselTariffsCardProps extends CarouselTariffsCardContent, Un
 const VISIBLE_CELLS_COUNT = 1;
 
 export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
-  ({
-    className = '',
-    title,
-    align = 'text-center',
-    icon,
-    isHighlighting = false,
-    button,
-    cardCells = [],
-    ...rest
-  }) => {
+  ({ className = '', title, align = 'text-center', icon, button, cardCells = [], ...rest }) => {
     const cellsNode = cardCells.map(renderCardInfo);
     const visibleCells = cellsNode.slice(0, VISIBLE_CELLS_COUNT);
     const hiddenCells = cellsNode.slice(VISIBLE_CELLS_COUNT);
 
     return (
-      <BlockWrapper
-        className={style('relative flex flex-col', className)}
-        defaultPadding={getPaddingStyle(isHighlighting)}
-        {...rest}
-      >
-        {isHighlighting ? renderHitIcon() : null}
+      <BlockWrapper className={style('flex flex-col', className)} defaultPadding="p-3xl" {...rest}>
         {renderIconBlock(icon)}
         {title ? (
           <Heading className={style('pt-xs', align)} headingType="h5" title={title} />
@@ -64,9 +48,7 @@ export const CarouselTariffsCard = JSX<CarouselTariffsCardProps>(
 );
 
 const renderIconBlock = (icon?: Picture) => (
-  <div className="basis-full self-center">
-    {icon?.src || icon?.icon ? <Img image={icon} /> : null}
-  </div>
+  <div className="self-center">{icon?.src || icon?.icon ? <Img image={icon} /> : null}</div>
 );
 
 const renderFoldButton = ({ isUnfolded, onToggle }: FoldablePartProps): VNode => (
@@ -83,12 +65,3 @@ const renderFoldButton = ({ isUnfolded, onToggle }: FoldablePartProps): VNode =>
     />
   </button>
 );
-
-const renderHitIcon = (): VNode => (
-  <div className="absolute -top-6 -right-4 h-14 w-14 bg-white flex flex-col items-center justify-center rounded-md shadow-[0_4px_25px_rgba(0,0,0,0.07)]">
-    <Icon iconVersion="black" name="HeartIcon" width="24" height="24" />
-    <Paragraph size="text-s" font="font-normal" align="text-center" color="text-primary-text">
-      ХИТ
-    </Paragraph>
-  </div>
-);

package/src/components/MobileAppTile/MobileAppTile.tsx

@@ -3,13 +3,13 @@ import { AlignText } from '../../model/AlignText';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BaseTile } from '../../ui-kit/BaseTile/BaseTile';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
 import { style } from '../../utils/style';
 import type { MobileAppTileContent } from './MobileAppTileContent';
 import { renderDescription } from './renderDescription';
 import { renderList } from './renderList';
+import { buttonsConditionStyle } from './buttonsConditionStyle';
 
 export interface MobileAppTileProps extends MobileAppTileContent, UniBlockProps {}
 
@@ -51,7 +51,7 @@ export const MobileAppTile = JSX<MobileAppTileProps>(
             ) : null
           }
           rightImage={image?.src ? <Img className="hidden lg:block" image={image} /> : null}
-          buttons={renderButtonsSection(buttons, { isVertical: buttons.length > 4 })}
+          buttons={buttonsConditionStyle(buttons)}
         >
           {renderDescription(description)}
           <div className="flex flex-1 flex-wrap gap-m items-center">

package/src/components/MobileAppTile/buttonsConditionStyle.mobile.tsx

@@ -0,0 +1,12 @@
+import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
+import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+import { style } from '../../utils/style';
+
+export const buttonsConditionStyle = (buttons: ButtonProps[]) => {
+  const buttonsLengthMoreThanTwo = buttons.length > 2;
+
+  return renderButtonsSection(buttons, {
+    className: style(buttonsLengthMoreThanTwo ? 'w-full' : 'flex-nowrap'),
+    isVertical: buttonsLengthMoreThanTwo,
+  });
+};

package/src/components/MobileAppTile/buttonsConditionStyle.tsx

@@ -0,0 +1,5 @@
+import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
+import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
+
+export const buttonsConditionStyle = (buttons: ButtonProps[]) =>
+  renderButtonsSection(buttons, { isVertical: false });

package/src/components/RollupItem/RollupItem.fixture.mobile.tsx

@@ -22,6 +22,7 @@ export const ROLLUP_ITEM: BlockDef = {
     { type: 'TextBlock', content: TEXT_BLOCK },
   ],
 };
+
 const labelIcon: Picture = { icon: 'BriefcaseIcon' };
 
 export default {
@@ -29,9 +30,11 @@ export default {
     <div>
       <RollupItem
         {...ROLLUP_ITEM.content}
-        version="secondary"
         block={ROLLUP_ITEM}
+        labelIcon={labelIcon}
+        labelIconBgVersion="primary"
         options={options}
+        version="secondary"
       />
       <RollupItem {...ROLLUP_ITEM.content} block={ROLLUP_ITEM} options={options} />
     </div>
@@ -39,11 +42,11 @@ export default {
   labelIcon: (
     <div>
       <RollupItem
+        block={ROLLUP_ITEM}
+        isExpanded={true}
         label="RollupItem label 1"
         labelIcon={labelIcon}
         labelIconBgVersion="primary"
-        isExpanded={true}
-        block={ROLLUP_ITEM}
         options={options}
       />
     </div>

package/src/components/RollupItem/RollupItem.tsx

@@ -2,33 +2,36 @@ import { JSX } from '@redneckz/uni-jsx';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
-import type { Picture } from '../../model/Picture';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
 import { Foldable } from '../../ui-kit/Foldable/Foldable';
 import type { FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps';
 import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
 import { Icon } from '../../ui-kit/Icon/Icon';
-import type { IconBgVersion, IconName, IconProps } from '../../ui-kit/Icon/IconProps';
+import type { IconName, IconBgVersion, IconProps } from '../../ui-kit/Icon/IconProps';
 import { Text } from '../../ui-kit/Text/Text';
 import { style } from '../../utils/style';
 import { foldableSectionStyles } from './foldableSectionStyles';
 import { getIconName } from './getIconName';
-import { renderRoundedIcon } from './renderRoundedIcon';
 import { rollupIconVersion } from './rollupIconVersion';
 import type { RollupItemContent } from './RollupItemContent';
 import { rollupItemStyles } from './rollupItemStyles';
+import type { Picture } from '../../model/Picture';
+import { renderRoundedIcon } from './renderRoundedIcon';
 
-export interface RollupItemProps extends RollupItemContent, UniBlockProps {}
+interface RollupItemProps extends RollupItemContent, UniBlockProps {
+  labelIcon?: Picture;
+  labelIconBgVersion?: IconBgVersion;
+}
 
 export const RollupItem: JSXBlock<RollupItemProps> = JSX<RollupItemProps>(
   ({
     className = '',
+    isExpanded,
+    isFoldButtonOnTop = true,
     label = 'Развернуть',
     labelIcon,
     labelIconBgVersion,
-    isExpanded,
-    isFoldButtonOnTop = true,
     version = 'primary',
     ...rest
   }) => {

package/src/components/RollupItem/RollupItem.ui.json

@@ -1,7 +1,3 @@
 {
-  "content": {
-    "labelIcon": {
-      "ui:field": "icon"
-    }
-  }
+  "content": {}
 }

package/src/components/RollupItem/RollupItemContent.ts

@@ -1,7 +1,5 @@
 import type { LabelProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
-import type { Picture } from '../../model/Picture';
-import type { IconBgVersion } from '../../ui-kit/Icon/IconProps';
 
 /**
  * @title Сворачивающаяся секция
@@ -12,6 +10,4 @@ export type RollupItemContent = UniBlockContent &
     isExpanded?: boolean;
     /** @title Кнопка сверху */
     isFoldButtonOnTop?: boolean;
-    labelIcon?: Picture; // TODO: только для мобильной версии
-    labelIconBgVersion?: IconBgVersion;
   };

package/src/components/SafeDepositRental/SafeDepositRentalTotal.tsx

@@ -17,7 +17,7 @@ export const SafeDepositRentalTotal = JSX<SafeDepositRentalTotalProps>(({ days,
         {renderTotal('Аренда за', days)}
         {renderTotal('Цена', price + ' ₽')}
       </div>
-      <span className="sm:hidden order-3 mb-xs text-s-light text-secondary-text">
+      <span className="sm:hidden order-3 mb-xs text-s font-light text-secondary-text">
         {imageDescription}
       </span>
       <div className="flex flex-col items-center gap-s order-3 sm:order-none mb-xl sm:mb-0 bg-primary-main py-s sm:p-3xl text-center">

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

@@ -46,7 +46,7 @@ export const BaseTile = JSX<BaseTileProps>(
         {renderImageContainer(leftImage, { imageAlign })}
         <div
           className={style(
-            'flex flex-col gap-3xl max-w-[600px] xl:max-w-[728px]',
+            'flex flex-col gap-3xl max-w-[600px] @xl:max-w-[728px]',
             leftImage ? '' : 'grow',
           )}
         >
@@ -66,9 +66,20 @@ export const BaseTile = JSX<BaseTileProps>(
 const renderImageContainer = (
   image: VNode | undefined,
   { className, imageAlign }: { className?: string; imageAlign?: Align },
-) =>
-  image ? (
-    <div className={style('flex-shrink-0', imageAlign && imageAlignmentMap[imageAlign], className)}>
+) => {
+  //TODO Спорное решение
+  const fullWidth = image?.props?.image.size?.width > 400;
+
+  return image ? (
+    <div
+      className={style(
+        'flex-shrink-0',
+        fullWidth ? 'w-full @xl:w-auto' : '',
+        imageAlign && imageAlignmentMap[imageAlign],
+        className,
+      )}
+    >
       {image}
     </div>
   ) : null;
+};

package/src/utils/style.ts

@@ -1,4 +1,5 @@
-type Atom = string | null | undefined;
+type Falsy = null | undefined | false | 0;
+type Atom = string | Falsy;
 
 export const style = (...atoms: Array<Atom | Atom[]>): string =>
   atoms

package/bundle/components/CarouselTariffsCard/getPaddingStyle.d.ts

@@ -1 +0,0 @@
-export declare const getPaddingStyle: (isHighlighting?: boolean) => string;

package/bundle/components/CarouselTariffsCard/getPaddingStyle.mobile.d.ts

@@ -1 +0,0 @@
-export declare const getPaddingStyle: (isHighlighting?: boolean) => string;

package/dist/components/CarouselTariffsCard/getPaddingStyle.d.ts

@@ -1 +0,0 @@
-export declare const getPaddingStyle: (isHighlighting?: boolean) => string;

package/dist/components/CarouselTariffsCard/getPaddingStyle.js

@@ -1,5 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPaddingStyle = void 0;
-const getPaddingStyle = (isHighlighting = false) => isHighlighting ? 'p-3xl mt-3xl pt-20' : 'p-3xl mt-20';
-exports.getPaddingStyle = getPaddingStyle;
-//# sourceMappingURL=getPaddingStyle.js.map

package/dist/components/CarouselTariffsCard/getPaddingStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getPaddingStyle.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/getPaddingStyle.tsx"],"names":[],"mappings":";;AAAO,MAAM,eAAe,GAAG,CAAC,cAAc,GAAG,KAAK,EAAU,EAAE,CAChE,cAAc,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,aAAa,CAAC;AAD3C,QAAA,eAAe,mBAC4B"}

package/dist/components/CarouselTariffsCard/getPaddingStyle.mobile.d.ts

@@ -1 +0,0 @@
-export declare const getPaddingStyle: (isHighlighting?: boolean) => string;

package/dist/components/CarouselTariffsCard/getPaddingStyle.mobile.js

@@ -1,5 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPaddingStyle = void 0;
-const getPaddingStyle = (isHighlighting = false) => isHighlighting ? 'p-6xl mt-xl' : 'mt-xl p-6xl'; // Хак для мобильной версии т.к. контракт должен быть идентичный
-exports.getPaddingStyle = getPaddingStyle;
-//# sourceMappingURL=getPaddingStyle.mobile.js.map

package/dist/components/CarouselTariffsCard/getPaddingStyle.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getPaddingStyle.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/getPaddingStyle.mobile.tsx"],"names":[],"mappings":";;AAAO,MAAM,eAAe,GAAG,CAAC,cAAc,GAAG,KAAK,EAAU,EAAE,CAChE,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,gEAAgE;AADrG,QAAA,eAAe,mBACqB"}

package/lib/components/CarouselTariffsCard/getPaddingStyle.d.ts

@@ -1 +0,0 @@
-export declare const getPaddingStyle: (isHighlighting?: boolean) => string;

package/lib/components/CarouselTariffsCard/getPaddingStyle.js

@@ -1,2 +0,0 @@
-export const getPaddingStyle = (isHighlighting = false) => isHighlighting ? 'p-3xl mt-3xl pt-20' : 'p-3xl mt-20';
-//# sourceMappingURL=getPaddingStyle.js.map

package/lib/components/CarouselTariffsCard/getPaddingStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getPaddingStyle.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/getPaddingStyle.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,cAAc,GAAG,KAAK,EAAU,EAAE,CAChE,cAAc,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,aAAa,CAAC"}

package/lib/components/CarouselTariffsCard/getPaddingStyle.mobile.d.ts

@@ -1 +0,0 @@
-export declare const getPaddingStyle: (isHighlighting?: boolean) => string;

package/lib/components/CarouselTariffsCard/getPaddingStyle.mobile.js

@@ -1,2 +0,0 @@
-export const getPaddingStyle = (isHighlighting = false) => isHighlighting ? 'p-6xl mt-xl' : 'mt-xl p-6xl'; // Хак для мобильной версии т.к. контракт должен быть идентичный
-//# sourceMappingURL=getPaddingStyle.mobile.js.map

package/lib/components/CarouselTariffsCard/getPaddingStyle.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getPaddingStyle.mobile.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/getPaddingStyle.mobile.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,cAAc,GAAG,KAAK,EAAU,EAAE,CAChE,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,gEAAgE"}

package/mobile/bundle/components/CarouselTariffsCard/getPaddingStyle.d.ts

@@ -1 +0,0 @@
-export declare const getPaddingStyle: (isHighlighting?: boolean) => string;

package/mobile/dist/components/CarouselTariffsCard/getPaddingStyle.d.ts

@@ -1 +0,0 @@
-export declare const getPaddingStyle: (isHighlighting?: boolean) => string;

package/mobile/dist/components/CarouselTariffsCard/getPaddingStyle.js

@@ -1,5 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPaddingStyle = void 0;
-const getPaddingStyle = (isHighlighting = false) => isHighlighting ? 'p-6xl mt-xl' : 'mt-xl p-6xl'; // Хак для мобильной версии т.к. контракт должен быть идентичный
-exports.getPaddingStyle = getPaddingStyle;
-//# sourceMappingURL=getPaddingStyle.js.map

package/mobile/dist/components/CarouselTariffsCard/getPaddingStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getPaddingStyle.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/getPaddingStyle.tsx"],"names":[],"mappings":";;AAAO,MAAM,eAAe,GAAG,CAAC,cAAc,GAAG,KAAK,EAAU,EAAE,CAChE,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,gEAAgE;AADrG,QAAA,eAAe,mBACqB"}

package/mobile/lib/components/CarouselTariffsCard/getPaddingStyle.d.ts

@@ -1 +0,0 @@
-export declare const getPaddingStyle: (isHighlighting?: boolean) => string;

package/mobile/lib/components/CarouselTariffsCard/getPaddingStyle.js

@@ -1,2 +0,0 @@
-export const getPaddingStyle = (isHighlighting = false) => isHighlighting ? 'p-6xl mt-xl' : 'mt-xl p-6xl'; // Хак для мобильной версии т.к. контракт должен быть идентичный
-//# sourceMappingURL=getPaddingStyle.js.map

package/mobile/lib/components/CarouselTariffsCard/getPaddingStyle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getPaddingStyle.js","sourceRoot":"","sources":["../../../src/components/CarouselTariffsCard/getPaddingStyle.tsx"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,cAAc,GAAG,KAAK,EAAU,EAAE,CAChE,cAAc,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,gEAAgE"}

package/mobile/src/components/CarouselTariffsCard/getPaddingStyle.tsx

@@ -1,2 +0,0 @@
-export const getPaddingStyle = (isHighlighting = false): string =>
-  isHighlighting ? 'p-6xl mt-xl' : 'mt-xl p-6xl'; // Хак для мобильной версии т.к. контракт должен быть идентичный

package/src/components/CarouselTariffsCard/getPaddingStyle.mobile.tsx

@@ -1,2 +0,0 @@
-export const getPaddingStyle = (isHighlighting = false): string =>
-  isHighlighting ? 'p-6xl mt-xl' : 'mt-xl p-6xl'; // Хак для мобильной версии т.к. контракт должен быть идентичный

package/src/components/CarouselTariffsCard/getPaddingStyle.tsx

@@ -1,2 +0,0 @@
-export const getPaddingStyle = (isHighlighting = false): string =>
-  isHighlighting ? 'p-3xl mt-3xl pt-20' : 'p-3xl mt-20';