Lmn 849 fix subtitle text style of bpk rating (#1821)

* fix text style

* update screenshot in readme

* Updated snapshots for 'rtl'

* Updated snapshots for 'dm'

* Updated snapshots for 'default'

* update doc image using gradle command

---------

Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>

backpack-compose/src/main/kotlin/net/skyscanner/backpack/compose/rating/internal/BpkRatingComponents.kt

@@ -110,12 +110,16 @@ internal fun BpkRatingTitle(
 @Composable
 internal fun BpkRatingSubtitle(
     subtitle: String,
+    size: BpkRatingSize,
     modifier: Modifier = Modifier,
 ) {
     BpkText(
         modifier = modifier,
         text = subtitle,
-        style = BpkTheme.typography.bodyDefault,
+        style = when (size) {
+            BpkRatingSize.Base -> BpkTheme.typography.caption
+            BpkRatingSize.Large -> BpkTheme.typography.bodyDefault
+        },
         color = BpkTheme.colors.textSecondary,
         maxLines = 1,
         overflow = TextOverflow.Ellipsis,

backpack-compose/src/main/kotlin/net/skyscanner/backpack/compose/rating/internal/BpkRatingLayout.kt

@@ -60,7 +60,7 @@ internal fun BpkRatingLayout(
                     BpkRatingTitle(Modifier.alignByBaseline(), title)
                 }
                 if (subtitle != null) {
-                    BpkRatingSubtitle(subtitle, Modifier.alignByBaseline())
+                    BpkRatingSubtitle(subtitle, size, Modifier.alignByBaseline())
                 }
             }
 
@@ -72,7 +72,7 @@ internal fun BpkRatingLayout(
                         BpkRatingTitle(content = title)
                     }
                     if (subtitle != null) {
-                        BpkRatingSubtitle(subtitle)
+                        BpkRatingSubtitle(subtitle, size)
                     }
                 }
         }