From 5ef1fe3a6e952e23779b4cab7e21aee383653e58 Mon Sep 17 00:00:00 2001
From: Aaron VonderHaar <av@noredink.com>
Date: Tue, 28 Apr 2020 13:14:28 -0700
Subject: [PATCH] Use new icons in Message.V1.tiny

---
 src/Nri/Ui/Message/V1.elm | 35 +++++++++++++++++------------------
 1 file changed, 17 insertions(+), 18 deletions(-)

diff --git a/src/Nri/Ui/Message/V1.elm b/src/Nri/Ui/Message/V1.elm
index 1b04bbdb..9a468222 100644
--- a/src/Nri/Ui/Message/V1.elm
+++ b/src/Nri/Ui/Message/V1.elm
@@ -114,25 +114,30 @@ tiny theme content =
                     }
 
                 Tip ->
-                    { icon = tinyIconContainer [ color Colors.yellow ] (NriSvg.toHtml SpriteSheet.bulb)
+                    { icon =
+                        tinyIconContainer []
+                            (UiIcon.bulb
+                                |> NriSvg.withColor Colors.yellow
+                                |> NriSvg.withLabel "Tip"
+                                |> NriSvg.toHtml
+                            )
                     , content = tinyAlertString Colors.navy content
                     }
 
                 Success ->
                     { icon =
                         tinyIconContainer
-                            [ color Colors.white
-                            , backgroundColor Colors.green
-                            ]
-                            (div
-                                [ css [ width (px 12), marginTop (px 1) ] ]
-                                [ NriSvg.toHtml SpriteSheet.checkmark ]
+                            []
+                            (UiIcon.checkmarkInCircle
+                                |> NriSvg.withColor Colors.green
+                                |> NriSvg.withLabel "Success"
+                                |> NriSvg.toHtml
                             )
                     , content = tinyAlertString Colors.greenDarkest content
                     }
 
                 Custom customTheme ->
-                    { icon = tinyIconContainer [ color customTheme.color ] (NriSvg.toHtml customTheme.icon)
+                    { icon = tinyIconContainer [] (NriSvg.toHtml customTheme.icon)
                     , content = tinyAlertString customTheme.color content
                     }
     in
@@ -440,16 +445,10 @@ somethingWentWrong errorMessageForEngineers =
 
 exclamation : Color -> Html msg
 exclamation iconColor =
-    tinyIconContainer
-        [ color Colors.white
-        , backgroundColor iconColor
-        ]
-        (styled div
-            [ height (px 13)
-            , marginTop (px 1)
-            ]
-            []
-            [ NriSvg.toHtml SpriteSheet.exclamationMark ]
+    tinyIconContainer []
+        (UiIcon.exclamation
+            |> NriSvg.withColor iconColor
+            |> NriSvg.toHtml
         )