From d60eed1dedc88366bf8a5f594181ef24ff80069b Mon Sep 17 00:00:00 2001
From: Brian Alfaro <brianalfaro@thoughttolife.com>
Date: Fri, 20 Sep 2024 11:35:57 -0400
Subject: [PATCH] formatting changes

---
 .../Markdown/Examples/ThemeTokens.jsx         | 24 ++++++++++++++-----
 packages/kit/src/theme/wpds.tokens.json       |  2 +-
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/build.washingtonpost.com/components/Markdown/Examples/ThemeTokens.jsx b/build.washingtonpost.com/components/Markdown/Examples/ThemeTokens.jsx
index 7789a3e90..ab9205254 100644
--- a/build.washingtonpost.com/components/Markdown/Examples/ThemeTokens.jsx
+++ b/build.washingtonpost.com/components/Markdown/Examples/ThemeTokens.jsx
@@ -49,7 +49,9 @@ export default function ThemeAndSemantic() {
         </Container>
       </Box>
       <Box css={{ display: "flex", flexDirection: "column", height: "100%" }}>
-        <Label css={{ color: theme.colors.onBackground }}>Secondary (-hover)</Label>
+        <Label css={{ color: theme.colors.onBackground }}>
+          Secondary (-hover)
+        </Label>
         <Container
           css={{
             border: `1px solid ${theme.colors.outline}`,
@@ -114,7 +116,9 @@ export default function ThemeAndSemantic() {
         </Container>
       </Box>
       <Box css={{ display: "flex", flexDirection: "column", height: "100%" }}>
-        <Label css={{ color: theme.colors.onBackground }}>Opinions (-hover)</Label>
+        <Label css={{ color: theme.colors.onBackground }}>
+          Opinions (-hover)
+        </Label>
         <Container
           css={{
             border: `1px solid ${theme.colors.outline}`,
@@ -126,19 +130,27 @@ export default function ThemeAndSemantic() {
           }}
         >
           <Label css={{ color: theme.colors.onOpinions }}>onOpinons</Label>
-          <Label css={{ color: theme.colors["onOpinions-hover"] }}>onOpinons-hover</Label>
+          <Label css={{ color: theme.colors["onOpinions-hover"] }}>
+            onOpinons-hover
+          </Label>
         </Container>
       </Box>
       <Box css={{ display: "flex", flexDirection: "column", height: "100%" }}>
-        <Label css={{ color: theme.colors.onBackground }}>opinionsContainer</Label>
+        <Label css={{ color: theme.colors.onBackground }}>
+          opinionsContainer
+        </Label>
         <Container
           css={{
             border: `1px solid ${theme.colors.opinions}`,
             background: theme.colors.opinionsContainer,
           }}
         >
-          <Label css={{ color: theme.colors.onOpinionsContainer }}>onOpinionsContainer</Label>
-          <Label css={{ color: theme.colors["onOpinionsContainer-hover"] }}>onOpinons-hover</Label>
+          <Label css={{ color: theme.colors.onOpinionsContainer }}>
+            onOpinionsContainer
+          </Label>
+          <Label css={{ color: theme.colors["onOpinionsContainer-hover"] }}>
+            onOpinons-hover
+          </Label>
         </Container>
       </Box>
       <Box css={{ display: "flex", flexDirection: "column", height: "100%" }}>
diff --git a/packages/kit/src/theme/wpds.tokens.json b/packages/kit/src/theme/wpds.tokens.json
index 2abda7cde..30b655a92 100644
--- a/packages/kit/src/theme/wpds.tokens.json
+++ b/packages/kit/src/theme/wpds.tokens.json
@@ -2408,4 +2408,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}