Merge pull request #1474 from NicolasKheirallah/react-application-alert-banner

Added multiple features and updates to the code, also added sharepoin…

Author: hugoabernier

samples/react-application-alert-banner/Alertype.json

@@ -1,30 +1,36 @@
 [
-    {
-       "name":"Info",
-       "iconName":"Info12",
-       "backgroundColor":"#389899",
-       "textColor":"#ffffff",
-       "additionalStyles":""
-    },
-    {
-       "name":"Warning",
-       "iconName":"ShieldAlert",
-       "backgroundColor":"#f1c40f",
-       "textColor":"#ffffff",
-       "additionalStyles":""
-    },
-    {
-       "name":"Maintenance",
-       "iconName":"CRMServices",
-       "backgroundColor":"#afd6d6",
-       "textColor":"#ffffff",
-       "additionalStyles":""
-    },
-    {
-       "name":"Interruption",
-       "iconName":"IncidentTriangle",
-       "backgroundColor":"#c54644",
-       "textColor":"#ffffff",
-       "additionalStyles":""
-    }
- ]
+   {
+      "name":"Info",
+      "iconName":"Info12",
+      "backgroundColor":"#389899",
+      "textColor":"#ffffff",
+      "additionalStyles":"",
+      "priorityStyles": {
+         "critical": "border: 2px solid #E81123;",
+         "high": "border: 1px solid #EA4300;",
+         "medium": "",
+         "low": ""
+      }
+   },
+   {
+      "name":"Warning",
+      "iconName":"ShieldAlert",
+      "backgroundColor":"#f1c40f",
+      "textColor":"#ffffff",
+      "additionalStyles":""
+   },
+   {
+      "name":"Maintenance",
+      "iconName":"CRMServices",
+      "backgroundColor":"#afd6d6",
+      "textColor":"#ffffff",
+      "additionalStyles":""
+   },
+   {
+      "name":"Interruption",
+      "iconName":"IncidentTriangle",
+      "backgroundColor":"#c54644",
+      "textColor":"#ffffff",
+      "additionalStyles":""
+   }
+]