@redneckz/wildless-cms-uni-blocks 0.14.16 → 0.14.18

package/src/components/BenefitsBlock/BenefitsBlockContent.ts

@@ -2,8 +2,8 @@ import type { EmptyOption } from '../../model/EmptyOptionType';
 import type { LabelProps, TitleProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { IconProps } from '../../model/Picture';
-import type { ListContent } from '../../ui-kit/List/ListContent';
 import type { IconBgVersion } from '../../ui-kit/Icon/IconProps';
+import type { ListContent } from '../../ui-kit/List/ListContent';
 
 /**
  * @title Пункты описания

package/src/components/Blocks.mobile.ts

@@ -16,6 +16,7 @@ import { CarouselProgramsCard } from './CarouselProgramsCard/CarouselProgramsCar
 import { CarouselRecommendationCard } from './CarouselRecommendationCard/CarouselRecommendationCard';
 import { CarouselTariffsCard } from './CarouselTariffsCard/CarouselTariffsCard';
 import { ComparisonTable } from './ComparisonTable/ComparisonTable';
+import { DepositFiltration } from './DepositFiltration/DepositFiltration';
 import { ErrorBlock } from './ErrorBlock/ErrorBlock';
 import { ExchangeRateTile } from './ExchangeRateTile/ExchangeRateTile';
 import { Footer } from './Footer/Footer';
@@ -25,6 +26,7 @@ import { HorizontalLayout } from './HorizontalLayout/HorizontalLayout';
 import { ImgBlock } from './ImgBlock/ImgBlock';
 import { LinkDocs } from './LinkDocs/LinkDocs';
 import { MobileAppTile } from './MobileAppTile/MobileAppTile';
+import { MortgageFiltration } from './MortgageFiltration/MortgageFiltration';
 import { PictureText } from './PictureText/PictureText';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
@@ -41,8 +43,6 @@ import { TariffsTable } from './TariffsTable/TariffsTable';
 import { TextBlock } from './TextBlock/TextBlock';
 import { Tile } from './Tile/Tile';
 import { VerticalLayout } from './VerticalLayout/VerticalLayout';
-import { DepositFiltration } from './DepositFiltration/DepositFiltration';
-import { MortgageFiltration } from './MortgageFiltration/MortgageFiltration';
 
 export const Blocks: BlocksRegistry = {
   ApplicationForm,

package/src/components/Bonus/Bonus.tsx

@@ -1,4 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { AlignStyles } from '../../model/AlignStyles';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
@@ -6,7 +7,6 @@ import { Img } from '../../ui-kit/Img/Img';
 import { Text } from '../../ui-kit/Text/Text';
 import { Headline } from '../Headline/Headline';
 import type { BonusContent, BonusCountDef, BonusImageDef } from './BonusContent';
-import { AlignStyles } from '../../model/AlignStyles';
 
 export interface BonusProps extends BonusContent, UniBlockProps {}
 

package/src/components/Bonus/BonusContent.ts

@@ -1,8 +1,8 @@
 import type { EmptyOption } from '../../model/EmptyOptionType';
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
-import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
+import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { TextAlign } from '../../ui-kit/Text/TextProps';
 
 /**

package/src/components/BonusBenefitsBlock/BonusBenefitsBlock.example.json

@@ -14,7 +14,7 @@
             "width": 160,
             "height": 180
           },
-          "icon": "WateringCanIcon"
+          "icon": "SignDocsIcon"
         }
       },
       {

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

@@ -6,40 +6,46 @@ import { BonusBenefit } from './BonusBenefitsBlockContent';
 const bonusBenefits: BonusBenefit[] = [
   {
     title: 'Оформи «Молодёжную карту»',
-    icon: { icon: 'WateringCanIcon', iconVersion: 'normal' },
+    icon: {
+      src: 'WateringCanIcon.svg',
+      size: { height: 180 },
+    },
   },
   {
     title:
       'Попроси в бухгалтерии ВУЗа/работодателя специальное заявление для перечисления стипендии/заработной платы на банковскую карту',
-    icon: { icon: 'AirPlaneIcon', iconVersion: 'normal' },
+    icon: { src: 'AirPlaneIcon.svg', size: { height: 180 } },
   },
   {
     title:
       'Заполни заявление и укажи реквизиты «Молодёжной карты». Узнать реквизиты ты можешь после получения карты в офисе, мобильном приложении',
-    icon: { icon: 'CarIcon', iconVersion: 'normal' },
+    icon: {
+      src: 'CarIcon.svg',
+      size: { height: 180 },
+    },
   },
   {
     title: 'Отнеси заявление в бухгалтерию',
-    icon: { icon: 'CinemaIcon', iconVersion: 'normal' },
+    icon: { src: 'CinemaIcon.svg', size: { height: 180 } },
   },
 ];
 
 const bonusBenefitsWithDescription: BonusBenefit[] = [
   {
     description: 'Достойное вознаграждение',
-    icon: { icon: 'WateringCanIcon', iconVersion: 'normal' },
+    icon: { src: 'WateringCanIcon.svg', size: { height: 180 } },
   },
   {
     description: 'Социальный пакет',
-    icon: { icon: 'AirPlaneIcon', iconVersion: 'normal' },
+    icon: { src: 'AirPlaneIcon.svg', size: { height: 180 } },
   },
   {
     description: 'Профессиональное обучение',
-    icon: { icon: 'CarIcon', iconVersion: 'normal' },
+    icon: { src: 'CarIcon.svg', size: { height: 180 } },
   },
   {
     description: 'Карьерный рост и развитие',
-    icon: { icon: 'CinemaIcon', iconVersion: 'normal' },
+    icon: { src: 'CinemaIcon.svg', size: { height: 180 } },
   },
 ];
 

package/src/components/BonusBenefitsBlock/BonusBenefitsBlock.fixture.tsx

@@ -6,19 +6,35 @@ import { BonusBenefit } from './BonusBenefitsBlockContent';
 const bonusBenefits: BonusBenefit[] = [
   {
     description: 'Более 5000 товаров',
-    icon: { icon: 'WateringCanIcon', iconVersion: 'normal' },
+    icon: {
+      src: 'WateringCanIcon.svg',
+      iconVersion: 'normal',
+      size: { width: 202 },
+    },
   },
   {
     description: '750 авиакомпаний, 1,2 млн отелей, билеты РЖД',
-    icon: { icon: 'AirPlaneIcon', iconVersion: 'normal' },
+    icon: {
+      src: 'AirPlaneIcon.svg',
+      iconVersion: 'normal',
+      size: { width: 202 },
+    },
   },
   {
     description: 'Аренда автомобилей',
-    icon: { icon: 'CarIcon', iconVersion: 'normal' },
+    icon: {
+      src: 'CarIcon.svg',
+      iconVersion: 'normal',
+      size: { width: 202 },
+    },
   },
   {
     description: 'Болеее 1000 развлечений',
-    icon: { icon: 'CinemaIcon', iconVersion: 'normal' },
+    icon: {
+      src: 'CinemaIcon.svg',
+      iconVersion: 'normal',
+      size: { width: 202 },
+    },
   },
   {
     description: 'Платежные гаджеты Pay Ring',
@@ -26,15 +42,27 @@ const bonusBenefits: BonusBenefit[] = [
   },
   {
     description: 'Цифровые сервисы',
-    icon: { icon: 'DocsIcon', iconVersion: 'normal' },
+    icon: {
+      src: 'DocsIcon.svg',
+      iconVersion: 'normal',
+      size: { width: 202 },
+    },
   },
   {
     description: 'Фермерские продукты',
-    icon: { icon: 'PumpkinIcon', iconVersion: 'normal' },
+    icon: {
+      src: 'PumpkinIcon.svg',
+      iconVersion: 'normal',
+      size: { width: 202 },
+    },
   },
   {
     description: 'Страхование',
-    icon: { icon: 'PowerIcon', iconVersion: 'normal' },
+    icon: {
+      src: 'PowerIcon.svg',
+      iconVersion: 'normal',
+      size: { width: 202 },
+    },
   },
 ];
 

package/src/components/BonusBenefitsBlock/renderBonusBenefit.tsx

@@ -1,7 +1,7 @@
+import { AlignStyles } from '../../model/AlignStyles';
 import { Img } from '../../ui-kit/Img/Img';
 import { Text } from '../../ui-kit/Text/Text';
 import { style } from '../../utils/style';
-import { AlignStyles } from '../../model/AlignStyles';
 import { BonusBenefit } from './BonusBenefitsBlockContent';
 import { bonusBenefitStyles } from './bonusBenefitStyles';
 

package/src/components/BusinessBlock/BusinessBlock.fixture.tsx

@@ -1,11 +1,12 @@
 import '../../setup-fixture';
+
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 import { BusinessBlock } from './BusinessBlock';
 import type {
   BusinessBlockContent,
   BusinessCardItemProps,
   BusinessCardProps,
 } from './BusinessBlockContent';
-import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 const button: ButtonContent = {
   href: '#',

package/src/components/BusinessBlock/BusinessBlockContent.ts

@@ -1,8 +1,8 @@
 import type { TitleProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { IconProps } from '../../model/Picture';
-import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 
 export type BusinessCardItemProps = IconProps & {
   /** @title Текст */

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

@@ -1,6 +1,7 @@
 import '../../setup-fixture';
-import { ButtonsBlock } from './ButtonsBlock';
+
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { ButtonsBlock } from './ButtonsBlock';
 
 const buttons: ButtonContent[] = [
   {

package/src/components/ButtonsBlock/ButtonsBlock.fixture.tsx

@@ -1,6 +1,7 @@
 import '../../setup-fixture';
-import { ButtonsBlock } from './ButtonsBlock';
+
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { ButtonsBlock } from './ButtonsBlock';
 
 const buttons: ButtonContent[] = [
   {

package/src/components/ButtonsBlock/ButtonsBlockContent.ts

@@ -1,5 +1,5 @@
-import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 import type { Align } from '../../model/Align';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 /**
  * @title Блок кнопок

package/src/components/Calculator/Calculator.fixture.tsx

@@ -1,7 +1,7 @@
 import '../../setup-fixture';
 
-import { Calculator } from './Calculator';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { Calculator } from './Calculator';
 import type {
   BonusCalculatorParamsDef,
   BusinessDepositCalculatorParamsDef,

package/src/components/Calculator/UnknownRate.tsx

@@ -10,14 +10,12 @@ export interface UnknownRateProps {
 
 export const UnknownRate = JSX<UnknownRateProps>(
   ({ title = 'Ставка', isUnavailableByTerm = false }) => (
-    <div>
+    <div className="space-y-s">
       <Text size="text-l" font="font-light" color="text-secondary-text">
         {title}
       </Text>
-      <div className="mt-2xs pt-2xs pl-lg pb-xs">
-        <Icon name="PercentIcon" width="90" height="85" />
-      </div>
-      <div className="w-64 mt-m">
+      <Icon className="w-10 h-10 @5xl:h-auto @5xl:w-40" name="PercentIcon" />
+      <div className="w-64">
         {isUnavailableByTerm ? (
           <Paragraph size="text-xl" font="font-light" color="text-primary-text">
             Процентная ставка для срока <strong>1-30 дней</strong> устанавливается при обращении в

package/src/components/Calculator/getRefinancingCalculatorLimitParams.ts

@@ -1,9 +1,9 @@
 import { RefinancingCalculatorParamsViewSettings } from './CalculatorContent';
+import { checkRefinancingSourceBookRowCommonParams } from './checkRefinancingSourceBookRowCommonParams';
 import {
   RefinancingCalculatorSourceBookLimitParams,
   RefinancingCalculatorUserInputParams,
 } from './useRefinancingCalculatorParams';
-import { checkRefinancingSourceBookRowCommonParams } from './checkRefinancingSourceBookRowCommonParams';
 
 interface GetRefinancingCalculatorLimitParamsProps {
   limitRows: RefinancingCalculatorSourceBookLimitParams[];

package/src/components/Calculator/getRefinancingCalculatorRateParams.ts

@@ -1,11 +1,11 @@
 import { RefinancingCalculatorParamsViewSettings } from './CalculatorContent';
+import { checkRefinancingSourceBookRowCommonParams } from './checkRefinancingSourceBookRowCommonParams';
 import { DEFAULT_REFINANCING_CALCULATOR_PARAMS } from './constants';
 import { checkRangeByKeys } from './rangeHelpers';
 import {
   RefinancingCalculatorSourceBookRateParams,
   RefinancingCalculatorUserInputParams,
 } from './useRefinancingCalculatorParams';
-import { checkRefinancingSourceBookRowCommonParams } from './checkRefinancingSourceBookRowCommonParams';
 
 interface GetRefinancingCalculatorRateParamsProps {
   rateRows: RefinancingCalculatorSourceBookRateParams[];

package/src/components/Calculator/rangeHelpers.ts

@@ -1,6 +1,6 @@
-import { min } from '../../utils/minBy';
 import { max } from '../../utils/maxBy';
 import { mergeIntervals } from '../../utils/mergeIntervals';
+import { min } from '../../utils/minBy';
 
 export const getLimitRangeByKeys = <
   MinKey extends string,

package/src/components/Carousel/Carousel.ui.json

@@ -5,4 +5,4 @@
       "minCols": 12
     }
   }
-}
+}

package/src/components/CarouselCard/CarouselCard.ui.json

@@ -1 +1 @@
-{}
+{}

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

@@ -1,9 +1,9 @@
 import '../../setup-fixture';
 
 import type { Picture } from '../../model/Picture';
-import { CarouselCatalogCard } from './CarouselCatalogCard';
 import type { ProductColorVersion } from '../../model/ProductColorVersion';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { CarouselCatalogCard } from './CarouselCatalogCard';
 
 const colors: ProductColorVersion[] = ['black', 'white'];
 

package/src/components/CarouselCatalogCard/CarouselCatalogCard.fixture.tsx

@@ -1,9 +1,9 @@
 import '../../setup-fixture';
 
 import type { Picture } from '../../model/Picture';
-import { CarouselCatalogCard } from './CarouselCatalogCard';
 import type { ProductColorVersion } from '../../model/ProductColorVersion';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import { CarouselCatalogCard } from './CarouselCatalogCard';
 
 const COLORS: ProductColorVersion[] = ['black', 'white'];
 

package/src/components/CarouselCatalogCard/CarouselCatalogCardContent.ts

@@ -1,8 +1,8 @@
 import type { HeadlineCommonProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
 import type { ProductColorVersion } from '../../model/ProductColorVersion';
-import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
+import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 
 /**
  * @title Карточка каталога

package/src/components/CarouselInvestmentCard/CarouselInvestmentCard.ui.json

@@ -6,4 +6,4 @@
       }
     }
   }
-}
+}

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

@@ -1,9 +1,9 @@
 import '../../setup-fixture';
 
 import type { Picture } from '../../model/Picture';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 import { CarouselProductCard } from './CarouselProductCard';
 import type { CarouselProductCardContent } from './CarouselProductCardContent';
-import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 const isDotted = false;
 

package/src/components/CarouselProductCard/CarouselProductCard.fixture.tsx

@@ -1,9 +1,9 @@
 import '../../setup-fixture';
 
 import type { Picture } from '../../model/Picture';
+import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 import { CarouselProductCard } from './CarouselProductCard';
 import type { CarouselProductCardContent } from './CarouselProductCardContent';
-import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 const isDotted = false;
 

package/src/components/CarouselProductCard/CarouselProductCard.tsx

@@ -1,6 +1,5 @@
-import type { CarouselProductCardContent, ListProps } from './CarouselProductCardContent';
-
 import { JSX } from '@redneckz/uni-jsx';
+import { AlignStyles } from '../../model/AlignStyles';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import type { Picture } from '../../model/Picture';
@@ -11,10 +10,10 @@ import { LinkWrapper } from '../../ui-kit/LinkWrapper/LinkWrapper';
 import { List } from '../../ui-kit/List/List';
 import { Paragraph } from '../../ui-kit/Paragraph/Paragraph';
 import { Text } from '../../ui-kit/Text/Text';
+import type { TextAlign } from '../../ui-kit/Text/TextProps';
 import { style } from '../../utils/style';
 import { HEADLINE_SMALL_VERSION } from '../Headline/headlineVersionStyles';
-import { AlignStyles } from '../../model/AlignStyles';
-import type { TextAlign } from '../../ui-kit/Text/TextProps';
+import type { CarouselProductCardContent, ListProps } from './CarouselProductCardContent';
 
 export interface CarouselProductCardProps extends CarouselProductCardContent, UniBlockProps {}
 

package/src/components/CarouselProductCard/CarouselProductCardContent.ts

@@ -5,8 +5,8 @@ import type {
   HeadlineSmallProps,
 } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
-import type { IconProps } from '../../model/Picture';
 import type { LinkCommonProps } from '../../model/LinkProps';
+import type { IconProps } from '../../model/Picture';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
 
 /**

package/src/components/CarouselProgramsCard/CarouselProgramsCardContent.ts

@@ -1,7 +1,7 @@
 import type { HeadlineCommonProps, TitleProps } from '../../model/HeadlineType';
 import type { UniBlockContent } from '../../model/JSXBlock';
-import type { IconProps } from '../../model/Picture';
 import type { LinkCommonProps } from '../../model/LinkProps';
+import type { IconProps } from '../../model/Picture';
 
 /**
  * @title Карточка программ карусели

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.example.json

@@ -19,7 +19,6 @@
       }
     ],
     "version": "primary",
-    "listItemSize": "S",
-    "isImageAlwaysOnRight": true
+    "listItemSize": "S"
   }
 }

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

@@ -2,8 +2,8 @@ import '../../setup-fixture';
 
 import type { Picture } from '../../model/Picture';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import type { CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
 import { CarouselRecommendationCard } from './CarouselRecommendationCard';
+import type { CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
 
 const icon: Picture = {
   src: 'product-basket.png',

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

@@ -2,8 +2,8 @@ import '../../setup-fixture';
 
 import type { Picture } from '../../model/Picture';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import type { CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
 import { CarouselRecommendationCard } from './CarouselRecommendationCard';
+import type { CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
 
 const icon: Picture = {
   src: 'product-basket.png',

package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx

@@ -9,6 +9,7 @@ import { style } from '../../utils/style';
 import { SocialMedia } from '../Footer/SocialMedia';
 import { Headline } from '../Headline/Headline';
 import type { CarouselRecommendationCardContent } from './CarouselRecommendationCardContent';
+import { ImageAlwaysOnRight } from './ImageAlwaysOnRight';
 
 export interface RecommendationCardProps extends CarouselRecommendationCardContent, UniBlockProps {}
 
@@ -26,7 +27,7 @@ export const CarouselRecommendationCard = JSX<RecommendationCardProps>(
     target,
     title,
     align = 'text-left',
-    isImageAlwaysOnRight = true,
+    isImageAlwaysOnRight = ImageAlwaysOnRight,
     ...rest
   }) => {
     return (

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

@@ -0,0 +1 @@
+export const ImageAlwaysOnRight = false;

package/src/components/CarouselRecommendationCard/ImageAlwaysOnRight.tsx

@@ -0,0 +1 @@
+export const ImageAlwaysOnRight = true;

package/src/components/ComparisonTable/ComparisonTable.fixture.tsx

@@ -1,6 +1,5 @@
-import '../../setup-fixture';
-
 import type { Picture } from '../../model/Picture';
+import '../../setup-fixture';
 import { ComparisonTable } from './ComparisonTable';
 import type { Column } from './ComparisonTableContent';
 
@@ -147,7 +146,7 @@ const columns2: Column[] = [
   {
     header: {
       title: '«Пополняемый»',
-      icon: { icon: 'GlassIcon' },
+      icon: { src: 'GlassIcon.svg' },
       link: {
         text: 'Подробнее',
         href: '/credits',
@@ -163,7 +162,7 @@ const columns2: Column[] = [
   {
     header: {
       title: '«Комфортный»',
-      icon: { icon: 'ComfortableCompIcon' },
+      icon: { src: 'ComfortableCompIcon.svg' },
       link: {
         text: 'Подробнее',
         href: '/credits',
@@ -179,7 +178,7 @@ const columns2: Column[] = [
   {
     header: {
       title: '«Доходный пенсионный»',
-      icon: { icon: 'ClockIcon' },
+      icon: { src: 'ComfortableCompIcon.svg' },
       link: {
         text: 'Подробнее',
         href: '/credits',

package/src/components/ComparisonTable/ComparisonTable.tsx

@@ -3,8 +3,8 @@ import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { Heading } from '../../ui-kit/Heading/Heading';
-import { style } from '../../utils/style';
 import { Text } from '../../ui-kit/Text/Text';
+import { style } from '../../utils/style';
 import { ComparisonTableBody } from './ComparisonTableBody';
 import type { ComparisonTableContent } from './ComparisonTableContent';
 import { firstCellStyle } from './constants';

package/src/components/ComparisonTable/HeaderCell.tsx

@@ -4,8 +4,8 @@ import type { Picture } from '../../model/Picture';
 import { Button } from '../../ui-kit/Button/Button';
 import { Heading } from '../../ui-kit/Heading/Heading';
 import { Img } from '../../ui-kit/Img/Img';
-import { borderStyle, gradientStyle } from './constants';
 import { style } from '../../utils/style';
+import { borderStyle, gradientStyle } from './constants';
 
 export interface HeaderCellProps {
   icon?: Picture;

package/src/components/ComparisonTable/TableCell.mobile.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style';
 import type { CellData } from './ComparisonTableContent';
 import { dividerStyle } from './constants';
-import { style } from '../../utils/style';
 
 export interface TableCellProps {
   cell: CellData[];

package/src/components/ComparisonTable/TableCell.tsx

@@ -1,7 +1,7 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { style } from '../../utils/style';
 import type { CellData } from './ComparisonTableContent';
 import { borderStyle, dividerStyle, gradientStyle } from './constants';
-import { style } from '../../utils/style';
 
 export interface TableCellProps {
   cell: CellData[];

package/src/components/ComparisonTable/TableColumn.tsx

@@ -2,11 +2,11 @@ import { JSX } from '@redneckz/uni-jsx';
 import type { ButtonVersion } from '../../model/ButtonVersion';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { Button } from '../../ui-kit/Button/Button';
+import { style } from '../../utils/style';
 import type { CellData, ColumnHeader } from './ComparisonTableContent';
 import { gradientStyle } from './constants';
 import { HeaderCell } from './HeaderCell';
 import { TableCell } from './TableCell';
-import { style } from '../../utils/style';
 
 export interface TableColumnData {
   rowHeader?: string;

package/src/components/ComparisonTable/TableRow.tsx

@@ -1,11 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { TitleProps } from '../../model/HeadlineType';
+import { style } from '../../utils/style';
 import type { CellData } from './ComparisonTableContent';
 import { COLUMN_WIDTH, dividerStyle, firstCellStyle } from './constants';
 import { TableCarouselContainer } from './TableCarouselContainer';
 import { TableCell } from './TableCell';
 import { TableRowContainer } from './TableRowContainer';
-import { style } from '../../utils/style';
 
 export interface Row {
   header: TitleProps;