feat(condo): DOMA-11654 update banner component (#6194)

* feat(condo): DOMA-11654 update banner component in UI-Kit

* feat(condo): DOMA-11654 fix image position and title rows

Author: tolmachev21

packages/ui/src/components/Banner/banner.tsx

@@ -63,7 +63,7 @@ const getTitleRows = (width: number, bannerSize: BannerProps['size']) => {
         return width < SM_BARRIER ? 2 : 1
     }
 
-    return 3
+    return 2
 }
 
 const getShowImage = (width: number, bannerSize: BannerProps['size'], imgUrl: BannerProps['imgUrl']) => {
@@ -131,7 +131,7 @@ export const Banner: React.FC<BannerProps> = ({
                     </Typography.Title>
                     <Typography.Paragraph
                         type={invertText ? 'inverted' : 'secondary'}
-                        ellipsis={{ rows: size === 'small' ? 2 : 3 }}
+                        ellipsis={{ rows: 2 }}
                         size={textSize}
                     >
                         {subtitle}

packages/ui/src/components/Banner/style.less

@@ -23,7 +23,7 @@
     flex-direction: column;
     align-items: flex-start;
     justify-content: space-between;
-    padding: @condo-global-spacing-60 @condo-global-spacing-32 @condo-global-spacing-60 @condo-global-spacing-60;
+    padding: @condo-global-spacing-48 @condo-global-spacing-32 @condo-global-spacing-48 @condo-global-spacing-72;
   }
 
   &-md > &-content-container,
@@ -87,7 +87,7 @@
   }
 
   &:not(.condo-promo-block-no-image) .condo-promo-block-text-container {
-    max-width: 420px;
+    max-width: 480px;
   }
 
   &-action-link {
@@ -108,7 +108,7 @@
       width: 100%;
       height: 100%;
       object-fit: cover;
-      object-position: right center;
+      object-position: center;
       user-select: none;
       -webkit-user-drag: none;
     }

packages/ui/src/tokens/tokens.json

@@ -33,13 +33,21 @@
         "value": "40",
         "type": "spacing"
       },
+      "48": {
+        "value": "48",
+        "type": "spacing"
+      },
       "52": {
         "value": "52",
         "type": "spacing"
       },
       "60": {
         "value": "60",
         "type": "spacing"
+      },
+      "72": {
+        "value": "72",
+        "type": "spacing"
       }
     },
     "borderWidth": {