feat(OrderSummary): add additional info prop on sub categories (#5683)

Author: matthprost

.changeset/nasty-sides-smoke.md

@@ -0,0 +1,5 @@
+---
+"@ultraviolet/plus": minor
+---
+
+Add parameter `additionalInfo` on `subCategories` in `<OrderSummary />`

packages/plus/src/components/OrderSummary/ScrollableContent.tsx

@@ -135,7 +135,21 @@ const SubCategory = ({ subCategory }: { subCategory: SubCategoryType }) => {
   return (
     <Stack direction="column" gap={1}>
       <Stack alignItems="center" direction="row" justifyContent="space-between">
-        {subCategory.title ? (
+        {subCategory.additionalInfo ? (
+          <Stack alignItems="center" direction="row" gap={1}>
+            <Text
+              as="span"
+              prominence="strong"
+              sentiment="neutral"
+              variant="bodyStrong"
+            >
+              {subCategory.title}
+            </Text>
+            <Text as="span" italic sentiment="primary" variant="bodySmall">
+              {subCategory.additionalInfo}
+            </Text>
+          </Stack>
+        ) : (
           <Text
             as="span"
             prominence="strong"
@@ -144,7 +158,7 @@ const SubCategory = ({ subCategory }: { subCategory: SubCategoryType }) => {
           >
             {subCategory.title}
           </Text>
-        ) : null}
+        )}
         {subCategory.customContent ? (
           <Text
             as="span"

packages/plus/src/components/OrderSummary/__stories__/productsExample.tsx

@@ -14,7 +14,12 @@ export const categoryDefault = {
   additionalInfo: <AdditionalInfo />,
   category: 'Category',
   subCategories: [
-    { details: ['Detail 1', 'Detail 2'], price: 12.2, title: 'SubCategory' },
+    {
+      additionalInfo: <AdditionalInfo />,
+      details: ['Detail 1', 'Detail 2'],
+      price: 12.2,
+      title: 'SubCategory',
+    },
   ],
   total: 0,
 }