@redneckz/wildless-cms-uni-blocks 0.3.31 → 0.3.34

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

@@ -146,7 +146,7 @@ const columns2: Column[] = [
   {
     header: {
       title: '«Пополняемый»',
-      icon: 'GlassIcon',
+      icon: { icon: 'GlassIcon' },
       link: {
         text: 'Подробнее',
         href: '/credits',
@@ -162,7 +162,7 @@ const columns2: Column[] = [
   {
     header: {
       title: '«Комфортный»',
-      icon: 'ComfortableCompIcon',
+      icon: { icon: 'ComfortableCompIcon' },
       link: {
         text: 'Подробнее',
         href: '/credits',
@@ -178,7 +178,7 @@ const columns2: Column[] = [
   {
     header: {
       title: '«Доходный пенсионный»',
-      icon: 'ClockIcon',
+      icon: { icon: 'ClockIcon' },
       link: {
         text: 'Подробнее',
         href: '/credits',

package/src/components/ComparisonTable/ComparisonTableContent.ts

@@ -1,6 +1,5 @@
 import type { LinkProps } from '../../model/LinkProps';
 import type { Picture } from '../../model/Picture';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
 import type { ListOrientation } from '../../model/ListOrientation';
 
 /**
@@ -29,7 +28,7 @@ export interface ColumnHeader {
   title?: string;
   /** @title Подзаголовок */
   subtitle?: string;
-  icon?: IconName;
+  icon?: Picture;
   image?: Picture;
   link?: LinkProps;
 }
@@ -65,7 +64,7 @@ export interface TableColumnData {
 export interface TableColumnHeader {
   /** @title Заголовок */
   title?: string;
-  icon?: IconName;
+  icon?: Picture;
 }
 
 /**

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

@@ -1,13 +1,11 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { LinkProps } from '../../model/LinkProps';
 import type { Picture } from '../../model/Picture';
-import { Heading } from '../../ui-kit/Heading/Heading';
-import { Icon } from '../../ui-kit/Icon/Icon';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
 import { Img } from '../../ui-kit/Img/Img';
+import { Heading } from '../../ui-kit/Heading/Heading';
 
 export interface HeaderCellProps {
-  icon?: IconName;
+  icon?: Picture;
   image?: Picture;
   title?: string;
   subtitle?: string;
@@ -18,14 +16,14 @@ export interface HeaderCellProps {
 export const HeaderCell = JSX<HeaderCellProps>(
   ({ icon, image, title, subtitle, isFillGradient }) => (
     <div role="columnheader" scope="col">
-      {icon && (
-        <Icon
+      {icon ? (
+        <Img
           className="h-[63px] w-[63px] min-w-[63px] min-h-[63px] mb-4"
-          name={icon}
+          image={icon}
           width="63"
           height="63"
         />
-      )}
+      ) : null}
       {image?.src && (
         <div className="mb-3.5">
           <Img image={image} />

package/src/components/ComparisonTable/HeaderCell.tsx

@@ -3,13 +3,11 @@ import type { LinkProps } from '../../model/LinkProps';
 import type { Picture } from '../../model/Picture';
 import { Button } from '../../ui-kit/Button/Button';
 import { Heading } from '../../ui-kit/Heading/Heading';
-import { Icon } from '../../ui-kit/Icon/Icon';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
 import { Img } from '../../ui-kit/Img/Img';
 import { BORDER_CLASSES, GRADIENT } from './constants';
 
 export interface HeaderCellProps {
-  icon?: IconName;
+  icon?: Picture;
   image?: Picture;
   title?: string;
   link?: LinkProps;
@@ -23,9 +21,9 @@ export const HeaderCell = JSX<HeaderCellProps>(({ icon, image, title, link }) =>
     scope="col"
   >
     {icon && !image?.src && (
-      <Icon
+      <Img
         className="h-[63px] w-[63px] min-w-[63px] min-h-[63px] mb-4"
-        name={icon}
+        image={icon}
         width="63"
         height="63"
       />