@redneckz/wildless-cms-uni-blocks 0.3.46 → 0.3.47

package/src/components/ProductBlock/renderBackwardButton.tsx

@@ -15,6 +15,7 @@ export function renderBackwardButton(
         rounded
         className="w-12 h-12 min-h-12 min-w-12 flex items-center justify-center mr-3"
         ariaLabel={button?.text}
+        href={button?.href}
       >
         <Img className="w-4 h-4" image={button?.icon || { icon: 'ArrowLeftIcon' }} asSVG />
       </Button>

package/src/components/ProductBlock/renderBenefit.tsx

@@ -20,7 +20,7 @@ export function renderBenefit(benefit: Benefit, i: number, version: string) {
     <div key={String(i)} className="flex gap-4 items-center">
       {benefit.icon ? (
         <Img
-          className={`w-[50px] h-[50px] min-w-[50px] min-h-[50px] rounded-full p-[10px] box-border text-white ${benefitIconBgStyleMap[version]}`}
+          className={`w-[50px] h-[50px] min-w-[50px] min-h-[50px] rounded-full p-[10px] box-border text-primary-text ${benefitIconBgStyleMap[version]}`}
           image={benefit.icon}
           width="24"
           height="24"

package/src/components/Tile/Tile.fixture.tsx

@@ -29,7 +29,7 @@ const image4: Picture = {
 
 export const TILE: TileContent = {
   title: 'Кредиты',
-  items: ['до 3 млн ₽', 'до 5 лет'],
+  items: ['До 3 млн ₽', 'до 5 лет'],
   buttons: [
     {
       text: 'Подробнее',

package/src/components/Tile/Tile.tsx

@@ -66,7 +66,7 @@ export const Tile = JSX<TileProps>((props) => {
       >
         {description && (
           <Description
-            className="mt-4 max-w-[600px] text-title-new-sm font-light"
+            className="max-w-[600px] text-title-new-sm font-light"
             description={description}
           />
         )}
@@ -81,7 +81,7 @@ function renderList(items, version) {
   return items?.length ? (
     <List
       items={items}
-      itemClassName="text-title-new-sm font-light mt-2.5 first:mt-0"
+      itemClassName="text-title-2xs font-light mt-2"
       version={version === 'primary' ? 'tile' : 'tile-white'}
     />
   ) : null;

package/src/ui-kit/List/List.fixture.tsx

@@ -34,4 +34,24 @@ export default {
       <List items={items} version="gray" isDotted={false} />
     </div>
   ),
+  'tile dotted': (
+    <div className="bg-white p-12">
+      <List items={items} version="tile" />
+    </div>
+  ),
+  'tile w/o dots': (
+    <div className="bg-white p-12">
+      <List items={items} version="tile" isDotted={false} />
+    </div>
+  ),
+  'tile white dotted': (
+    <div className="bg-primary-main p-12">
+      <List items={items} version="tile-white" />
+    </div>
+  ),
+  'tile white w/o dots': (
+    <div className="bg-primary-main p-12">
+      <List items={items} version="tile-white" isDotted={false} />
+    </div>
+  ),
 };

package/src/ui-kit/List/ListItem.tsx

@@ -15,8 +15,8 @@ const LIST_STYLE_CLASSES = {
   primary: 'rounded-full inline-block mr-3 mt-2',
   secondary: 'rounded-full inline-block mr-3 mt-2',
   gray: 'rounded-full inline-block mr-3 mt-2',
-  tile: 'rounded-full inline-block mr-4',
-  'tile-white': 'rounded-full inline-block mr-4',
+  tile: 'rounded-full inline-block mr-4 mt-3',
+  'tile-white': 'rounded-full inline-block mr-4 mt-3',
 };
 
 const LIST_DOT_STYLE_MAP: Record<ListItemVersion, string> = {