fix(offerlist): forwards prominence to Badge (#5773)

* fix(offerlist): forwards prominence to Badge

* fix: add prominence on badge

---------

Co-authored-by: lisa <llupi@scaleway.com>

Author: vincentaudebert

.changeset/yummy-games-eat.md

@@ -0,0 +1,5 @@
+---
+"@ultraviolet/plus": patch
+---
+
+`OfferList`: add prop "prominence" for badge

packages/plus/src/components/OfferList/__stories__/Badge.stories.tsx

@@ -3,14 +3,28 @@ import type { ComponentProps } from 'react'
 import { OfferList } from '../OfferList'
 import { columns, data } from './resources'
 
+const getTextBadge = (index: number) => {
+  if (index === 1) {
+    return 'I am a primary badge'
+  }
+  if (index === 2) {
+    return 'I am a disabled badge'
+  }
+  if (index === 3) {
+    return 'I am a strong badge '
+  }
+
+  return 'I am a badge'
+}
 export const Badge: StoryFn<ComponentProps<typeof OfferList>> = props => (
   <OfferList {...props} expandable>
     {data.map((planet, index) =>
-      index < 3 ? (
+      index < 4 ? (
         <OfferList.Row
           badge={{
+            prominence: index === 3 ? 'strong' : 'default',
             sentiment: index === 1 ? 'primary' : 'neutral',
-            text: 'I am a badge',
+            text: getTextBadge(index),
           }}
           disabled={index === 2}
           expandable="Some text"

packages/plus/src/components/OfferList/components/Row.tsx

@@ -38,6 +38,7 @@ type RowProps = ComponentProps<typeof List.Row> & {
   badge?: {
     text: string
     sentiment?: ComponentProps<typeof BadgeUV>['sentiment']
+    prominence?: ComponentProps<typeof BadgeUV>['prominence']
   }
   style?: CSSProperties
 }
@@ -158,6 +159,7 @@ export const Row = ({
               <BadgeUV
                 className={offerListBadge}
                 disabled={disabled}
+                prominence={badge.prominence}
                 sentiment={badge.sentiment}
                 size="small"
               >