fix: missing images on platform art direction line breaks (#3211)

Co-authored-by: Taylor Jones <tay1orjones@users.noreply.github.com>
carbon-design-system · Nov 14, 2022 · 14a4a00 · 14a4a00 · vercel · Nov 14, 2022
1 parent 35e4c2c
commit 14a4a00
Show file tree

Hide file tree

Showing 5 changed files with 30 additions and 0 deletions.
diff --git a/src/pages/components/accordion/usage.mdx b/src/pages/components/accordion/usage.mdx
@@ -139,7 +139,9 @@ such as a side panel or tile.
 <ArtDirection>
 
 ![accordion placement](images/accordion-placement-2m.png)
+
 ![accordion placement](images/accordion-placement-2.png)
+
 ![accordion placement](images/accordion-placement-2.png)
 
 </ArtDirection>

diff --git a/src/pages/data-visualization/chart-anatomy/index.mdx b/src/pages/data-visualization/chart-anatomy/index.mdx
@@ -39,7 +39,9 @@ navigation tools like a zoom bar and tooltip.
 <ArtDirection>
 
 ![Color in UI](images/chart-anatomy-1sm.png)
+
 ![Color in UI](images/chart-anatomy-1.png)
+
 ![Color in UI](images/chart-anatomy-1.png)
 
 </ArtDirection>
@@ -98,7 +100,9 @@ include radar and solar charts.
 <ArtDirection>
 
 ![Color in UI](images/chart-anatomy-2sm.png)
+
 ![Color in UI](images/chart-anatomy-2.png)
+
 ![Color in UI](images/chart-anatomy-2.png)
 
 </ArtDirection>

diff --git a/src/pages/data-visualization/legends/index.mdx b/src/pages/data-visualization/legends/index.mdx
@@ -121,7 +121,9 @@ clustered.
 <ArtDirection>
 
 ![Legends behavior highlight on hover](images/legends-pos-4sm.png)
+
 ![Legends behavior highlight on hover](images/legends-pos-4.png)
+
 ![Legends behavior highlight on hover](images/legends-pos-4.png)
 
 </ArtDirection>
@@ -140,7 +142,9 @@ revert to a stack.
 <ArtDirection>
 
 ![Legends behavior highlight on hover](images/legends-pos-3sm.png)
+
 ![Legends behavior highlight on hover](images/legends-pos-3.png)
+
 ![Legends behavior highlight on hover](images/legends-pos-3.png)
 
 </ArtDirection>
@@ -165,7 +169,9 @@ for more detail about geospatial legends.
 <ArtDirection>
 
 ![Legends behavior highlight on hover](images/legends-pos-5sm.png)
+
 ![Legends behavior highlight on hover](images/legends-pos-5.png)
+
 ![Legends behavior highlight on hover](images/legends-pos-5.png)
 
 </ArtDirection>
@@ -185,7 +191,9 @@ categories in the chart to 30 percent.
 <ArtDirection>
 
 ![Legends behavior highlight on hover](images/legends-behavior-1-sm.png)
+
 ![Legends behavior highlight on hover](images/legends-behavior-1.png)
+
 ![Legends behavior highlight on hover](images/legends-behavior-1.png)
 
 </ArtDirection>
@@ -204,7 +212,9 @@ state.
 <ArtDirection>
 
 ![legends behavior 2](images/legends-behavior-2-sm.png)
+
 ![legends behavior 2](images/legends-behavior-2.png)
+
 ![legends behavior 2](images/legends-behavior-2.png)
 
 </ArtDirection>
@@ -216,7 +226,9 @@ state.
 <ArtDirection>
 
 ![legends behavior 3](images/legends-behavior-3-sm.png)
+
 ![legends behavior 3](images/legends-behavior-3.png)
+
 ![legends behavior 3](images/legends-behavior-3.png)
 
 </ArtDirection>
@@ -231,7 +243,9 @@ resets to its default state.
 <ArtDirection>
 
 ![legends behavior 4](images/legends-behavior-4-sm.png)
+
 ![legends behavior 4](images/legends-behavior-4.png)
+
 ![legends behavior 4](images/legends-behavior-4.png)
 
 </ArtDirection>

diff --git a/src/pages/guidelines/color/overview.mdx b/src/pages/guidelines/color/overview.mdx
@@ -614,6 +614,7 @@ to achieve commonly used contrast ratios between any two colors.
 <ArtDirection>
 
 ![color grades - Mobile image](images/colorgrades_table_mobile.png)
+
 ![color grades graphic](images/colorgrades_table.png)
 
 </ArtDirection>

diff --git a/src/pages/guidelines/pictograms/usage.mdx b/src/pages/guidelines/pictograms/usage.mdx
@@ -94,6 +94,7 @@ strong presence.
 <ArtDirection>
 
 ![Productive pictogram usage example](images/pictograms_usage_example_mobile.png)
+
 ![Productive pictogram usage example](images/pictograms_usage_example.png)
 
 </ArtDirection>
@@ -102,6 +103,7 @@ strong presence.
 <ArtDirection>
 
 ![Expressive pictogram usage example](images/expressivePictograms_usage_example1_mobile.png)
+
 ![Expressive pictogram usage example](images/expressivePictograms_usage_example1.png)
 
 </ArtDirection>
@@ -155,12 +157,14 @@ sizes or scale at accepted increments.
 <ArtDirection>
 
 ![Differently sized productive pictograms](images/14_Sizing_2-mobile.svg)
+
 ![Differently sized productive pictograms](images/14_Sizing_2.svg)
 
 </ArtDirection>
 <ArtDirection>
 
 ![Differently sized expressive pictograms](images/14_Sizing_3-mobile.svg)
+
 ![Differently sized expressive pictograms](images/14_Sizing_3.svg)
 
 </ArtDirection>
@@ -174,6 +178,7 @@ exported and used side by side.
 <ArtDirection>
 
 ![Alignment Example](images/15_Alignment_1-mobile.svg)
+
 ![Alignment Example](images/15_Alignment_1.svg)
 
 </ArtDirection>
@@ -186,13 +191,15 @@ based on the padding size.
 <ArtDirection>
 
 ![Padding Example](images/16_Containers_1-mobile.svg)
+
 ![Padding Example](images/16_Containers_1.svg)
 
 </ArtDirection>
 
 <ArtDirection>
 
 ![Padding Example](images/16_Containers_2-mobile.svg)
+
 ![Padding Example](images/16_Containers_2.svg)
 
 </ArtDirection>
@@ -299,6 +306,7 @@ exceed values 10–20.
 <ArtDirection>
 
 ![pictogram with color contrast example](/images/10_Backgrounds-mobile_1.svg)
+
 ![pictogram with color contrast example](/images/10_Backgrounds_1.svg)
 
 </ArtDirection>
@@ -351,6 +359,7 @@ corresponds with the pictogram’s background color.
 <ArtDirection>
 
 ![Expressive pictogram in 4 color themes](images/expressivePictograms_usage-color_mobile.svg)
+
 ![Expressive pictogram icon in 4 color themes](images/expressivePictograms_usage-color.svg)
 
 </ArtDirection>