From 28c98bd208c941893c2594f05ce7de0468891376 Mon Sep 17 00:00:00 2001
From: Tessa Kelly <tessakkelly@gmail.com>
Date: Tue, 13 Feb 2024 16:36:53 -0700
Subject: [PATCH] return plain html from communicateState  rather than a list

---
 component-catalog/src/Examples/Accordion.elm        | 2 +-
 component-catalog/src/Examples/Checkbox.elm         | 8 ++++----
 component-catalog/src/Examples/Menu.elm             | 2 +-
 component-catalog/src/Examples/Pagination.elm       | 2 +-
 component-catalog/src/Examples/SegmentedControl.elm | 5 +++--
 component-catalog/src/Examples/Tabs.elm             | 2 +-
 component-catalog/src/Examples/TabsMinimal.elm      | 2 +-
 component-catalog/src/Guidance.elm                  | 5 ++---
 8 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/component-catalog/src/Examples/Accordion.elm b/component-catalog/src/Examples/Accordion.elm
index b4760c57..2f73b584 100644
--- a/component-catalog/src/Examples/Accordion.elm
+++ b/component-catalog/src/Examples/Accordion.elm
@@ -86,7 +86,7 @@ example =
                         ]
                     ]
                 ]
-            , li [] (Guidance.communicateState moduleName)
+            , li [] [ Guidance.communicateState moduleName ]
             ]
         ]
     , view = view
diff --git a/component-catalog/src/Examples/Checkbox.elm b/component-catalog/src/Examples/Checkbox.elm
index 59fc30df..ea28cd2e 100644
--- a/component-catalog/src/Examples/Checkbox.elm
+++ b/component-catalog/src/Examples/Checkbox.elm
@@ -54,10 +54,10 @@ example =
     , subscriptions = \_ -> Sub.none
     , preview = preview
     , about =
-        Guidance.communicateState moduleName
-            ++ [ Guidance.helpfullyDisabled moduleName
-               , Guidance.message moduleName
-               ]
+        [ Guidance.communicateState moduleName
+        , Guidance.helpfullyDisabled moduleName
+        , Guidance.message moduleName
+        ]
     , view =
         \ellieLinkConfig state ->
             let
diff --git a/component-catalog/src/Examples/Menu.elm b/component-catalog/src/Examples/Menu.elm
index cd0a3b1e..5a67be10 100644
--- a/component-catalog/src/Examples/Menu.elm
+++ b/component-catalog/src/Examples/Menu.elm
@@ -82,7 +82,7 @@ example =
         , { keys = [ Esc ], result = "Closes the menu" }
         ]
     , preview = [ preview ]
-    , about = Guidance.communicateState moduleName
+    , about = [ Guidance.communicateState moduleName ]
     , view = view
     }
 
diff --git a/component-catalog/src/Examples/Pagination.elm b/component-catalog/src/Examples/Pagination.elm
index 4ab57624..e1308907 100644
--- a/component-catalog/src/Examples/Pagination.elm
+++ b/component-catalog/src/Examples/Pagination.elm
@@ -58,7 +58,7 @@ example =
             , previewFakeLink "Next" []
             ]
         ]
-    , about = Guidance.communicateState moduleName
+    , about = [ Guidance.communicateState moduleName ]
     , view =
         \ellieLinkConfig model ->
             let
diff --git a/component-catalog/src/Examples/SegmentedControl.elm b/component-catalog/src/Examples/SegmentedControl.elm
index c5a6dc9d..9dc241dd 100644
--- a/component-catalog/src/Examples/SegmentedControl.elm
+++ b/component-catalog/src/Examples/SegmentedControl.elm
@@ -58,7 +58,7 @@ example =
     , subscriptions = \_ -> Sub.none
     , preview = [ viewPreview ]
     , about =
-        Text.smallBody
+        [ Text.smallBody
             [ Text.html
                 [ Html.text "Check out "
                 , ClickableText.link "Tessa's demo"
@@ -68,7 +68,8 @@ example =
                 , Html.text " to get a better sense of whether to use the tabs or radio buttons pattern under the hood."
                 ]
             ]
-            :: Guidance.communicateState moduleName
+        , Guidance.communicateState moduleName
+        ]
     , view =
         \ellieLinkConfig state ->
             let
diff --git a/component-catalog/src/Examples/Tabs.elm b/component-catalog/src/Examples/Tabs.elm
index b5ef79e0..628862db 100644
--- a/component-catalog/src/Examples/Tabs.elm
+++ b/component-catalog/src/Examples/Tabs.elm
@@ -104,7 +104,7 @@ example =
                 [ Text.caption [ Text.plaintext "Tab 1 content" ] ]
             ]
         ]
-    , about = Guidance.communicateState moduleName
+    , about = [ Guidance.communicateState moduleName ]
     , view =
         \ellieLinkConfig model ->
             let
diff --git a/component-catalog/src/Examples/TabsMinimal.elm b/component-catalog/src/Examples/TabsMinimal.elm
index 21234648..6aa14c4b 100644
--- a/component-catalog/src/Examples/TabsMinimal.elm
+++ b/component-catalog/src/Examples/TabsMinimal.elm
@@ -85,7 +85,7 @@ example =
                 [ Text.caption [ Text.plaintext "Tab 1 content" ] ]
             ]
         ]
-    , about = Guidance.communicateState moduleName
+    , about = [ Guidance.communicateState moduleName ]
     , view =
         \ellieLinkConfig model ->
             let
diff --git a/component-catalog/src/Guidance.elm b/component-catalog/src/Guidance.elm
index 29a3fe6f..93b90591 100644
--- a/component-catalog/src/Guidance.elm
+++ b/component-catalog/src/Guidance.elm
@@ -8,9 +8,9 @@ import Nri.Ui.Text.V6 as Text
 import Routes
 
 
-communicateState : String -> List (Html msg)
+communicateState : String -> Html msg
 communicateState moduleName =
-    [ Text.smallBody
+    Text.smallBody
         [ Text.html
             [ text "As long as this component’s semantics follow accessibility guidelines and best practices, this component’s state and other meaningful attributes should be communicated automatically to screen readers & similar assistive technology without the need to send special announcements to the "
             , ClickableText.link "ATAC"
@@ -25,7 +25,6 @@ communicateState moduleName =
             , text ". "
             ]
         ]
-    ]
 
 
 helpfullyDisabled : String -> Html msg