ISTWCMS-5801: adding things for captions in FF

src/patterns/04-components/facts-and-figures/_facts-and-figures.scss

@@ -633,6 +633,13 @@ are the same height. */
         font-size: var(--font-size-00);
         line-height: var(--font-lineheight-2);
       }
+
+      em, i {
+        font-style: normal;
+      }
+      strong, b {
+        font-weight: bold;
+      }
     }
   }
 

src/patterns/04-components/facts-and-figures/facts-and-figures.twig

@@ -16,6 +16,12 @@
                   <div class="uw-ff--text uw-ff--text__{{ detail.type }}">
                     <img src="{{ detail.icon }}" />
                   </div>
+                {% elseif detail.type == 'caption' %}
+                  {% if detail.caption %}
+                    <span class="uw-ff--text uw-ff--text__caption">
+                      {{ detail.caption }}
+                    </span>
+                  {% endif %}
                 {% else %}
                   <span class="uw-ff--text uw-ff--text__{{ detail.type }}">{{ detail.text }}</span>
                 {% endif %}
@@ -38,6 +44,12 @@
             <div class="uw-ff--text uw-ff--text__{{ detail.type }}">
               <img src="{{ detail.icon }}" />
             </div>
+          {% elseif detail.type == 'caption' %}
+            {% if detail.caption %}
+              <span class="uw-ff--text uw-ff--text__caption">
+                {{ detail.caption }}
+              </span>
+            {% endif %}
           {% else %}
             <span class="uw-ff--text uw-ff--text__{{ detail.type }}">{{ detail.text }}</span>
           {% endif %}

src/patterns/04-components/facts-and-figures/facts-and-figures.yml

@@ -19,6 +19,9 @@ ffs:
       -
         text: 'Small #1'
         type: 'small'
+      -
+        caption: '<p>This <strong>would be</strong> caption</p>'
+        type: 'caption'
     -
       - type: 'infographics'
         infographics:
@@ -71,3 +74,6 @@ ffs:
       -
         text: 'Small #1'
         type: 'small'
+      -
+        caption: '<p>This would be caption</p>'
+        type: 'caption'