docs(activity-indicator): update icon + number example

Author: dancormier

packages/stacks-docs/product/components/activity-indicator.html

@@ -83,8 +83,10 @@
 <div class="ps-relative">
     @Svg.Notification
 
-    <div class="s-activity-indicator ps-absolute tn8 rn16 ba baw2 bc-white box-content">
-        3 <div class="v-visible-sr">…</div>
+    <div class="ps-absolute ba baw2 bc-white bar-pill lh-xs tn8 rn8">
+        <div class="s-activity-indicator">
+            3 <div class="v-visible-sr">…</div>
+        </div>
     </div>
 </div>
 {% endhighlight %}
@@ -119,8 +121,10 @@
                 <div class="fc-medium ps-relative">
                     {% icon "Notification" %}
 
-                    <div class="s-activity-indicator ps-absolute tn8 rn16 ba baw2 bc-white box-content">
-                        3 <div class="v-visible-sr">New activities</div>
+                    <div class="ps-absolute ba baw2 bc-white bar-pill lh-xs tn8 rn8">
+                        <div class="s-activity-indicator">
+                            3 <div class="v-visible-sr">…</div>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -175,8 +179,10 @@
                         <div class="fc-medium ps-relative">
                             {% icon "Notification" %}
 
-                            <div class="s-activity-indicator s-activity-indicator__{{variant}} ps-absolute tn8 rn16 ba baw2 bc-white box-content">
-                                3 <div class="v-visible-sr">New activities</div>
+                            <div class="ps-absolute ba baw2 bc-white bar-pill lh-xs tn8 rn8">
+                                <div class="s-activity-indicator s-activity-indicator__{{variant}}">
+                                    3 <div class="v-visible-sr">New activities</div>
+                                </div>
                             </div>
                         </div>
                     </div>