diff --git a/components/Alert/Alert.jsx b/components/Alert/Alert.jsx
index 21e179d91..b90e935d9 100644
--- a/components/Alert/Alert.jsx
+++ b/components/Alert/Alert.jsx
@@ -2,12 +2,13 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import styled from 'styled-components';
 import Button from '../Button';
-import Colors from '../Colors';
 import Icon from '../Icon';
-
-const BORDER_SIZE = '1.5px';
-const DEFAULT_SPACING = '16px';
-const WRAPPER_SPACING = '11px';
+import {
+  components,
+  spacing,
+  colors,
+  baseFontSize as defaultBaseFontSize,
+} from '../shared/theme';
 
 const Content = styled.div`
   align-items: start;
@@ -20,11 +21,10 @@ const CloseButton = styled(Button.Icon).attrs({
   icon: 'close',
 })`
   height: auto;
-  width: auto;
-  margin: 0 0 0 ${DEFAULT_SPACING};
-  padding: 0;
   opacity: 0.8;
+  padding: 0;
   transition: opacity 0.4s ease;
+  width: auto;
 
   :hover {
     background: none;
@@ -34,22 +34,34 @@ const CloseButton = styled(Button.Icon).attrs({
 
 CloseButton.displayName = 'CloseButton';
 
-const getStylesBySkin = skin => {
-  const colorName = skin.toUpperCase();
-  const colorSchema = Colors[colorName];
+const getThemeStyles = (skin, theme) => {
+  const {
+    baseFontSize,
+    spacing: { small, medium },
+    components: {
+      alert: {
+        skins: {
+          [skin]: { background, icon, text },
+        },
+      },
+    },
+  } = theme;
 
   return `
-    color: ${colorSchema[900] ? colorSchema[900] : 'inherit'};
-    background-color: ${colorSchema[200]};
-    border: ${BORDER_SIZE} solid ${colorSchema[500]};
+    font-size: ${baseFontSize}px;
+    background-color: ${background};
+    border: 1.5px solid ${icon};
+    color: ${text};
+    padding: ${small}px ${medium}px;
 
     ${Content} ${AlertIcon} {
-      color: ${colorSchema[500]};
-      margin-right: ${DEFAULT_SPACING};
+      color: ${icon};
+      margin-right: ${spacing.medium}px;
     }
 
     ${Content} ${CloseButton} {
-      color: ${colorSchema[500]};
+      color: ${icon};
+      margin: 0 0 0 ${spacing.medium}px;
     }
   `;
 };
@@ -57,13 +69,12 @@ const getStylesBySkin = skin => {
 const Wrapper = styled.div`
   border-radius: 8px;
   box-sizing: border-box;
-  padding: ${WRAPPER_SPACING} ${DEFAULT_SPACING};
 
-  ${({ skin }) => getStylesBySkin(skin)}
+  ${({ skin, theme }) => getThemeStyles(skin, theme)}
 `;
 
-const Alert = ({ icon, children, onClose, ...rest }) => (
-  <Wrapper {...rest} role="alert">
+const Alert = ({ icon, children, theme, onClose, ...rest }) => (
+  <Wrapper theme={theme} {...rest} role="alert">
     <Content onClose={onClose}>
       {icon && <AlertIcon name={icon} />}
       {children && <span>{children}</span>}
@@ -74,7 +85,15 @@ const Alert = ({ icon, children, onClose, ...rest }) => (
 
 Alert.defaultProps = {
   icon: null,
-  skin: 'blue',
+  skin: 'neutral',
+  theme: {
+    colors,
+    baseFontSize: defaultBaseFontSize,
+    spacing,
+    components: {
+      alert: components.alert,
+    },
+  },
 };
 
 Alert.propTypes = {
@@ -85,7 +104,15 @@ Alert.propTypes = {
   icon: PropTypes.string,
   /** You must pass a callback that is called when close button is clicked */
   onClose: PropTypes.func.isRequired,
-  skin: PropTypes.oneOf(['blue', 'success', 'warning', 'error']),
+  skin: PropTypes.oneOf(['primary', 'success', 'error', 'neutral', 'warning']),
+  theme: PropTypes.shape({
+    baseFontSize: PropTypes.number,
+    colors: PropTypes.object,
+    spacing: PropTypes.object,
+    components: PropTypes.shape({
+      alert: PropTypes.object,
+    }),
+  }),
 };
 
 export default Alert;
diff --git a/components/Alert/Alert.unit.test.jsx b/components/Alert/Alert.unit.test.jsx
index 34a59a6d3..f7230ce45 100644
--- a/components/Alert/Alert.unit.test.jsx
+++ b/components/Alert/Alert.unit.test.jsx
@@ -21,8 +21,13 @@ describe('Alert component', () => {
 
   describe('When you set a different skin', () => {
     it('Should match a skin snapshot', () => {
-      const blue = (
-        <Alert onClose={() => {}} skin="blue">
+      const neutral = (
+        <Alert onClose={() => {}} skin="neutral">
+          blue
+        </Alert>
+      );
+      const primary = (
+        <Alert onClose={() => {}} skin="primary">
           blue
         </Alert>
       );
@@ -41,8 +46,8 @@ describe('Alert component', () => {
           error
         </Alert>
       );
-
-      expect(renderer.create(blue).toJSON()).toMatchSnapshot();
+      expect(renderer.create(neutral).toJSON()).toMatchSnapshot();
+      expect(renderer.create(primary).toJSON()).toMatchSnapshot();
       expect(renderer.create(success).toJSON()).toMatchSnapshot();
       expect(renderer.create(warning).toJSON()).toMatchSnapshot();
       expect(renderer.create(error).toJSON()).toMatchSnapshot();
diff --git a/components/Alert/__snapshots__/Alert.unit.test.jsx.snap b/components/Alert/__snapshots__/Alert.unit.test.jsx.snap
index eedfe9ac1..ca83df063 100644
--- a/components/Alert/__snapshots__/Alert.unit.test.jsx.snap
+++ b/components/Alert/__snapshots__/Alert.unit.test.jsx.snap
@@ -87,12 +87,11 @@ exports[`Alert component Should match the snapshot of a simple alert 1`] = `
   box-shadow: none;
   outline: none;
   height: auto;
-  width: auto;
-  margin: 0 0 0 16px;
-  padding: 0;
   opacity: 0.8;
+  padding: 0;
   -webkit-transition: opacity 0.4s ease;
   transition: opacity 0.4s ease;
+  width: auto;
 }
 
 .c4:hover,
@@ -116,19 +115,21 @@ exports[`Alert component Should match the snapshot of a simple alert 1`] = `
 .c0 {
   border-radius: 8px;
   box-sizing: border-box;
-  padding: 11px 16px;
-  color: inherit;
-  background-color: #e5edfc;
-  border: 1.5px solid #1355d0;
+  font-size: 16px;
+  background-color: #f2f2f2;
+  border: 1.5px solid #999999;
+  color: #191919;
+  padding: 12px 16px;
 }
 
 .c0 .c1 .c8 {
-  color: #1355d0;
+  color: #999999;
   margin-right: 16px;
 }
 
 .c0 .c1 .c3 {
-  color: #1355d0;
+  color: #999999;
+  margin: 0 0 0 16px;
 }
 
 <div
@@ -253,12 +254,11 @@ exports[`Alert component When you set a alert custom icon Should match the snaps
   box-shadow: none;
   outline: none;
   height: auto;
-  width: auto;
-  margin: 0 0 0 16px;
-  padding: 0;
   opacity: 0.8;
+  padding: 0;
   -webkit-transition: opacity 0.4s ease;
   transition: opacity 0.4s ease;
+  width: auto;
 }
 
 .c5:hover,
@@ -282,19 +282,21 @@ exports[`Alert component When you set a alert custom icon Should match the snaps
 .c0 {
   border-radius: 8px;
   box-sizing: border-box;
-  padding: 11px 16px;
-  color: inherit;
-  background-color: #e5edfc;
-  border: 1.5px solid #1355d0;
+  font-size: 16px;
+  background-color: #f2f2f2;
+  border: 1.5px solid #999999;
+  color: #191919;
+  padding: 12px 16px;
 }
 
 .c0 .c1 .c3 {
-  color: #1355d0;
+  color: #999999;
   margin-right: 16px;
 }
 
 .c0 .c1 .c4 {
-  color: #1355d0;
+  color: #999999;
+  margin: 0 0 0 16px;
 }
 
 <div
@@ -430,12 +432,178 @@ exports[`Alert component When you set a different skin Should match a skin snaps
   box-shadow: none;
   outline: none;
   height: auto;
+  opacity: 0.8;
+  padding: 0;
+  -webkit-transition: opacity 0.4s ease;
+  transition: opacity 0.4s ease;
   width: auto;
+}
+
+.c4:hover,
+.c4:focus {
+  box-shadow: none;
+  background-color: rgba(204,204,204,0.4);
+  color: #4c4c4c;
+}
+
+.c4:active {
+  box-shadow: none;
+  background-color: rgba(128,128,128,0.5);
+  color: #4c4c4c;
+}
+
+.c4:hover {
+  background: none;
+  opacity: 1;
+}
+
+.c0 {
+  border-radius: 8px;
+  box-sizing: border-box;
+  font-size: 16px;
+  background-color: #f2f2f2;
+  border: 1.5px solid #999999;
+  color: #191919;
+  padding: 12px 16px;
+}
+
+.c0 .c1 .c8 {
+  color: #999999;
+  margin-right: 16px;
+}
+
+.c0 .c1 .c3 {
+  color: #999999;
   margin: 0 0 0 16px;
-  padding: 0;
+}
+
+<div
+  className="c0"
+  role="alert"
+>
+  <div
+    className="c1 c2"
+    onClose={[Function]}
+  >
+    <span>
+      blue
+    </span>
+    <button
+      className="c3 c4 c5"
+      disabled={false}
+      onClick={[Function]}
+      size="medium"
+      type="button"
+    >
+      <span
+        aria-hidden="true"
+        className="material-icons MuiIcon-root-1 c6 c7"
+        size="medium"
+        style={
+          Object {
+            "color": "",
+          }
+        }
+      >
+        close
+      </span>
+    </button>
+  </div>
+</div>
+`;
+
+exports[`Alert component When you set a different skin Should match a skin snapshot 2`] = `
+.c7 {
+  pointer-events: none;
+}
+
+.c5 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  cursor: pointer;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 16px;
+  font-weight: bold;
+  height: 40px;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  -ms-flex-pack: center;
+  justify-content: center;
+  padding: 0 16px;
+  -webkit-letter-spacing: 0.2px;
+  -moz-letter-spacing: 0.2px;
+  -ms-letter-spacing: 0.2px;
+  letter-spacing: 0.2px;
+  -webkit-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+  background-color: #1355d0;
+  border: 1.5px solid #1355d0;
+  box-shadow: 0 2px 4px 0 #cccccc;
+  color: #FFFFFF;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  border-radius: 4px;
+}
+
+.c5 *:nth-child(2) {
+  margin-left: 5px;
+}
+
+.c5:hover {
+  box-shadow: 0 2px 4px 0 #cccccc;
+  background-color: #002f7b;
+  border-color: #002f7b;
+  color: #FFFFFF;
+}
+
+.c5:focus {
+  box-shadow: 0 2px 6px 0 rgba(19,85,208,0.5);
+  background-color: #1355d0;
+  border-color: #1355d0;
+  color: #FFFFFF;
+}
+
+.c5:active {
+  box-shadow: 0 2px 4px 0 #4c4c4c;
+  background-color: #002f7b;
+  border-color: #002f7b;
+  color: #FFFFFF;
+}
+
+.c5 .c6 {
+  font-size: 24px;
+}
+
+.c2 {
+  -webkit-align-items: start;
+  -webkit-box-align: start;
+  -ms-flex-align: start;
+  align-items: start;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+}
+
+.c4 {
+  border-radius: 50%;
+  border: none;
+  color: rgba(128,128,128,0.5);
+  width: 40px;
+  background-color: transparent;
+  box-shadow: none;
+  outline: none;
+  height: auto;
   opacity: 0.8;
+  padding: 0;
   -webkit-transition: opacity 0.4s ease;
   transition: opacity 0.4s ease;
+  width: auto;
 }
 
 .c4:hover,
@@ -456,22 +624,34 @@ exports[`Alert component When you set a different skin Should match a skin snaps
   opacity: 1;
 }
 
+.c8 .c1 .c9 {
+  color: #999999;
+  margin-right: 16px;
+}
+
+.c8 .c1 .c3 {
+  color: #999999;
+  margin: 0 0 0 16px;
+}
+
 .c0 {
   border-radius: 8px;
   box-sizing: border-box;
-  padding: 11px 16px;
-  color: inherit;
+  font-size: 16px;
   background-color: #e5edfc;
   border: 1.5px solid #1355d0;
+  color: #062ab3;
+  padding: 12px 16px;
 }
 
-.c0 .c1 .c8 {
+.c0 .c1 .c9 {
   color: #1355d0;
   margin-right: 16px;
 }
 
 .c0 .c1 .c3 {
   color: #1355d0;
+  margin: 0 0 0 16px;
 }
 
 <div
@@ -509,7 +689,7 @@ exports[`Alert component When you set a different skin Should match a skin snaps
 </div>
 `;
 
-exports[`Alert component When you set a different skin Should match a skin snapshot 2`] = `
+exports[`Alert component When you set a different skin Should match a skin snapshot 3`] = `
 .c7 {
   pointer-events: none;
 }
@@ -596,12 +776,11 @@ exports[`Alert component When you set a different skin Should match a skin snaps
   box-shadow: none;
   outline: none;
   height: auto;
-  width: auto;
-  margin: 0 0 0 16px;
-  padding: 0;
   opacity: 0.8;
+  padding: 0;
   -webkit-transition: opacity 0.4s ease;
   transition: opacity 0.4s ease;
+  width: auto;
 }
 
 .c4:hover,
@@ -622,31 +801,44 @@ exports[`Alert component When you set a different skin Should match a skin snaps
   opacity: 1;
 }
 
-.c8 .c1 .c9 {
-  color: #1355d0;
+.c8 .c1 .c10 {
+  color: #999999;
   margin-right: 16px;
 }
 
 .c8 .c1 .c3 {
+  color: #999999;
+  margin: 0 0 0 16px;
+}
+
+.c9 .c1 .c10 {
   color: #1355d0;
+  margin-right: 16px;
+}
+
+.c9 .c1 .c3 {
+  color: #1355d0;
+  margin: 0 0 0 16px;
 }
 
 .c0 {
   border-radius: 8px;
   box-sizing: border-box;
-  padding: 11px 16px;
-  color: #3c6510;
+  font-size: 16px;
   background-color: #edfadf;
   border: 1.5px solid #7ed321;
+  color: #3c6510;
+  padding: 12px 16px;
 }
 
-.c0 .c1 .c9 {
+.c0 .c1 .c10 {
   color: #7ed321;
   margin-right: 16px;
 }
 
 .c0 .c1 .c3 {
   color: #7ed321;
+  margin: 0 0 0 16px;
 }
 
 <div
@@ -684,7 +876,7 @@ exports[`Alert component When you set a different skin Should match a skin snaps
 </div>
 `;
 
-exports[`Alert component When you set a different skin Should match a skin snapshot 3`] = `
+exports[`Alert component When you set a different skin Should match a skin snapshot 4`] = `
 .c7 {
   pointer-events: none;
 }
@@ -771,12 +963,11 @@ exports[`Alert component When you set a different skin Should match a skin snaps
   box-shadow: none;
   outline: none;
   height: auto;
-  width: auto;
-  margin: 0 0 0 16px;
-  padding: 0;
   opacity: 0.8;
+  padding: 0;
   -webkit-transition: opacity 0.4s ease;
   transition: opacity 0.4s ease;
+  width: auto;
 }
 
 .c4:hover,
@@ -797,40 +988,54 @@ exports[`Alert component When you set a different skin Should match a skin snaps
   opacity: 1;
 }
 
-.c8 .c1 .c10 {
-  color: #1355d0;
+.c8 .c1 .c11 {
+  color: #999999;
   margin-right: 16px;
 }
 
 .c8 .c1 .c3 {
+  color: #999999;
+  margin: 0 0 0 16px;
+}
+
+.c9 .c1 .c11 {
   color: #1355d0;
+  margin-right: 16px;
 }
 
-.c9 .c1 .c10 {
+.c9 .c1 .c3 {
+  color: #1355d0;
+  margin: 0 0 0 16px;
+}
+
+.c10 .c1 .c11 {
   color: #7ed321;
   margin-right: 16px;
 }
 
-.c9 .c1 .c3 {
+.c10 .c1 .c3 {
   color: #7ed321;
+  margin: 0 0 0 16px;
 }
 
 .c0 {
   border-radius: 8px;
   box-sizing: border-box;
-  padding: 11px 16px;
-  color: #a36300;
+  font-size: 16px;
   background-color: #ffefd6;
   border: 1.5px solid #f09100;
+  color: #a36300;
+  padding: 12px 16px;
 }
 
-.c0 .c1 .c10 {
+.c0 .c1 .c11 {
   color: #f09100;
   margin-right: 16px;
 }
 
 .c0 .c1 .c3 {
   color: #f09100;
+  margin: 0 0 0 16px;
 }
 
 <div
@@ -868,7 +1073,7 @@ exports[`Alert component When you set a different skin Should match a skin snaps
 </div>
 `;
 
-exports[`Alert component When you set a different skin Should match a skin snapshot 4`] = `
+exports[`Alert component When you set a different skin Should match a skin snapshot 5`] = `
 .c7 {
   pointer-events: none;
 }
@@ -955,12 +1160,11 @@ exports[`Alert component When you set a different skin Should match a skin snaps
   box-shadow: none;
   outline: none;
   height: auto;
-  width: auto;
-  margin: 0 0 0 16px;
-  padding: 0;
   opacity: 0.8;
+  padding: 0;
   -webkit-transition: opacity 0.4s ease;
   transition: opacity 0.4s ease;
+  width: auto;
 }
 
 .c4:hover,
@@ -981,49 +1185,64 @@ exports[`Alert component When you set a different skin Should match a skin snaps
   opacity: 1;
 }
 
-.c8 .c1 .c11 {
-  color: #1355d0;
+.c8 .c1 .c12 {
+  color: #999999;
   margin-right: 16px;
 }
 
 .c8 .c1 .c3 {
+  color: #999999;
+  margin: 0 0 0 16px;
+}
+
+.c9 .c1 .c12 {
   color: #1355d0;
+  margin-right: 16px;
 }
 
-.c9 .c1 .c11 {
+.c9 .c1 .c3 {
+  color: #1355d0;
+  margin: 0 0 0 16px;
+}
+
+.c10 .c1 .c12 {
   color: #7ed321;
   margin-right: 16px;
 }
 
-.c9 .c1 .c3 {
+.c10 .c1 .c3 {
   color: #7ed321;
+  margin: 0 0 0 16px;
 }
 
-.c10 .c1 .c11 {
+.c11 .c1 .c12 {
   color: #f09100;
   margin-right: 16px;
 }
 
-.c10 .c1 .c3 {
+.c11 .c1 .c3 {
   color: #f09100;
+  margin: 0 0 0 16px;
 }
 
 .c0 {
   border-radius: 8px;
   box-sizing: border-box;
-  padding: 11px 16px;
-  color: #ac001a;
+  font-size: 16px;
   background-color: #ffe5e9;
   border: 1.5px solid #ff2d4d;
+  color: #ac001a;
+  padding: 12px 16px;
 }
 
-.c0 .c1 .c11 {
+.c0 .c1 .c12 {
   color: #ff2d4d;
   margin-right: 16px;
 }
 
 .c0 .c1 .c3 {
   color: #ff2d4d;
+  margin: 0 0 0 16px;
 }
 
 <div
diff --git a/components/SnackBar/__snapshots__/SnackBar.unit.test.jsx.snap b/components/SnackBar/__snapshots__/SnackBar.unit.test.jsx.snap
index 586a1943d..15d258b66 100644
--- a/components/SnackBar/__snapshots__/SnackBar.unit.test.jsx.snap
+++ b/components/SnackBar/__snapshots__/SnackBar.unit.test.jsx.snap
@@ -759,6 +759,35 @@ exports[`<SnackBar /> should match snapshots 1`] = `
                   },
                 },
                 "components": Object {
+                  "alert": Object {
+                    "skins": Object {
+                      "error": Object {
+                        "background": "#ffe5e9",
+                        "icon": "#ff2d4d",
+                        "text": "#ac001a",
+                      },
+                      "neutral": Object {
+                        "background": "#f2f2f2",
+                        "icon": "#999999",
+                        "text": "#191919",
+                      },
+                      "primary": Object {
+                        "background": "#e5edfc",
+                        "icon": "#1355d0",
+                        "text": "#062ab3",
+                      },
+                      "success": Object {
+                        "background": "#edfadf",
+                        "icon": "#7ed321",
+                        "text": "#3c6510",
+                      },
+                      "warning": Object {
+                        "background": "#ffefd6",
+                        "icon": "#f09100",
+                        "text": "#a36300",
+                      },
+                    },
+                  },
                   "badge": Object {
                     "skins": Object {
                       "error": Object {
@@ -896,6 +925,35 @@ exports[`<SnackBar /> should match snapshots 1`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -1081,6 +1139,35 @@ exports[`<SnackBar /> should match snapshots 1`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -1218,6 +1305,35 @@ exports[`<SnackBar /> should match snapshots 1`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -1400,6 +1516,35 @@ exports[`<SnackBar /> should match snapshots 1`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -1537,6 +1682,35 @@ exports[`<SnackBar /> should match snapshots 1`] = `
                       },
                     },
                     "components": Object {
+                      "alert": Object {
+                        "skins": Object {
+                          "error": Object {
+                            "background": "#ffe5e9",
+                            "icon": "#ff2d4d",
+                            "text": "#ac001a",
+                          },
+                          "neutral": Object {
+                            "background": "#f2f2f2",
+                            "icon": "#999999",
+                            "text": "#191919",
+                          },
+                          "primary": Object {
+                            "background": "#e5edfc",
+                            "icon": "#1355d0",
+                            "text": "#062ab3",
+                          },
+                          "success": Object {
+                            "background": "#edfadf",
+                            "icon": "#7ed321",
+                            "text": "#3c6510",
+                          },
+                          "warning": Object {
+                            "background": "#ffefd6",
+                            "icon": "#f09100",
+                            "text": "#a36300",
+                          },
+                        },
+                      },
                       "badge": Object {
                         "skins": Object {
                           "error": Object {
@@ -1711,6 +1885,35 @@ exports[`<SnackBar /> should match snapshots 1`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -1848,6 +2051,35 @@ exports[`<SnackBar /> should match snapshots 1`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -2030,6 +2262,35 @@ exports[`<SnackBar /> should match snapshots 1`] = `
                               },
                             },
                             "components": Object {
+                              "alert": Object {
+                                "skins": Object {
+                                  "error": Object {
+                                    "background": "#ffe5e9",
+                                    "icon": "#ff2d4d",
+                                    "text": "#ac001a",
+                                  },
+                                  "neutral": Object {
+                                    "background": "#f2f2f2",
+                                    "icon": "#999999",
+                                    "text": "#191919",
+                                  },
+                                  "primary": Object {
+                                    "background": "#e5edfc",
+                                    "icon": "#1355d0",
+                                    "text": "#062ab3",
+                                  },
+                                  "success": Object {
+                                    "background": "#edfadf",
+                                    "icon": "#7ed321",
+                                    "text": "#3c6510",
+                                  },
+                                  "warning": Object {
+                                    "background": "#ffefd6",
+                                    "icon": "#f09100",
+                                    "text": "#a36300",
+                                  },
+                                },
+                              },
                               "badge": Object {
                                 "skins": Object {
                                   "error": Object {
@@ -2167,6 +2428,35 @@ exports[`<SnackBar /> should match snapshots 1`] = `
                                 },
                               },
                               "components": Object {
+                                "alert": Object {
+                                  "skins": Object {
+                                    "error": Object {
+                                      "background": "#ffe5e9",
+                                      "icon": "#ff2d4d",
+                                      "text": "#ac001a",
+                                    },
+                                    "neutral": Object {
+                                      "background": "#f2f2f2",
+                                      "icon": "#999999",
+                                      "text": "#191919",
+                                    },
+                                    "primary": Object {
+                                      "background": "#e5edfc",
+                                      "icon": "#1355d0",
+                                      "text": "#062ab3",
+                                    },
+                                    "success": Object {
+                                      "background": "#edfadf",
+                                      "icon": "#7ed321",
+                                      "text": "#3c6510",
+                                    },
+                                    "warning": Object {
+                                      "background": "#ffefd6",
+                                      "icon": "#f09100",
+                                      "text": "#a36300",
+                                    },
+                                  },
+                                },
                                 "badge": Object {
                                   "skins": Object {
                                     "error": Object {
@@ -2360,6 +2650,35 @@ exports[`<SnackBar /> should match snapshots 1`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -2497,6 +2816,35 @@ exports[`<SnackBar /> should match snapshots 1`] = `
                             },
                           },
                           "components": Object {
+                            "alert": Object {
+                              "skins": Object {
+                                "error": Object {
+                                  "background": "#ffe5e9",
+                                  "icon": "#ff2d4d",
+                                  "text": "#ac001a",
+                                },
+                                "neutral": Object {
+                                  "background": "#f2f2f2",
+                                  "icon": "#999999",
+                                  "text": "#191919",
+                                },
+                                "primary": Object {
+                                  "background": "#e5edfc",
+                                  "icon": "#1355d0",
+                                  "text": "#062ab3",
+                                },
+                                "success": Object {
+                                  "background": "#edfadf",
+                                  "icon": "#7ed321",
+                                  "text": "#3c6510",
+                                },
+                                "warning": Object {
+                                  "background": "#ffefd6",
+                                  "icon": "#f09100",
+                                  "text": "#a36300",
+                                },
+                              },
+                            },
                             "badge": Object {
                               "skins": Object {
                                 "error": Object {
@@ -5121,6 +5469,35 @@ exports[`<SnackBar /> should match snapshots 2`] = `
                   },
                 },
                 "components": Object {
+                  "alert": Object {
+                    "skins": Object {
+                      "error": Object {
+                        "background": "#ffe5e9",
+                        "icon": "#ff2d4d",
+                        "text": "#ac001a",
+                      },
+                      "neutral": Object {
+                        "background": "#f2f2f2",
+                        "icon": "#999999",
+                        "text": "#191919",
+                      },
+                      "primary": Object {
+                        "background": "#e5edfc",
+                        "icon": "#1355d0",
+                        "text": "#062ab3",
+                      },
+                      "success": Object {
+                        "background": "#edfadf",
+                        "icon": "#7ed321",
+                        "text": "#3c6510",
+                      },
+                      "warning": Object {
+                        "background": "#ffefd6",
+                        "icon": "#f09100",
+                        "text": "#a36300",
+                      },
+                    },
+                  },
                   "badge": Object {
                     "skins": Object {
                       "error": Object {
@@ -5258,6 +5635,35 @@ exports[`<SnackBar /> should match snapshots 2`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -5443,6 +5849,35 @@ exports[`<SnackBar /> should match snapshots 2`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -5580,6 +6015,35 @@ exports[`<SnackBar /> should match snapshots 2`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -5762,6 +6226,35 @@ exports[`<SnackBar /> should match snapshots 2`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -5899,6 +6392,35 @@ exports[`<SnackBar /> should match snapshots 2`] = `
                       },
                     },
                     "components": Object {
+                      "alert": Object {
+                        "skins": Object {
+                          "error": Object {
+                            "background": "#ffe5e9",
+                            "icon": "#ff2d4d",
+                            "text": "#ac001a",
+                          },
+                          "neutral": Object {
+                            "background": "#f2f2f2",
+                            "icon": "#999999",
+                            "text": "#191919",
+                          },
+                          "primary": Object {
+                            "background": "#e5edfc",
+                            "icon": "#1355d0",
+                            "text": "#062ab3",
+                          },
+                          "success": Object {
+                            "background": "#edfadf",
+                            "icon": "#7ed321",
+                            "text": "#3c6510",
+                          },
+                          "warning": Object {
+                            "background": "#ffefd6",
+                            "icon": "#f09100",
+                            "text": "#a36300",
+                          },
+                        },
+                      },
                       "badge": Object {
                         "skins": Object {
                           "error": Object {
@@ -6073,6 +6595,35 @@ exports[`<SnackBar /> should match snapshots 2`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -6210,6 +6761,35 @@ exports[`<SnackBar /> should match snapshots 2`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -6392,6 +6972,35 @@ exports[`<SnackBar /> should match snapshots 2`] = `
                               },
                             },
                             "components": Object {
+                              "alert": Object {
+                                "skins": Object {
+                                  "error": Object {
+                                    "background": "#ffe5e9",
+                                    "icon": "#ff2d4d",
+                                    "text": "#ac001a",
+                                  },
+                                  "neutral": Object {
+                                    "background": "#f2f2f2",
+                                    "icon": "#999999",
+                                    "text": "#191919",
+                                  },
+                                  "primary": Object {
+                                    "background": "#e5edfc",
+                                    "icon": "#1355d0",
+                                    "text": "#062ab3",
+                                  },
+                                  "success": Object {
+                                    "background": "#edfadf",
+                                    "icon": "#7ed321",
+                                    "text": "#3c6510",
+                                  },
+                                  "warning": Object {
+                                    "background": "#ffefd6",
+                                    "icon": "#f09100",
+                                    "text": "#a36300",
+                                  },
+                                },
+                              },
                               "badge": Object {
                                 "skins": Object {
                                   "error": Object {
@@ -6529,6 +7138,35 @@ exports[`<SnackBar /> should match snapshots 2`] = `
                                 },
                               },
                               "components": Object {
+                                "alert": Object {
+                                  "skins": Object {
+                                    "error": Object {
+                                      "background": "#ffe5e9",
+                                      "icon": "#ff2d4d",
+                                      "text": "#ac001a",
+                                    },
+                                    "neutral": Object {
+                                      "background": "#f2f2f2",
+                                      "icon": "#999999",
+                                      "text": "#191919",
+                                    },
+                                    "primary": Object {
+                                      "background": "#e5edfc",
+                                      "icon": "#1355d0",
+                                      "text": "#062ab3",
+                                    },
+                                    "success": Object {
+                                      "background": "#edfadf",
+                                      "icon": "#7ed321",
+                                      "text": "#3c6510",
+                                    },
+                                    "warning": Object {
+                                      "background": "#ffefd6",
+                                      "icon": "#f09100",
+                                      "text": "#a36300",
+                                    },
+                                  },
+                                },
                                 "badge": Object {
                                   "skins": Object {
                                     "error": Object {
@@ -6722,6 +7360,35 @@ exports[`<SnackBar /> should match snapshots 2`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -6859,6 +7526,35 @@ exports[`<SnackBar /> should match snapshots 2`] = `
                             },
                           },
                           "components": Object {
+                            "alert": Object {
+                              "skins": Object {
+                                "error": Object {
+                                  "background": "#ffe5e9",
+                                  "icon": "#ff2d4d",
+                                  "text": "#ac001a",
+                                },
+                                "neutral": Object {
+                                  "background": "#f2f2f2",
+                                  "icon": "#999999",
+                                  "text": "#191919",
+                                },
+                                "primary": Object {
+                                  "background": "#e5edfc",
+                                  "icon": "#1355d0",
+                                  "text": "#062ab3",
+                                },
+                                "success": Object {
+                                  "background": "#edfadf",
+                                  "icon": "#7ed321",
+                                  "text": "#3c6510",
+                                },
+                                "warning": Object {
+                                  "background": "#ffefd6",
+                                  "icon": "#f09100",
+                                  "text": "#a36300",
+                                },
+                              },
+                            },
                             "badge": Object {
                               "skins": Object {
                                 "error": Object {
@@ -9483,6 +10179,35 @@ exports[`<SnackBar /> should match snapshots 3`] = `
                   },
                 },
                 "components": Object {
+                  "alert": Object {
+                    "skins": Object {
+                      "error": Object {
+                        "background": "#ffe5e9",
+                        "icon": "#ff2d4d",
+                        "text": "#ac001a",
+                      },
+                      "neutral": Object {
+                        "background": "#f2f2f2",
+                        "icon": "#999999",
+                        "text": "#191919",
+                      },
+                      "primary": Object {
+                        "background": "#e5edfc",
+                        "icon": "#1355d0",
+                        "text": "#062ab3",
+                      },
+                      "success": Object {
+                        "background": "#edfadf",
+                        "icon": "#7ed321",
+                        "text": "#3c6510",
+                      },
+                      "warning": Object {
+                        "background": "#ffefd6",
+                        "icon": "#f09100",
+                        "text": "#a36300",
+                      },
+                    },
+                  },
                   "badge": Object {
                     "skins": Object {
                       "error": Object {
@@ -9620,6 +10345,35 @@ exports[`<SnackBar /> should match snapshots 3`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -9805,6 +10559,35 @@ exports[`<SnackBar /> should match snapshots 3`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -9942,6 +10725,35 @@ exports[`<SnackBar /> should match snapshots 3`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -10124,6 +10936,35 @@ exports[`<SnackBar /> should match snapshots 3`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -10261,6 +11102,35 @@ exports[`<SnackBar /> should match snapshots 3`] = `
                       },
                     },
                     "components": Object {
+                      "alert": Object {
+                        "skins": Object {
+                          "error": Object {
+                            "background": "#ffe5e9",
+                            "icon": "#ff2d4d",
+                            "text": "#ac001a",
+                          },
+                          "neutral": Object {
+                            "background": "#f2f2f2",
+                            "icon": "#999999",
+                            "text": "#191919",
+                          },
+                          "primary": Object {
+                            "background": "#e5edfc",
+                            "icon": "#1355d0",
+                            "text": "#062ab3",
+                          },
+                          "success": Object {
+                            "background": "#edfadf",
+                            "icon": "#7ed321",
+                            "text": "#3c6510",
+                          },
+                          "warning": Object {
+                            "background": "#ffefd6",
+                            "icon": "#f09100",
+                            "text": "#a36300",
+                          },
+                        },
+                      },
                       "badge": Object {
                         "skins": Object {
                           "error": Object {
@@ -10435,6 +11305,35 @@ exports[`<SnackBar /> should match snapshots 3`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -10572,6 +11471,35 @@ exports[`<SnackBar /> should match snapshots 3`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -10754,6 +11682,35 @@ exports[`<SnackBar /> should match snapshots 3`] = `
                               },
                             },
                             "components": Object {
+                              "alert": Object {
+                                "skins": Object {
+                                  "error": Object {
+                                    "background": "#ffe5e9",
+                                    "icon": "#ff2d4d",
+                                    "text": "#ac001a",
+                                  },
+                                  "neutral": Object {
+                                    "background": "#f2f2f2",
+                                    "icon": "#999999",
+                                    "text": "#191919",
+                                  },
+                                  "primary": Object {
+                                    "background": "#e5edfc",
+                                    "icon": "#1355d0",
+                                    "text": "#062ab3",
+                                  },
+                                  "success": Object {
+                                    "background": "#edfadf",
+                                    "icon": "#7ed321",
+                                    "text": "#3c6510",
+                                  },
+                                  "warning": Object {
+                                    "background": "#ffefd6",
+                                    "icon": "#f09100",
+                                    "text": "#a36300",
+                                  },
+                                },
+                              },
                               "badge": Object {
                                 "skins": Object {
                                   "error": Object {
@@ -10891,6 +11848,35 @@ exports[`<SnackBar /> should match snapshots 3`] = `
                                 },
                               },
                               "components": Object {
+                                "alert": Object {
+                                  "skins": Object {
+                                    "error": Object {
+                                      "background": "#ffe5e9",
+                                      "icon": "#ff2d4d",
+                                      "text": "#ac001a",
+                                    },
+                                    "neutral": Object {
+                                      "background": "#f2f2f2",
+                                      "icon": "#999999",
+                                      "text": "#191919",
+                                    },
+                                    "primary": Object {
+                                      "background": "#e5edfc",
+                                      "icon": "#1355d0",
+                                      "text": "#062ab3",
+                                    },
+                                    "success": Object {
+                                      "background": "#edfadf",
+                                      "icon": "#7ed321",
+                                      "text": "#3c6510",
+                                    },
+                                    "warning": Object {
+                                      "background": "#ffefd6",
+                                      "icon": "#f09100",
+                                      "text": "#a36300",
+                                    },
+                                  },
+                                },
                                 "badge": Object {
                                   "skins": Object {
                                     "error": Object {
@@ -11084,6 +12070,35 @@ exports[`<SnackBar /> should match snapshots 3`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -11221,6 +12236,35 @@ exports[`<SnackBar /> should match snapshots 3`] = `
                             },
                           },
                           "components": Object {
+                            "alert": Object {
+                              "skins": Object {
+                                "error": Object {
+                                  "background": "#ffe5e9",
+                                  "icon": "#ff2d4d",
+                                  "text": "#ac001a",
+                                },
+                                "neutral": Object {
+                                  "background": "#f2f2f2",
+                                  "icon": "#999999",
+                                  "text": "#191919",
+                                },
+                                "primary": Object {
+                                  "background": "#e5edfc",
+                                  "icon": "#1355d0",
+                                  "text": "#062ab3",
+                                },
+                                "success": Object {
+                                  "background": "#edfadf",
+                                  "icon": "#7ed321",
+                                  "text": "#3c6510",
+                                },
+                                "warning": Object {
+                                  "background": "#ffefd6",
+                                  "icon": "#f09100",
+                                  "text": "#a36300",
+                                },
+                              },
+                            },
                             "badge": Object {
                               "skins": Object {
                                 "error": Object {
@@ -13845,6 +14889,35 @@ exports[`<SnackBar /> should match snapshots 4`] = `
                   },
                 },
                 "components": Object {
+                  "alert": Object {
+                    "skins": Object {
+                      "error": Object {
+                        "background": "#ffe5e9",
+                        "icon": "#ff2d4d",
+                        "text": "#ac001a",
+                      },
+                      "neutral": Object {
+                        "background": "#f2f2f2",
+                        "icon": "#999999",
+                        "text": "#191919",
+                      },
+                      "primary": Object {
+                        "background": "#e5edfc",
+                        "icon": "#1355d0",
+                        "text": "#062ab3",
+                      },
+                      "success": Object {
+                        "background": "#edfadf",
+                        "icon": "#7ed321",
+                        "text": "#3c6510",
+                      },
+                      "warning": Object {
+                        "background": "#ffefd6",
+                        "icon": "#f09100",
+                        "text": "#a36300",
+                      },
+                    },
+                  },
                   "badge": Object {
                     "skins": Object {
                       "error": Object {
@@ -13982,6 +15055,35 @@ exports[`<SnackBar /> should match snapshots 4`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -14167,6 +15269,35 @@ exports[`<SnackBar /> should match snapshots 4`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -14304,6 +15435,35 @@ exports[`<SnackBar /> should match snapshots 4`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -14486,6 +15646,35 @@ exports[`<SnackBar /> should match snapshots 4`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -14623,6 +15812,35 @@ exports[`<SnackBar /> should match snapshots 4`] = `
                       },
                     },
                     "components": Object {
+                      "alert": Object {
+                        "skins": Object {
+                          "error": Object {
+                            "background": "#ffe5e9",
+                            "icon": "#ff2d4d",
+                            "text": "#ac001a",
+                          },
+                          "neutral": Object {
+                            "background": "#f2f2f2",
+                            "icon": "#999999",
+                            "text": "#191919",
+                          },
+                          "primary": Object {
+                            "background": "#e5edfc",
+                            "icon": "#1355d0",
+                            "text": "#062ab3",
+                          },
+                          "success": Object {
+                            "background": "#edfadf",
+                            "icon": "#7ed321",
+                            "text": "#3c6510",
+                          },
+                          "warning": Object {
+                            "background": "#ffefd6",
+                            "icon": "#f09100",
+                            "text": "#a36300",
+                          },
+                        },
+                      },
                       "badge": Object {
                         "skins": Object {
                           "error": Object {
@@ -14797,6 +16015,35 @@ exports[`<SnackBar /> should match snapshots 4`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -14934,6 +16181,35 @@ exports[`<SnackBar /> should match snapshots 4`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -15116,6 +16392,35 @@ exports[`<SnackBar /> should match snapshots 4`] = `
                               },
                             },
                             "components": Object {
+                              "alert": Object {
+                                "skins": Object {
+                                  "error": Object {
+                                    "background": "#ffe5e9",
+                                    "icon": "#ff2d4d",
+                                    "text": "#ac001a",
+                                  },
+                                  "neutral": Object {
+                                    "background": "#f2f2f2",
+                                    "icon": "#999999",
+                                    "text": "#191919",
+                                  },
+                                  "primary": Object {
+                                    "background": "#e5edfc",
+                                    "icon": "#1355d0",
+                                    "text": "#062ab3",
+                                  },
+                                  "success": Object {
+                                    "background": "#edfadf",
+                                    "icon": "#7ed321",
+                                    "text": "#3c6510",
+                                  },
+                                  "warning": Object {
+                                    "background": "#ffefd6",
+                                    "icon": "#f09100",
+                                    "text": "#a36300",
+                                  },
+                                },
+                              },
                               "badge": Object {
                                 "skins": Object {
                                   "error": Object {
@@ -15253,6 +16558,35 @@ exports[`<SnackBar /> should match snapshots 4`] = `
                                 },
                               },
                               "components": Object {
+                                "alert": Object {
+                                  "skins": Object {
+                                    "error": Object {
+                                      "background": "#ffe5e9",
+                                      "icon": "#ff2d4d",
+                                      "text": "#ac001a",
+                                    },
+                                    "neutral": Object {
+                                      "background": "#f2f2f2",
+                                      "icon": "#999999",
+                                      "text": "#191919",
+                                    },
+                                    "primary": Object {
+                                      "background": "#e5edfc",
+                                      "icon": "#1355d0",
+                                      "text": "#062ab3",
+                                    },
+                                    "success": Object {
+                                      "background": "#edfadf",
+                                      "icon": "#7ed321",
+                                      "text": "#3c6510",
+                                    },
+                                    "warning": Object {
+                                      "background": "#ffefd6",
+                                      "icon": "#f09100",
+                                      "text": "#a36300",
+                                    },
+                                  },
+                                },
                                 "badge": Object {
                                   "skins": Object {
                                     "error": Object {
@@ -15446,6 +16780,35 @@ exports[`<SnackBar /> should match snapshots 4`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -15583,6 +16946,35 @@ exports[`<SnackBar /> should match snapshots 4`] = `
                             },
                           },
                           "components": Object {
+                            "alert": Object {
+                              "skins": Object {
+                                "error": Object {
+                                  "background": "#ffe5e9",
+                                  "icon": "#ff2d4d",
+                                  "text": "#ac001a",
+                                },
+                                "neutral": Object {
+                                  "background": "#f2f2f2",
+                                  "icon": "#999999",
+                                  "text": "#191919",
+                                },
+                                "primary": Object {
+                                  "background": "#e5edfc",
+                                  "icon": "#1355d0",
+                                  "text": "#062ab3",
+                                },
+                                "success": Object {
+                                  "background": "#edfadf",
+                                  "icon": "#7ed321",
+                                  "text": "#3c6510",
+                                },
+                                "warning": Object {
+                                  "background": "#ffefd6",
+                                  "icon": "#f09100",
+                                  "text": "#a36300",
+                                },
+                              },
+                            },
                             "badge": Object {
                               "skins": Object {
                                 "error": Object {
@@ -18207,6 +19599,35 @@ exports[`<SnackBar /> should match snapshots 5`] = `
                   },
                 },
                 "components": Object {
+                  "alert": Object {
+                    "skins": Object {
+                      "error": Object {
+                        "background": "#ffe5e9",
+                        "icon": "#ff2d4d",
+                        "text": "#ac001a",
+                      },
+                      "neutral": Object {
+                        "background": "#f2f2f2",
+                        "icon": "#999999",
+                        "text": "#191919",
+                      },
+                      "primary": Object {
+                        "background": "#e5edfc",
+                        "icon": "#1355d0",
+                        "text": "#062ab3",
+                      },
+                      "success": Object {
+                        "background": "#edfadf",
+                        "icon": "#7ed321",
+                        "text": "#3c6510",
+                      },
+                      "warning": Object {
+                        "background": "#ffefd6",
+                        "icon": "#f09100",
+                        "text": "#a36300",
+                      },
+                    },
+                  },
                   "badge": Object {
                     "skins": Object {
                       "error": Object {
@@ -18344,6 +19765,35 @@ exports[`<SnackBar /> should match snapshots 5`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -18529,6 +19979,35 @@ exports[`<SnackBar /> should match snapshots 5`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -18666,6 +20145,35 @@ exports[`<SnackBar /> should match snapshots 5`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -18848,6 +20356,35 @@ exports[`<SnackBar /> should match snapshots 5`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -18985,6 +20522,35 @@ exports[`<SnackBar /> should match snapshots 5`] = `
                       },
                     },
                     "components": Object {
+                      "alert": Object {
+                        "skins": Object {
+                          "error": Object {
+                            "background": "#ffe5e9",
+                            "icon": "#ff2d4d",
+                            "text": "#ac001a",
+                          },
+                          "neutral": Object {
+                            "background": "#f2f2f2",
+                            "icon": "#999999",
+                            "text": "#191919",
+                          },
+                          "primary": Object {
+                            "background": "#e5edfc",
+                            "icon": "#1355d0",
+                            "text": "#062ab3",
+                          },
+                          "success": Object {
+                            "background": "#edfadf",
+                            "icon": "#7ed321",
+                            "text": "#3c6510",
+                          },
+                          "warning": Object {
+                            "background": "#ffefd6",
+                            "icon": "#f09100",
+                            "text": "#a36300",
+                          },
+                        },
+                      },
                       "badge": Object {
                         "skins": Object {
                           "error": Object {
@@ -19159,6 +20725,35 @@ exports[`<SnackBar /> should match snapshots 5`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -19296,6 +20891,35 @@ exports[`<SnackBar /> should match snapshots 5`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -19478,6 +21102,35 @@ exports[`<SnackBar /> should match snapshots 5`] = `
                               },
                             },
                             "components": Object {
+                              "alert": Object {
+                                "skins": Object {
+                                  "error": Object {
+                                    "background": "#ffe5e9",
+                                    "icon": "#ff2d4d",
+                                    "text": "#ac001a",
+                                  },
+                                  "neutral": Object {
+                                    "background": "#f2f2f2",
+                                    "icon": "#999999",
+                                    "text": "#191919",
+                                  },
+                                  "primary": Object {
+                                    "background": "#e5edfc",
+                                    "icon": "#1355d0",
+                                    "text": "#062ab3",
+                                  },
+                                  "success": Object {
+                                    "background": "#edfadf",
+                                    "icon": "#7ed321",
+                                    "text": "#3c6510",
+                                  },
+                                  "warning": Object {
+                                    "background": "#ffefd6",
+                                    "icon": "#f09100",
+                                    "text": "#a36300",
+                                  },
+                                },
+                              },
                               "badge": Object {
                                 "skins": Object {
                                   "error": Object {
@@ -19615,6 +21268,35 @@ exports[`<SnackBar /> should match snapshots 5`] = `
                                 },
                               },
                               "components": Object {
+                                "alert": Object {
+                                  "skins": Object {
+                                    "error": Object {
+                                      "background": "#ffe5e9",
+                                      "icon": "#ff2d4d",
+                                      "text": "#ac001a",
+                                    },
+                                    "neutral": Object {
+                                      "background": "#f2f2f2",
+                                      "icon": "#999999",
+                                      "text": "#191919",
+                                    },
+                                    "primary": Object {
+                                      "background": "#e5edfc",
+                                      "icon": "#1355d0",
+                                      "text": "#062ab3",
+                                    },
+                                    "success": Object {
+                                      "background": "#edfadf",
+                                      "icon": "#7ed321",
+                                      "text": "#3c6510",
+                                    },
+                                    "warning": Object {
+                                      "background": "#ffefd6",
+                                      "icon": "#f09100",
+                                      "text": "#a36300",
+                                    },
+                                  },
+                                },
                                 "badge": Object {
                                   "skins": Object {
                                     "error": Object {
@@ -19808,6 +21490,35 @@ exports[`<SnackBar /> should match snapshots 5`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -19945,6 +21656,35 @@ exports[`<SnackBar /> should match snapshots 5`] = `
                             },
                           },
                           "components": Object {
+                            "alert": Object {
+                              "skins": Object {
+                                "error": Object {
+                                  "background": "#ffe5e9",
+                                  "icon": "#ff2d4d",
+                                  "text": "#ac001a",
+                                },
+                                "neutral": Object {
+                                  "background": "#f2f2f2",
+                                  "icon": "#999999",
+                                  "text": "#191919",
+                                },
+                                "primary": Object {
+                                  "background": "#e5edfc",
+                                  "icon": "#1355d0",
+                                  "text": "#062ab3",
+                                },
+                                "success": Object {
+                                  "background": "#edfadf",
+                                  "icon": "#7ed321",
+                                  "text": "#3c6510",
+                                },
+                                "warning": Object {
+                                  "background": "#ffefd6",
+                                  "icon": "#f09100",
+                                  "text": "#a36300",
+                                },
+                              },
+                            },
                             "badge": Object {
                               "skins": Object {
                                 "error": Object {
@@ -22569,6 +24309,35 @@ exports[`<SnackBar /> should match snapshots 6`] = `
                   },
                 },
                 "components": Object {
+                  "alert": Object {
+                    "skins": Object {
+                      "error": Object {
+                        "background": "#ffe5e9",
+                        "icon": "#ff2d4d",
+                        "text": "#ac001a",
+                      },
+                      "neutral": Object {
+                        "background": "#f2f2f2",
+                        "icon": "#999999",
+                        "text": "#191919",
+                      },
+                      "primary": Object {
+                        "background": "#e5edfc",
+                        "icon": "#1355d0",
+                        "text": "#062ab3",
+                      },
+                      "success": Object {
+                        "background": "#edfadf",
+                        "icon": "#7ed321",
+                        "text": "#3c6510",
+                      },
+                      "warning": Object {
+                        "background": "#ffefd6",
+                        "icon": "#f09100",
+                        "text": "#a36300",
+                      },
+                    },
+                  },
                   "badge": Object {
                     "skins": Object {
                       "error": Object {
@@ -22706,6 +24475,35 @@ exports[`<SnackBar /> should match snapshots 6`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -22891,6 +24689,35 @@ exports[`<SnackBar /> should match snapshots 6`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -23028,6 +24855,35 @@ exports[`<SnackBar /> should match snapshots 6`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -23210,6 +25066,35 @@ exports[`<SnackBar /> should match snapshots 6`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -23347,6 +25232,35 @@ exports[`<SnackBar /> should match snapshots 6`] = `
                       },
                     },
                     "components": Object {
+                      "alert": Object {
+                        "skins": Object {
+                          "error": Object {
+                            "background": "#ffe5e9",
+                            "icon": "#ff2d4d",
+                            "text": "#ac001a",
+                          },
+                          "neutral": Object {
+                            "background": "#f2f2f2",
+                            "icon": "#999999",
+                            "text": "#191919",
+                          },
+                          "primary": Object {
+                            "background": "#e5edfc",
+                            "icon": "#1355d0",
+                            "text": "#062ab3",
+                          },
+                          "success": Object {
+                            "background": "#edfadf",
+                            "icon": "#7ed321",
+                            "text": "#3c6510",
+                          },
+                          "warning": Object {
+                            "background": "#ffefd6",
+                            "icon": "#f09100",
+                            "text": "#a36300",
+                          },
+                        },
+                      },
                       "badge": Object {
                         "skins": Object {
                           "error": Object {
@@ -23521,6 +25435,35 @@ exports[`<SnackBar /> should match snapshots 6`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -23658,6 +25601,35 @@ exports[`<SnackBar /> should match snapshots 6`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -23840,6 +25812,35 @@ exports[`<SnackBar /> should match snapshots 6`] = `
                               },
                             },
                             "components": Object {
+                              "alert": Object {
+                                "skins": Object {
+                                  "error": Object {
+                                    "background": "#ffe5e9",
+                                    "icon": "#ff2d4d",
+                                    "text": "#ac001a",
+                                  },
+                                  "neutral": Object {
+                                    "background": "#f2f2f2",
+                                    "icon": "#999999",
+                                    "text": "#191919",
+                                  },
+                                  "primary": Object {
+                                    "background": "#e5edfc",
+                                    "icon": "#1355d0",
+                                    "text": "#062ab3",
+                                  },
+                                  "success": Object {
+                                    "background": "#edfadf",
+                                    "icon": "#7ed321",
+                                    "text": "#3c6510",
+                                  },
+                                  "warning": Object {
+                                    "background": "#ffefd6",
+                                    "icon": "#f09100",
+                                    "text": "#a36300",
+                                  },
+                                },
+                              },
                               "badge": Object {
                                 "skins": Object {
                                   "error": Object {
@@ -23977,6 +25978,35 @@ exports[`<SnackBar /> should match snapshots 6`] = `
                                 },
                               },
                               "components": Object {
+                                "alert": Object {
+                                  "skins": Object {
+                                    "error": Object {
+                                      "background": "#ffe5e9",
+                                      "icon": "#ff2d4d",
+                                      "text": "#ac001a",
+                                    },
+                                    "neutral": Object {
+                                      "background": "#f2f2f2",
+                                      "icon": "#999999",
+                                      "text": "#191919",
+                                    },
+                                    "primary": Object {
+                                      "background": "#e5edfc",
+                                      "icon": "#1355d0",
+                                      "text": "#062ab3",
+                                    },
+                                    "success": Object {
+                                      "background": "#edfadf",
+                                      "icon": "#7ed321",
+                                      "text": "#3c6510",
+                                    },
+                                    "warning": Object {
+                                      "background": "#ffefd6",
+                                      "icon": "#f09100",
+                                      "text": "#a36300",
+                                    },
+                                  },
+                                },
                                 "badge": Object {
                                   "skins": Object {
                                     "error": Object {
@@ -24170,6 +26200,35 @@ exports[`<SnackBar /> should match snapshots 6`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -24307,6 +26366,35 @@ exports[`<SnackBar /> should match snapshots 6`] = `
                             },
                           },
                           "components": Object {
+                            "alert": Object {
+                              "skins": Object {
+                                "error": Object {
+                                  "background": "#ffe5e9",
+                                  "icon": "#ff2d4d",
+                                  "text": "#ac001a",
+                                },
+                                "neutral": Object {
+                                  "background": "#f2f2f2",
+                                  "icon": "#999999",
+                                  "text": "#191919",
+                                },
+                                "primary": Object {
+                                  "background": "#e5edfc",
+                                  "icon": "#1355d0",
+                                  "text": "#062ab3",
+                                },
+                                "success": Object {
+                                  "background": "#edfadf",
+                                  "icon": "#7ed321",
+                                  "text": "#3c6510",
+                                },
+                                "warning": Object {
+                                  "background": "#ffefd6",
+                                  "icon": "#f09100",
+                                  "text": "#a36300",
+                                },
+                              },
+                            },
                             "badge": Object {
                               "skins": Object {
                                 "error": Object {
@@ -26931,6 +29019,35 @@ exports[`<SnackBar /> should match snapshots 7`] = `
                   },
                 },
                 "components": Object {
+                  "alert": Object {
+                    "skins": Object {
+                      "error": Object {
+                        "background": "#ffe5e9",
+                        "icon": "#ff2d4d",
+                        "text": "#ac001a",
+                      },
+                      "neutral": Object {
+                        "background": "#f2f2f2",
+                        "icon": "#999999",
+                        "text": "#191919",
+                      },
+                      "primary": Object {
+                        "background": "#e5edfc",
+                        "icon": "#1355d0",
+                        "text": "#062ab3",
+                      },
+                      "success": Object {
+                        "background": "#edfadf",
+                        "icon": "#7ed321",
+                        "text": "#3c6510",
+                      },
+                      "warning": Object {
+                        "background": "#ffefd6",
+                        "icon": "#f09100",
+                        "text": "#a36300",
+                      },
+                    },
+                  },
                   "badge": Object {
                     "skins": Object {
                       "error": Object {
@@ -27068,6 +29185,35 @@ exports[`<SnackBar /> should match snapshots 7`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -27253,6 +29399,35 @@ exports[`<SnackBar /> should match snapshots 7`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -27390,6 +29565,35 @@ exports[`<SnackBar /> should match snapshots 7`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -27572,6 +29776,35 @@ exports[`<SnackBar /> should match snapshots 7`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -27709,6 +29942,35 @@ exports[`<SnackBar /> should match snapshots 7`] = `
                       },
                     },
                     "components": Object {
+                      "alert": Object {
+                        "skins": Object {
+                          "error": Object {
+                            "background": "#ffe5e9",
+                            "icon": "#ff2d4d",
+                            "text": "#ac001a",
+                          },
+                          "neutral": Object {
+                            "background": "#f2f2f2",
+                            "icon": "#999999",
+                            "text": "#191919",
+                          },
+                          "primary": Object {
+                            "background": "#e5edfc",
+                            "icon": "#1355d0",
+                            "text": "#062ab3",
+                          },
+                          "success": Object {
+                            "background": "#edfadf",
+                            "icon": "#7ed321",
+                            "text": "#3c6510",
+                          },
+                          "warning": Object {
+                            "background": "#ffefd6",
+                            "icon": "#f09100",
+                            "text": "#a36300",
+                          },
+                        },
+                      },
                       "badge": Object {
                         "skins": Object {
                           "error": Object {
@@ -27883,6 +30145,35 @@ exports[`<SnackBar /> should match snapshots 7`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -28020,6 +30311,35 @@ exports[`<SnackBar /> should match snapshots 7`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -28202,6 +30522,35 @@ exports[`<SnackBar /> should match snapshots 7`] = `
                               },
                             },
                             "components": Object {
+                              "alert": Object {
+                                "skins": Object {
+                                  "error": Object {
+                                    "background": "#ffe5e9",
+                                    "icon": "#ff2d4d",
+                                    "text": "#ac001a",
+                                  },
+                                  "neutral": Object {
+                                    "background": "#f2f2f2",
+                                    "icon": "#999999",
+                                    "text": "#191919",
+                                  },
+                                  "primary": Object {
+                                    "background": "#e5edfc",
+                                    "icon": "#1355d0",
+                                    "text": "#062ab3",
+                                  },
+                                  "success": Object {
+                                    "background": "#edfadf",
+                                    "icon": "#7ed321",
+                                    "text": "#3c6510",
+                                  },
+                                  "warning": Object {
+                                    "background": "#ffefd6",
+                                    "icon": "#f09100",
+                                    "text": "#a36300",
+                                  },
+                                },
+                              },
                               "badge": Object {
                                 "skins": Object {
                                   "error": Object {
@@ -28339,6 +30688,35 @@ exports[`<SnackBar /> should match snapshots 7`] = `
                                 },
                               },
                               "components": Object {
+                                "alert": Object {
+                                  "skins": Object {
+                                    "error": Object {
+                                      "background": "#ffe5e9",
+                                      "icon": "#ff2d4d",
+                                      "text": "#ac001a",
+                                    },
+                                    "neutral": Object {
+                                      "background": "#f2f2f2",
+                                      "icon": "#999999",
+                                      "text": "#191919",
+                                    },
+                                    "primary": Object {
+                                      "background": "#e5edfc",
+                                      "icon": "#1355d0",
+                                      "text": "#062ab3",
+                                    },
+                                    "success": Object {
+                                      "background": "#edfadf",
+                                      "icon": "#7ed321",
+                                      "text": "#3c6510",
+                                    },
+                                    "warning": Object {
+                                      "background": "#ffefd6",
+                                      "icon": "#f09100",
+                                      "text": "#a36300",
+                                    },
+                                  },
+                                },
                                 "badge": Object {
                                   "skins": Object {
                                     "error": Object {
@@ -28532,6 +30910,35 @@ exports[`<SnackBar /> should match snapshots 7`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -28669,6 +31076,35 @@ exports[`<SnackBar /> should match snapshots 7`] = `
                             },
                           },
                           "components": Object {
+                            "alert": Object {
+                              "skins": Object {
+                                "error": Object {
+                                  "background": "#ffe5e9",
+                                  "icon": "#ff2d4d",
+                                  "text": "#ac001a",
+                                },
+                                "neutral": Object {
+                                  "background": "#f2f2f2",
+                                  "icon": "#999999",
+                                  "text": "#191919",
+                                },
+                                "primary": Object {
+                                  "background": "#e5edfc",
+                                  "icon": "#1355d0",
+                                  "text": "#062ab3",
+                                },
+                                "success": Object {
+                                  "background": "#edfadf",
+                                  "icon": "#7ed321",
+                                  "text": "#3c6510",
+                                },
+                                "warning": Object {
+                                  "background": "#ffefd6",
+                                  "icon": "#f09100",
+                                  "text": "#a36300",
+                                },
+                              },
+                            },
                             "badge": Object {
                               "skins": Object {
                                 "error": Object {
@@ -31293,6 +33729,35 @@ exports[`<SnackBar /> should match snapshots 8`] = `
                   },
                 },
                 "components": Object {
+                  "alert": Object {
+                    "skins": Object {
+                      "error": Object {
+                        "background": "#ffe5e9",
+                        "icon": "#ff2d4d",
+                        "text": "#ac001a",
+                      },
+                      "neutral": Object {
+                        "background": "#f2f2f2",
+                        "icon": "#999999",
+                        "text": "#191919",
+                      },
+                      "primary": Object {
+                        "background": "#e5edfc",
+                        "icon": "#1355d0",
+                        "text": "#062ab3",
+                      },
+                      "success": Object {
+                        "background": "#edfadf",
+                        "icon": "#7ed321",
+                        "text": "#3c6510",
+                      },
+                      "warning": Object {
+                        "background": "#ffefd6",
+                        "icon": "#f09100",
+                        "text": "#a36300",
+                      },
+                    },
+                  },
                   "badge": Object {
                     "skins": Object {
                       "error": Object {
@@ -31430,6 +33895,35 @@ exports[`<SnackBar /> should match snapshots 8`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -31615,6 +34109,35 @@ exports[`<SnackBar /> should match snapshots 8`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -31752,6 +34275,35 @@ exports[`<SnackBar /> should match snapshots 8`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -31934,6 +34486,35 @@ exports[`<SnackBar /> should match snapshots 8`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -32071,6 +34652,35 @@ exports[`<SnackBar /> should match snapshots 8`] = `
                       },
                     },
                     "components": Object {
+                      "alert": Object {
+                        "skins": Object {
+                          "error": Object {
+                            "background": "#ffe5e9",
+                            "icon": "#ff2d4d",
+                            "text": "#ac001a",
+                          },
+                          "neutral": Object {
+                            "background": "#f2f2f2",
+                            "icon": "#999999",
+                            "text": "#191919",
+                          },
+                          "primary": Object {
+                            "background": "#e5edfc",
+                            "icon": "#1355d0",
+                            "text": "#062ab3",
+                          },
+                          "success": Object {
+                            "background": "#edfadf",
+                            "icon": "#7ed321",
+                            "text": "#3c6510",
+                          },
+                          "warning": Object {
+                            "background": "#ffefd6",
+                            "icon": "#f09100",
+                            "text": "#a36300",
+                          },
+                        },
+                      },
                       "badge": Object {
                         "skins": Object {
                           "error": Object {
@@ -32245,6 +34855,35 @@ exports[`<SnackBar /> should match snapshots 8`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -32382,6 +35021,35 @@ exports[`<SnackBar /> should match snapshots 8`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -32564,6 +35232,35 @@ exports[`<SnackBar /> should match snapshots 8`] = `
                               },
                             },
                             "components": Object {
+                              "alert": Object {
+                                "skins": Object {
+                                  "error": Object {
+                                    "background": "#ffe5e9",
+                                    "icon": "#ff2d4d",
+                                    "text": "#ac001a",
+                                  },
+                                  "neutral": Object {
+                                    "background": "#f2f2f2",
+                                    "icon": "#999999",
+                                    "text": "#191919",
+                                  },
+                                  "primary": Object {
+                                    "background": "#e5edfc",
+                                    "icon": "#1355d0",
+                                    "text": "#062ab3",
+                                  },
+                                  "success": Object {
+                                    "background": "#edfadf",
+                                    "icon": "#7ed321",
+                                    "text": "#3c6510",
+                                  },
+                                  "warning": Object {
+                                    "background": "#ffefd6",
+                                    "icon": "#f09100",
+                                    "text": "#a36300",
+                                  },
+                                },
+                              },
                               "badge": Object {
                                 "skins": Object {
                                   "error": Object {
@@ -32701,6 +35398,35 @@ exports[`<SnackBar /> should match snapshots 8`] = `
                                 },
                               },
                               "components": Object {
+                                "alert": Object {
+                                  "skins": Object {
+                                    "error": Object {
+                                      "background": "#ffe5e9",
+                                      "icon": "#ff2d4d",
+                                      "text": "#ac001a",
+                                    },
+                                    "neutral": Object {
+                                      "background": "#f2f2f2",
+                                      "icon": "#999999",
+                                      "text": "#191919",
+                                    },
+                                    "primary": Object {
+                                      "background": "#e5edfc",
+                                      "icon": "#1355d0",
+                                      "text": "#062ab3",
+                                    },
+                                    "success": Object {
+                                      "background": "#edfadf",
+                                      "icon": "#7ed321",
+                                      "text": "#3c6510",
+                                    },
+                                    "warning": Object {
+                                      "background": "#ffefd6",
+                                      "icon": "#f09100",
+                                      "text": "#a36300",
+                                    },
+                                  },
+                                },
                                 "badge": Object {
                                   "skins": Object {
                                     "error": Object {
@@ -32894,6 +35620,35 @@ exports[`<SnackBar /> should match snapshots 8`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -33031,6 +35786,35 @@ exports[`<SnackBar /> should match snapshots 8`] = `
                             },
                           },
                           "components": Object {
+                            "alert": Object {
+                              "skins": Object {
+                                "error": Object {
+                                  "background": "#ffe5e9",
+                                  "icon": "#ff2d4d",
+                                  "text": "#ac001a",
+                                },
+                                "neutral": Object {
+                                  "background": "#f2f2f2",
+                                  "icon": "#999999",
+                                  "text": "#191919",
+                                },
+                                "primary": Object {
+                                  "background": "#e5edfc",
+                                  "icon": "#1355d0",
+                                  "text": "#062ab3",
+                                },
+                                "success": Object {
+                                  "background": "#edfadf",
+                                  "icon": "#7ed321",
+                                  "text": "#3c6510",
+                                },
+                                "warning": Object {
+                                  "background": "#ffefd6",
+                                  "icon": "#f09100",
+                                  "text": "#a36300",
+                                },
+                              },
+                            },
                             "badge": Object {
                               "skins": Object {
                                 "error": Object {
@@ -35655,6 +38439,35 @@ exports[`<SnackBar /> should match snapshots 9`] = `
                   },
                 },
                 "components": Object {
+                  "alert": Object {
+                    "skins": Object {
+                      "error": Object {
+                        "background": "#ffe5e9",
+                        "icon": "#ff2d4d",
+                        "text": "#ac001a",
+                      },
+                      "neutral": Object {
+                        "background": "#f2f2f2",
+                        "icon": "#999999",
+                        "text": "#191919",
+                      },
+                      "primary": Object {
+                        "background": "#e5edfc",
+                        "icon": "#1355d0",
+                        "text": "#062ab3",
+                      },
+                      "success": Object {
+                        "background": "#edfadf",
+                        "icon": "#7ed321",
+                        "text": "#3c6510",
+                      },
+                      "warning": Object {
+                        "background": "#ffefd6",
+                        "icon": "#f09100",
+                        "text": "#a36300",
+                      },
+                    },
+                  },
                   "badge": Object {
                     "skins": Object {
                       "error": Object {
@@ -35792,6 +38605,35 @@ exports[`<SnackBar /> should match snapshots 9`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -35977,6 +38819,35 @@ exports[`<SnackBar /> should match snapshots 9`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -36114,6 +38985,35 @@ exports[`<SnackBar /> should match snapshots 9`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -36296,6 +39196,35 @@ exports[`<SnackBar /> should match snapshots 9`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -36433,6 +39362,35 @@ exports[`<SnackBar /> should match snapshots 9`] = `
                       },
                     },
                     "components": Object {
+                      "alert": Object {
+                        "skins": Object {
+                          "error": Object {
+                            "background": "#ffe5e9",
+                            "icon": "#ff2d4d",
+                            "text": "#ac001a",
+                          },
+                          "neutral": Object {
+                            "background": "#f2f2f2",
+                            "icon": "#999999",
+                            "text": "#191919",
+                          },
+                          "primary": Object {
+                            "background": "#e5edfc",
+                            "icon": "#1355d0",
+                            "text": "#062ab3",
+                          },
+                          "success": Object {
+                            "background": "#edfadf",
+                            "icon": "#7ed321",
+                            "text": "#3c6510",
+                          },
+                          "warning": Object {
+                            "background": "#ffefd6",
+                            "icon": "#f09100",
+                            "text": "#a36300",
+                          },
+                        },
+                      },
                       "badge": Object {
                         "skins": Object {
                           "error": Object {
@@ -36607,6 +39565,35 @@ exports[`<SnackBar /> should match snapshots 9`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -36744,6 +39731,35 @@ exports[`<SnackBar /> should match snapshots 9`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -36926,6 +39942,35 @@ exports[`<SnackBar /> should match snapshots 9`] = `
                               },
                             },
                             "components": Object {
+                              "alert": Object {
+                                "skins": Object {
+                                  "error": Object {
+                                    "background": "#ffe5e9",
+                                    "icon": "#ff2d4d",
+                                    "text": "#ac001a",
+                                  },
+                                  "neutral": Object {
+                                    "background": "#f2f2f2",
+                                    "icon": "#999999",
+                                    "text": "#191919",
+                                  },
+                                  "primary": Object {
+                                    "background": "#e5edfc",
+                                    "icon": "#1355d0",
+                                    "text": "#062ab3",
+                                  },
+                                  "success": Object {
+                                    "background": "#edfadf",
+                                    "icon": "#7ed321",
+                                    "text": "#3c6510",
+                                  },
+                                  "warning": Object {
+                                    "background": "#ffefd6",
+                                    "icon": "#f09100",
+                                    "text": "#a36300",
+                                  },
+                                },
+                              },
                               "badge": Object {
                                 "skins": Object {
                                   "error": Object {
@@ -37063,6 +40108,35 @@ exports[`<SnackBar /> should match snapshots 9`] = `
                                 },
                               },
                               "components": Object {
+                                "alert": Object {
+                                  "skins": Object {
+                                    "error": Object {
+                                      "background": "#ffe5e9",
+                                      "icon": "#ff2d4d",
+                                      "text": "#ac001a",
+                                    },
+                                    "neutral": Object {
+                                      "background": "#f2f2f2",
+                                      "icon": "#999999",
+                                      "text": "#191919",
+                                    },
+                                    "primary": Object {
+                                      "background": "#e5edfc",
+                                      "icon": "#1355d0",
+                                      "text": "#062ab3",
+                                    },
+                                    "success": Object {
+                                      "background": "#edfadf",
+                                      "icon": "#7ed321",
+                                      "text": "#3c6510",
+                                    },
+                                    "warning": Object {
+                                      "background": "#ffefd6",
+                                      "icon": "#f09100",
+                                      "text": "#a36300",
+                                    },
+                                  },
+                                },
                                 "badge": Object {
                                   "skins": Object {
                                     "error": Object {
@@ -37256,6 +40330,35 @@ exports[`<SnackBar /> should match snapshots 9`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -37393,6 +40496,35 @@ exports[`<SnackBar /> should match snapshots 9`] = `
                             },
                           },
                           "components": Object {
+                            "alert": Object {
+                              "skins": Object {
+                                "error": Object {
+                                  "background": "#ffe5e9",
+                                  "icon": "#ff2d4d",
+                                  "text": "#ac001a",
+                                },
+                                "neutral": Object {
+                                  "background": "#f2f2f2",
+                                  "icon": "#999999",
+                                  "text": "#191919",
+                                },
+                                "primary": Object {
+                                  "background": "#e5edfc",
+                                  "icon": "#1355d0",
+                                  "text": "#062ab3",
+                                },
+                                "success": Object {
+                                  "background": "#edfadf",
+                                  "icon": "#7ed321",
+                                  "text": "#3c6510",
+                                },
+                                "warning": Object {
+                                  "background": "#ffefd6",
+                                  "icon": "#f09100",
+                                  "text": "#a36300",
+                                },
+                              },
+                            },
                             "badge": Object {
                               "skins": Object {
                                 "error": Object {
@@ -40017,6 +43149,35 @@ exports[`<SnackBar /> should match snapshots 10`] = `
                   },
                 },
                 "components": Object {
+                  "alert": Object {
+                    "skins": Object {
+                      "error": Object {
+                        "background": "#ffe5e9",
+                        "icon": "#ff2d4d",
+                        "text": "#ac001a",
+                      },
+                      "neutral": Object {
+                        "background": "#f2f2f2",
+                        "icon": "#999999",
+                        "text": "#191919",
+                      },
+                      "primary": Object {
+                        "background": "#e5edfc",
+                        "icon": "#1355d0",
+                        "text": "#062ab3",
+                      },
+                      "success": Object {
+                        "background": "#edfadf",
+                        "icon": "#7ed321",
+                        "text": "#3c6510",
+                      },
+                      "warning": Object {
+                        "background": "#ffefd6",
+                        "icon": "#f09100",
+                        "text": "#a36300",
+                      },
+                    },
+                  },
                   "badge": Object {
                     "skins": Object {
                       "error": Object {
@@ -40154,6 +43315,35 @@ exports[`<SnackBar /> should match snapshots 10`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -40339,6 +43529,35 @@ exports[`<SnackBar /> should match snapshots 10`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -40476,6 +43695,35 @@ exports[`<SnackBar /> should match snapshots 10`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -40658,6 +43906,35 @@ exports[`<SnackBar /> should match snapshots 10`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -40795,6 +44072,35 @@ exports[`<SnackBar /> should match snapshots 10`] = `
                       },
                     },
                     "components": Object {
+                      "alert": Object {
+                        "skins": Object {
+                          "error": Object {
+                            "background": "#ffe5e9",
+                            "icon": "#ff2d4d",
+                            "text": "#ac001a",
+                          },
+                          "neutral": Object {
+                            "background": "#f2f2f2",
+                            "icon": "#999999",
+                            "text": "#191919",
+                          },
+                          "primary": Object {
+                            "background": "#e5edfc",
+                            "icon": "#1355d0",
+                            "text": "#062ab3",
+                          },
+                          "success": Object {
+                            "background": "#edfadf",
+                            "icon": "#7ed321",
+                            "text": "#3c6510",
+                          },
+                          "warning": Object {
+                            "background": "#ffefd6",
+                            "icon": "#f09100",
+                            "text": "#a36300",
+                          },
+                        },
+                      },
                       "badge": Object {
                         "skins": Object {
                           "error": Object {
@@ -40969,6 +44275,35 @@ exports[`<SnackBar /> should match snapshots 10`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -41106,6 +44441,35 @@ exports[`<SnackBar /> should match snapshots 10`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -41288,6 +44652,35 @@ exports[`<SnackBar /> should match snapshots 10`] = `
                               },
                             },
                             "components": Object {
+                              "alert": Object {
+                                "skins": Object {
+                                  "error": Object {
+                                    "background": "#ffe5e9",
+                                    "icon": "#ff2d4d",
+                                    "text": "#ac001a",
+                                  },
+                                  "neutral": Object {
+                                    "background": "#f2f2f2",
+                                    "icon": "#999999",
+                                    "text": "#191919",
+                                  },
+                                  "primary": Object {
+                                    "background": "#e5edfc",
+                                    "icon": "#1355d0",
+                                    "text": "#062ab3",
+                                  },
+                                  "success": Object {
+                                    "background": "#edfadf",
+                                    "icon": "#7ed321",
+                                    "text": "#3c6510",
+                                  },
+                                  "warning": Object {
+                                    "background": "#ffefd6",
+                                    "icon": "#f09100",
+                                    "text": "#a36300",
+                                  },
+                                },
+                              },
                               "badge": Object {
                                 "skins": Object {
                                   "error": Object {
@@ -41425,6 +44818,35 @@ exports[`<SnackBar /> should match snapshots 10`] = `
                                 },
                               },
                               "components": Object {
+                                "alert": Object {
+                                  "skins": Object {
+                                    "error": Object {
+                                      "background": "#ffe5e9",
+                                      "icon": "#ff2d4d",
+                                      "text": "#ac001a",
+                                    },
+                                    "neutral": Object {
+                                      "background": "#f2f2f2",
+                                      "icon": "#999999",
+                                      "text": "#191919",
+                                    },
+                                    "primary": Object {
+                                      "background": "#e5edfc",
+                                      "icon": "#1355d0",
+                                      "text": "#062ab3",
+                                    },
+                                    "success": Object {
+                                      "background": "#edfadf",
+                                      "icon": "#7ed321",
+                                      "text": "#3c6510",
+                                    },
+                                    "warning": Object {
+                                      "background": "#ffefd6",
+                                      "icon": "#f09100",
+                                      "text": "#a36300",
+                                    },
+                                  },
+                                },
                                 "badge": Object {
                                   "skins": Object {
                                     "error": Object {
@@ -41618,6 +45040,35 @@ exports[`<SnackBar /> should match snapshots 10`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -41755,6 +45206,35 @@ exports[`<SnackBar /> should match snapshots 10`] = `
                             },
                           },
                           "components": Object {
+                            "alert": Object {
+                              "skins": Object {
+                                "error": Object {
+                                  "background": "#ffe5e9",
+                                  "icon": "#ff2d4d",
+                                  "text": "#ac001a",
+                                },
+                                "neutral": Object {
+                                  "background": "#f2f2f2",
+                                  "icon": "#999999",
+                                  "text": "#191919",
+                                },
+                                "primary": Object {
+                                  "background": "#e5edfc",
+                                  "icon": "#1355d0",
+                                  "text": "#062ab3",
+                                },
+                                "success": Object {
+                                  "background": "#edfadf",
+                                  "icon": "#7ed321",
+                                  "text": "#3c6510",
+                                },
+                                "warning": Object {
+                                  "background": "#ffefd6",
+                                  "icon": "#f09100",
+                                  "text": "#a36300",
+                                },
+                              },
+                            },
                             "badge": Object {
                               "skins": Object {
                                 "error": Object {
@@ -44379,6 +47859,35 @@ exports[`<SnackBar /> should match snapshots 11`] = `
                   },
                 },
                 "components": Object {
+                  "alert": Object {
+                    "skins": Object {
+                      "error": Object {
+                        "background": "#ffe5e9",
+                        "icon": "#ff2d4d",
+                        "text": "#ac001a",
+                      },
+                      "neutral": Object {
+                        "background": "#f2f2f2",
+                        "icon": "#999999",
+                        "text": "#191919",
+                      },
+                      "primary": Object {
+                        "background": "#e5edfc",
+                        "icon": "#1355d0",
+                        "text": "#062ab3",
+                      },
+                      "success": Object {
+                        "background": "#edfadf",
+                        "icon": "#7ed321",
+                        "text": "#3c6510",
+                      },
+                      "warning": Object {
+                        "background": "#ffefd6",
+                        "icon": "#f09100",
+                        "text": "#a36300",
+                      },
+                    },
+                  },
                   "badge": Object {
                     "skins": Object {
                       "error": Object {
@@ -44516,6 +48025,35 @@ exports[`<SnackBar /> should match snapshots 11`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -44701,6 +48239,35 @@ exports[`<SnackBar /> should match snapshots 11`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -44838,6 +48405,35 @@ exports[`<SnackBar /> should match snapshots 11`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -45020,6 +48616,35 @@ exports[`<SnackBar /> should match snapshots 11`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -45157,6 +48782,35 @@ exports[`<SnackBar /> should match snapshots 11`] = `
                       },
                     },
                     "components": Object {
+                      "alert": Object {
+                        "skins": Object {
+                          "error": Object {
+                            "background": "#ffe5e9",
+                            "icon": "#ff2d4d",
+                            "text": "#ac001a",
+                          },
+                          "neutral": Object {
+                            "background": "#f2f2f2",
+                            "icon": "#999999",
+                            "text": "#191919",
+                          },
+                          "primary": Object {
+                            "background": "#e5edfc",
+                            "icon": "#1355d0",
+                            "text": "#062ab3",
+                          },
+                          "success": Object {
+                            "background": "#edfadf",
+                            "icon": "#7ed321",
+                            "text": "#3c6510",
+                          },
+                          "warning": Object {
+                            "background": "#ffefd6",
+                            "icon": "#f09100",
+                            "text": "#a36300",
+                          },
+                        },
+                      },
                       "badge": Object {
                         "skins": Object {
                           "error": Object {
@@ -45331,6 +48985,35 @@ exports[`<SnackBar /> should match snapshots 11`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -45468,6 +49151,35 @@ exports[`<SnackBar /> should match snapshots 11`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -45650,6 +49362,35 @@ exports[`<SnackBar /> should match snapshots 11`] = `
                               },
                             },
                             "components": Object {
+                              "alert": Object {
+                                "skins": Object {
+                                  "error": Object {
+                                    "background": "#ffe5e9",
+                                    "icon": "#ff2d4d",
+                                    "text": "#ac001a",
+                                  },
+                                  "neutral": Object {
+                                    "background": "#f2f2f2",
+                                    "icon": "#999999",
+                                    "text": "#191919",
+                                  },
+                                  "primary": Object {
+                                    "background": "#e5edfc",
+                                    "icon": "#1355d0",
+                                    "text": "#062ab3",
+                                  },
+                                  "success": Object {
+                                    "background": "#edfadf",
+                                    "icon": "#7ed321",
+                                    "text": "#3c6510",
+                                  },
+                                  "warning": Object {
+                                    "background": "#ffefd6",
+                                    "icon": "#f09100",
+                                    "text": "#a36300",
+                                  },
+                                },
+                              },
                               "badge": Object {
                                 "skins": Object {
                                   "error": Object {
@@ -45787,6 +49528,35 @@ exports[`<SnackBar /> should match snapshots 11`] = `
                                 },
                               },
                               "components": Object {
+                                "alert": Object {
+                                  "skins": Object {
+                                    "error": Object {
+                                      "background": "#ffe5e9",
+                                      "icon": "#ff2d4d",
+                                      "text": "#ac001a",
+                                    },
+                                    "neutral": Object {
+                                      "background": "#f2f2f2",
+                                      "icon": "#999999",
+                                      "text": "#191919",
+                                    },
+                                    "primary": Object {
+                                      "background": "#e5edfc",
+                                      "icon": "#1355d0",
+                                      "text": "#062ab3",
+                                    },
+                                    "success": Object {
+                                      "background": "#edfadf",
+                                      "icon": "#7ed321",
+                                      "text": "#3c6510",
+                                    },
+                                    "warning": Object {
+                                      "background": "#ffefd6",
+                                      "icon": "#f09100",
+                                      "text": "#a36300",
+                                    },
+                                  },
+                                },
                                 "badge": Object {
                                   "skins": Object {
                                     "error": Object {
@@ -45980,6 +49750,35 @@ exports[`<SnackBar /> should match snapshots 11`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -46117,6 +49916,35 @@ exports[`<SnackBar /> should match snapshots 11`] = `
                             },
                           },
                           "components": Object {
+                            "alert": Object {
+                              "skins": Object {
+                                "error": Object {
+                                  "background": "#ffe5e9",
+                                  "icon": "#ff2d4d",
+                                  "text": "#ac001a",
+                                },
+                                "neutral": Object {
+                                  "background": "#f2f2f2",
+                                  "icon": "#999999",
+                                  "text": "#191919",
+                                },
+                                "primary": Object {
+                                  "background": "#e5edfc",
+                                  "icon": "#1355d0",
+                                  "text": "#062ab3",
+                                },
+                                "success": Object {
+                                  "background": "#edfadf",
+                                  "icon": "#7ed321",
+                                  "text": "#3c6510",
+                                },
+                                "warning": Object {
+                                  "background": "#ffefd6",
+                                  "icon": "#f09100",
+                                  "text": "#a36300",
+                                },
+                              },
+                            },
                             "badge": Object {
                               "skins": Object {
                                 "error": Object {
@@ -48741,6 +52569,35 @@ exports[`<SnackBar /> should match snapshots 12`] = `
                   },
                 },
                 "components": Object {
+                  "alert": Object {
+                    "skins": Object {
+                      "error": Object {
+                        "background": "#ffe5e9",
+                        "icon": "#ff2d4d",
+                        "text": "#ac001a",
+                      },
+                      "neutral": Object {
+                        "background": "#f2f2f2",
+                        "icon": "#999999",
+                        "text": "#191919",
+                      },
+                      "primary": Object {
+                        "background": "#e5edfc",
+                        "icon": "#1355d0",
+                        "text": "#062ab3",
+                      },
+                      "success": Object {
+                        "background": "#edfadf",
+                        "icon": "#7ed321",
+                        "text": "#3c6510",
+                      },
+                      "warning": Object {
+                        "background": "#ffefd6",
+                        "icon": "#f09100",
+                        "text": "#a36300",
+                      },
+                    },
+                  },
                   "badge": Object {
                     "skins": Object {
                       "error": Object {
@@ -48878,6 +52735,35 @@ exports[`<SnackBar /> should match snapshots 12`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -49063,6 +52949,35 @@ exports[`<SnackBar /> should match snapshots 12`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -49200,6 +53115,35 @@ exports[`<SnackBar /> should match snapshots 12`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -49382,6 +53326,35 @@ exports[`<SnackBar /> should match snapshots 12`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -49519,6 +53492,35 @@ exports[`<SnackBar /> should match snapshots 12`] = `
                       },
                     },
                     "components": Object {
+                      "alert": Object {
+                        "skins": Object {
+                          "error": Object {
+                            "background": "#ffe5e9",
+                            "icon": "#ff2d4d",
+                            "text": "#ac001a",
+                          },
+                          "neutral": Object {
+                            "background": "#f2f2f2",
+                            "icon": "#999999",
+                            "text": "#191919",
+                          },
+                          "primary": Object {
+                            "background": "#e5edfc",
+                            "icon": "#1355d0",
+                            "text": "#062ab3",
+                          },
+                          "success": Object {
+                            "background": "#edfadf",
+                            "icon": "#7ed321",
+                            "text": "#3c6510",
+                          },
+                          "warning": Object {
+                            "background": "#ffefd6",
+                            "icon": "#f09100",
+                            "text": "#a36300",
+                          },
+                        },
+                      },
                       "badge": Object {
                         "skins": Object {
                           "error": Object {
@@ -49693,6 +53695,35 @@ exports[`<SnackBar /> should match snapshots 12`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -49830,6 +53861,35 @@ exports[`<SnackBar /> should match snapshots 12`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -50012,6 +54072,35 @@ exports[`<SnackBar /> should match snapshots 12`] = `
                               },
                             },
                             "components": Object {
+                              "alert": Object {
+                                "skins": Object {
+                                  "error": Object {
+                                    "background": "#ffe5e9",
+                                    "icon": "#ff2d4d",
+                                    "text": "#ac001a",
+                                  },
+                                  "neutral": Object {
+                                    "background": "#f2f2f2",
+                                    "icon": "#999999",
+                                    "text": "#191919",
+                                  },
+                                  "primary": Object {
+                                    "background": "#e5edfc",
+                                    "icon": "#1355d0",
+                                    "text": "#062ab3",
+                                  },
+                                  "success": Object {
+                                    "background": "#edfadf",
+                                    "icon": "#7ed321",
+                                    "text": "#3c6510",
+                                  },
+                                  "warning": Object {
+                                    "background": "#ffefd6",
+                                    "icon": "#f09100",
+                                    "text": "#a36300",
+                                  },
+                                },
+                              },
                               "badge": Object {
                                 "skins": Object {
                                   "error": Object {
@@ -50149,6 +54238,35 @@ exports[`<SnackBar /> should match snapshots 12`] = `
                                 },
                               },
                               "components": Object {
+                                "alert": Object {
+                                  "skins": Object {
+                                    "error": Object {
+                                      "background": "#ffe5e9",
+                                      "icon": "#ff2d4d",
+                                      "text": "#ac001a",
+                                    },
+                                    "neutral": Object {
+                                      "background": "#f2f2f2",
+                                      "icon": "#999999",
+                                      "text": "#191919",
+                                    },
+                                    "primary": Object {
+                                      "background": "#e5edfc",
+                                      "icon": "#1355d0",
+                                      "text": "#062ab3",
+                                    },
+                                    "success": Object {
+                                      "background": "#edfadf",
+                                      "icon": "#7ed321",
+                                      "text": "#3c6510",
+                                    },
+                                    "warning": Object {
+                                      "background": "#ffefd6",
+                                      "icon": "#f09100",
+                                      "text": "#a36300",
+                                    },
+                                  },
+                                },
                                 "badge": Object {
                                   "skins": Object {
                                     "error": Object {
@@ -50342,6 +54460,35 @@ exports[`<SnackBar /> should match snapshots 12`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -50479,6 +54626,35 @@ exports[`<SnackBar /> should match snapshots 12`] = `
                             },
                           },
                           "components": Object {
+                            "alert": Object {
+                              "skins": Object {
+                                "error": Object {
+                                  "background": "#ffe5e9",
+                                  "icon": "#ff2d4d",
+                                  "text": "#ac001a",
+                                },
+                                "neutral": Object {
+                                  "background": "#f2f2f2",
+                                  "icon": "#999999",
+                                  "text": "#191919",
+                                },
+                                "primary": Object {
+                                  "background": "#e5edfc",
+                                  "icon": "#1355d0",
+                                  "text": "#062ab3",
+                                },
+                                "success": Object {
+                                  "background": "#edfadf",
+                                  "icon": "#7ed321",
+                                  "text": "#3c6510",
+                                },
+                                "warning": Object {
+                                  "background": "#ffefd6",
+                                  "icon": "#f09100",
+                                  "text": "#a36300",
+                                },
+                              },
+                            },
                             "badge": Object {
                               "skins": Object {
                                 "error": Object {
@@ -53103,6 +57279,35 @@ exports[`<SnackBar /> should match snapshots 13`] = `
                   },
                 },
                 "components": Object {
+                  "alert": Object {
+                    "skins": Object {
+                      "error": Object {
+                        "background": "#ffe5e9",
+                        "icon": "#ff2d4d",
+                        "text": "#ac001a",
+                      },
+                      "neutral": Object {
+                        "background": "#f2f2f2",
+                        "icon": "#999999",
+                        "text": "#191919",
+                      },
+                      "primary": Object {
+                        "background": "#e5edfc",
+                        "icon": "#1355d0",
+                        "text": "#062ab3",
+                      },
+                      "success": Object {
+                        "background": "#edfadf",
+                        "icon": "#7ed321",
+                        "text": "#3c6510",
+                      },
+                      "warning": Object {
+                        "background": "#ffefd6",
+                        "icon": "#f09100",
+                        "text": "#a36300",
+                      },
+                    },
+                  },
                   "badge": Object {
                     "skins": Object {
                       "error": Object {
@@ -53240,6 +57445,35 @@ exports[`<SnackBar /> should match snapshots 13`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -53425,6 +57659,35 @@ exports[`<SnackBar /> should match snapshots 13`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -53562,6 +57825,35 @@ exports[`<SnackBar /> should match snapshots 13`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -53744,6 +58036,35 @@ exports[`<SnackBar /> should match snapshots 13`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -53881,6 +58202,35 @@ exports[`<SnackBar /> should match snapshots 13`] = `
                       },
                     },
                     "components": Object {
+                      "alert": Object {
+                        "skins": Object {
+                          "error": Object {
+                            "background": "#ffe5e9",
+                            "icon": "#ff2d4d",
+                            "text": "#ac001a",
+                          },
+                          "neutral": Object {
+                            "background": "#f2f2f2",
+                            "icon": "#999999",
+                            "text": "#191919",
+                          },
+                          "primary": Object {
+                            "background": "#e5edfc",
+                            "icon": "#1355d0",
+                            "text": "#062ab3",
+                          },
+                          "success": Object {
+                            "background": "#edfadf",
+                            "icon": "#7ed321",
+                            "text": "#3c6510",
+                          },
+                          "warning": Object {
+                            "background": "#ffefd6",
+                            "icon": "#f09100",
+                            "text": "#a36300",
+                          },
+                        },
+                      },
                       "badge": Object {
                         "skins": Object {
                           "error": Object {
@@ -54055,6 +58405,35 @@ exports[`<SnackBar /> should match snapshots 13`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -54192,6 +58571,35 @@ exports[`<SnackBar /> should match snapshots 13`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -54374,6 +58782,35 @@ exports[`<SnackBar /> should match snapshots 13`] = `
                               },
                             },
                             "components": Object {
+                              "alert": Object {
+                                "skins": Object {
+                                  "error": Object {
+                                    "background": "#ffe5e9",
+                                    "icon": "#ff2d4d",
+                                    "text": "#ac001a",
+                                  },
+                                  "neutral": Object {
+                                    "background": "#f2f2f2",
+                                    "icon": "#999999",
+                                    "text": "#191919",
+                                  },
+                                  "primary": Object {
+                                    "background": "#e5edfc",
+                                    "icon": "#1355d0",
+                                    "text": "#062ab3",
+                                  },
+                                  "success": Object {
+                                    "background": "#edfadf",
+                                    "icon": "#7ed321",
+                                    "text": "#3c6510",
+                                  },
+                                  "warning": Object {
+                                    "background": "#ffefd6",
+                                    "icon": "#f09100",
+                                    "text": "#a36300",
+                                  },
+                                },
+                              },
                               "badge": Object {
                                 "skins": Object {
                                   "error": Object {
@@ -54511,6 +58948,35 @@ exports[`<SnackBar /> should match snapshots 13`] = `
                                 },
                               },
                               "components": Object {
+                                "alert": Object {
+                                  "skins": Object {
+                                    "error": Object {
+                                      "background": "#ffe5e9",
+                                      "icon": "#ff2d4d",
+                                      "text": "#ac001a",
+                                    },
+                                    "neutral": Object {
+                                      "background": "#f2f2f2",
+                                      "icon": "#999999",
+                                      "text": "#191919",
+                                    },
+                                    "primary": Object {
+                                      "background": "#e5edfc",
+                                      "icon": "#1355d0",
+                                      "text": "#062ab3",
+                                    },
+                                    "success": Object {
+                                      "background": "#edfadf",
+                                      "icon": "#7ed321",
+                                      "text": "#3c6510",
+                                    },
+                                    "warning": Object {
+                                      "background": "#ffefd6",
+                                      "icon": "#f09100",
+                                      "text": "#a36300",
+                                    },
+                                  },
+                                },
                                 "badge": Object {
                                   "skins": Object {
                                     "error": Object {
@@ -54704,6 +59170,35 @@ exports[`<SnackBar /> should match snapshots 13`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -54841,6 +59336,35 @@ exports[`<SnackBar /> should match snapshots 13`] = `
                             },
                           },
                           "components": Object {
+                            "alert": Object {
+                              "skins": Object {
+                                "error": Object {
+                                  "background": "#ffe5e9",
+                                  "icon": "#ff2d4d",
+                                  "text": "#ac001a",
+                                },
+                                "neutral": Object {
+                                  "background": "#f2f2f2",
+                                  "icon": "#999999",
+                                  "text": "#191919",
+                                },
+                                "primary": Object {
+                                  "background": "#e5edfc",
+                                  "icon": "#1355d0",
+                                  "text": "#062ab3",
+                                },
+                                "success": Object {
+                                  "background": "#edfadf",
+                                  "icon": "#7ed321",
+                                  "text": "#3c6510",
+                                },
+                                "warning": Object {
+                                  "background": "#ffefd6",
+                                  "icon": "#f09100",
+                                  "text": "#a36300",
+                                },
+                              },
+                            },
                             "badge": Object {
                               "skins": Object {
                                 "error": Object {
@@ -57465,6 +61989,35 @@ exports[`<SnackBar /> should match snapshots 14`] = `
                   },
                 },
                 "components": Object {
+                  "alert": Object {
+                    "skins": Object {
+                      "error": Object {
+                        "background": "#ffe5e9",
+                        "icon": "#ff2d4d",
+                        "text": "#ac001a",
+                      },
+                      "neutral": Object {
+                        "background": "#f2f2f2",
+                        "icon": "#999999",
+                        "text": "#191919",
+                      },
+                      "primary": Object {
+                        "background": "#e5edfc",
+                        "icon": "#1355d0",
+                        "text": "#062ab3",
+                      },
+                      "success": Object {
+                        "background": "#edfadf",
+                        "icon": "#7ed321",
+                        "text": "#3c6510",
+                      },
+                      "warning": Object {
+                        "background": "#ffefd6",
+                        "icon": "#f09100",
+                        "text": "#a36300",
+                      },
+                    },
+                  },
                   "badge": Object {
                     "skins": Object {
                       "error": Object {
@@ -57602,6 +62155,35 @@ exports[`<SnackBar /> should match snapshots 14`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -57787,6 +62369,35 @@ exports[`<SnackBar /> should match snapshots 14`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -57924,6 +62535,35 @@ exports[`<SnackBar /> should match snapshots 14`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -58106,6 +62746,35 @@ exports[`<SnackBar /> should match snapshots 14`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -58243,6 +62912,35 @@ exports[`<SnackBar /> should match snapshots 14`] = `
                       },
                     },
                     "components": Object {
+                      "alert": Object {
+                        "skins": Object {
+                          "error": Object {
+                            "background": "#ffe5e9",
+                            "icon": "#ff2d4d",
+                            "text": "#ac001a",
+                          },
+                          "neutral": Object {
+                            "background": "#f2f2f2",
+                            "icon": "#999999",
+                            "text": "#191919",
+                          },
+                          "primary": Object {
+                            "background": "#e5edfc",
+                            "icon": "#1355d0",
+                            "text": "#062ab3",
+                          },
+                          "success": Object {
+                            "background": "#edfadf",
+                            "icon": "#7ed321",
+                            "text": "#3c6510",
+                          },
+                          "warning": Object {
+                            "background": "#ffefd6",
+                            "icon": "#f09100",
+                            "text": "#a36300",
+                          },
+                        },
+                      },
                       "badge": Object {
                         "skins": Object {
                           "error": Object {
@@ -58417,6 +63115,35 @@ exports[`<SnackBar /> should match snapshots 14`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -58554,6 +63281,35 @@ exports[`<SnackBar /> should match snapshots 14`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -58736,6 +63492,35 @@ exports[`<SnackBar /> should match snapshots 14`] = `
                               },
                             },
                             "components": Object {
+                              "alert": Object {
+                                "skins": Object {
+                                  "error": Object {
+                                    "background": "#ffe5e9",
+                                    "icon": "#ff2d4d",
+                                    "text": "#ac001a",
+                                  },
+                                  "neutral": Object {
+                                    "background": "#f2f2f2",
+                                    "icon": "#999999",
+                                    "text": "#191919",
+                                  },
+                                  "primary": Object {
+                                    "background": "#e5edfc",
+                                    "icon": "#1355d0",
+                                    "text": "#062ab3",
+                                  },
+                                  "success": Object {
+                                    "background": "#edfadf",
+                                    "icon": "#7ed321",
+                                    "text": "#3c6510",
+                                  },
+                                  "warning": Object {
+                                    "background": "#ffefd6",
+                                    "icon": "#f09100",
+                                    "text": "#a36300",
+                                  },
+                                },
+                              },
                               "badge": Object {
                                 "skins": Object {
                                   "error": Object {
@@ -58873,6 +63658,35 @@ exports[`<SnackBar /> should match snapshots 14`] = `
                                 },
                               },
                               "components": Object {
+                                "alert": Object {
+                                  "skins": Object {
+                                    "error": Object {
+                                      "background": "#ffe5e9",
+                                      "icon": "#ff2d4d",
+                                      "text": "#ac001a",
+                                    },
+                                    "neutral": Object {
+                                      "background": "#f2f2f2",
+                                      "icon": "#999999",
+                                      "text": "#191919",
+                                    },
+                                    "primary": Object {
+                                      "background": "#e5edfc",
+                                      "icon": "#1355d0",
+                                      "text": "#062ab3",
+                                    },
+                                    "success": Object {
+                                      "background": "#edfadf",
+                                      "icon": "#7ed321",
+                                      "text": "#3c6510",
+                                    },
+                                    "warning": Object {
+                                      "background": "#ffefd6",
+                                      "icon": "#f09100",
+                                      "text": "#a36300",
+                                    },
+                                  },
+                                },
                                 "badge": Object {
                                   "skins": Object {
                                     "error": Object {
@@ -59066,6 +63880,35 @@ exports[`<SnackBar /> should match snapshots 14`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -59203,6 +64046,35 @@ exports[`<SnackBar /> should match snapshots 14`] = `
                             },
                           },
                           "components": Object {
+                            "alert": Object {
+                              "skins": Object {
+                                "error": Object {
+                                  "background": "#ffe5e9",
+                                  "icon": "#ff2d4d",
+                                  "text": "#ac001a",
+                                },
+                                "neutral": Object {
+                                  "background": "#f2f2f2",
+                                  "icon": "#999999",
+                                  "text": "#191919",
+                                },
+                                "primary": Object {
+                                  "background": "#e5edfc",
+                                  "icon": "#1355d0",
+                                  "text": "#062ab3",
+                                },
+                                "success": Object {
+                                  "background": "#edfadf",
+                                  "icon": "#7ed321",
+                                  "text": "#3c6510",
+                                },
+                                "warning": Object {
+                                  "background": "#ffefd6",
+                                  "icon": "#f09100",
+                                  "text": "#a36300",
+                                },
+                              },
+                            },
                             "badge": Object {
                               "skins": Object {
                                 "error": Object {
@@ -61827,6 +66699,35 @@ exports[`<SnackBar /> should match snapshots 15`] = `
                   },
                 },
                 "components": Object {
+                  "alert": Object {
+                    "skins": Object {
+                      "error": Object {
+                        "background": "#ffe5e9",
+                        "icon": "#ff2d4d",
+                        "text": "#ac001a",
+                      },
+                      "neutral": Object {
+                        "background": "#f2f2f2",
+                        "icon": "#999999",
+                        "text": "#191919",
+                      },
+                      "primary": Object {
+                        "background": "#e5edfc",
+                        "icon": "#1355d0",
+                        "text": "#062ab3",
+                      },
+                      "success": Object {
+                        "background": "#edfadf",
+                        "icon": "#7ed321",
+                        "text": "#3c6510",
+                      },
+                      "warning": Object {
+                        "background": "#ffefd6",
+                        "icon": "#f09100",
+                        "text": "#a36300",
+                      },
+                    },
+                  },
                   "badge": Object {
                     "skins": Object {
                       "error": Object {
@@ -61964,6 +66865,35 @@ exports[`<SnackBar /> should match snapshots 15`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -62149,6 +67079,35 @@ exports[`<SnackBar /> should match snapshots 15`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -62286,6 +67245,35 @@ exports[`<SnackBar /> should match snapshots 15`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -62468,6 +67456,35 @@ exports[`<SnackBar /> should match snapshots 15`] = `
                     },
                   },
                   "components": Object {
+                    "alert": Object {
+                      "skins": Object {
+                        "error": Object {
+                          "background": "#ffe5e9",
+                          "icon": "#ff2d4d",
+                          "text": "#ac001a",
+                        },
+                        "neutral": Object {
+                          "background": "#f2f2f2",
+                          "icon": "#999999",
+                          "text": "#191919",
+                        },
+                        "primary": Object {
+                          "background": "#e5edfc",
+                          "icon": "#1355d0",
+                          "text": "#062ab3",
+                        },
+                        "success": Object {
+                          "background": "#edfadf",
+                          "icon": "#7ed321",
+                          "text": "#3c6510",
+                        },
+                        "warning": Object {
+                          "background": "#ffefd6",
+                          "icon": "#f09100",
+                          "text": "#a36300",
+                        },
+                      },
+                    },
                     "badge": Object {
                       "skins": Object {
                         "error": Object {
@@ -62605,6 +67622,35 @@ exports[`<SnackBar /> should match snapshots 15`] = `
                       },
                     },
                     "components": Object {
+                      "alert": Object {
+                        "skins": Object {
+                          "error": Object {
+                            "background": "#ffe5e9",
+                            "icon": "#ff2d4d",
+                            "text": "#ac001a",
+                          },
+                          "neutral": Object {
+                            "background": "#f2f2f2",
+                            "icon": "#999999",
+                            "text": "#191919",
+                          },
+                          "primary": Object {
+                            "background": "#e5edfc",
+                            "icon": "#1355d0",
+                            "text": "#062ab3",
+                          },
+                          "success": Object {
+                            "background": "#edfadf",
+                            "icon": "#7ed321",
+                            "text": "#3c6510",
+                          },
+                          "warning": Object {
+                            "background": "#ffefd6",
+                            "icon": "#f09100",
+                            "text": "#a36300",
+                          },
+                        },
+                      },
                       "badge": Object {
                         "skins": Object {
                           "error": Object {
@@ -62779,6 +67825,35 @@ exports[`<SnackBar /> should match snapshots 15`] = `
                         },
                       },
                       "components": Object {
+                        "alert": Object {
+                          "skins": Object {
+                            "error": Object {
+                              "background": "#ffe5e9",
+                              "icon": "#ff2d4d",
+                              "text": "#ac001a",
+                            },
+                            "neutral": Object {
+                              "background": "#f2f2f2",
+                              "icon": "#999999",
+                              "text": "#191919",
+                            },
+                            "primary": Object {
+                              "background": "#e5edfc",
+                              "icon": "#1355d0",
+                              "text": "#062ab3",
+                            },
+                            "success": Object {
+                              "background": "#edfadf",
+                              "icon": "#7ed321",
+                              "text": "#3c6510",
+                            },
+                            "warning": Object {
+                              "background": "#ffefd6",
+                              "icon": "#f09100",
+                              "text": "#a36300",
+                            },
+                          },
+                        },
                         "badge": Object {
                           "skins": Object {
                             "error": Object {
@@ -62916,6 +67991,35 @@ exports[`<SnackBar /> should match snapshots 15`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -63098,6 +68202,35 @@ exports[`<SnackBar /> should match snapshots 15`] = `
                               },
                             },
                             "components": Object {
+                              "alert": Object {
+                                "skins": Object {
+                                  "error": Object {
+                                    "background": "#ffe5e9",
+                                    "icon": "#ff2d4d",
+                                    "text": "#ac001a",
+                                  },
+                                  "neutral": Object {
+                                    "background": "#f2f2f2",
+                                    "icon": "#999999",
+                                    "text": "#191919",
+                                  },
+                                  "primary": Object {
+                                    "background": "#e5edfc",
+                                    "icon": "#1355d0",
+                                    "text": "#062ab3",
+                                  },
+                                  "success": Object {
+                                    "background": "#edfadf",
+                                    "icon": "#7ed321",
+                                    "text": "#3c6510",
+                                  },
+                                  "warning": Object {
+                                    "background": "#ffefd6",
+                                    "icon": "#f09100",
+                                    "text": "#a36300",
+                                  },
+                                },
+                              },
                               "badge": Object {
                                 "skins": Object {
                                   "error": Object {
@@ -63235,6 +68368,35 @@ exports[`<SnackBar /> should match snapshots 15`] = `
                                 },
                               },
                               "components": Object {
+                                "alert": Object {
+                                  "skins": Object {
+                                    "error": Object {
+                                      "background": "#ffe5e9",
+                                      "icon": "#ff2d4d",
+                                      "text": "#ac001a",
+                                    },
+                                    "neutral": Object {
+                                      "background": "#f2f2f2",
+                                      "icon": "#999999",
+                                      "text": "#191919",
+                                    },
+                                    "primary": Object {
+                                      "background": "#e5edfc",
+                                      "icon": "#1355d0",
+                                      "text": "#062ab3",
+                                    },
+                                    "success": Object {
+                                      "background": "#edfadf",
+                                      "icon": "#7ed321",
+                                      "text": "#3c6510",
+                                    },
+                                    "warning": Object {
+                                      "background": "#ffefd6",
+                                      "icon": "#f09100",
+                                      "text": "#a36300",
+                                    },
+                                  },
+                                },
                                 "badge": Object {
                                   "skins": Object {
                                     "error": Object {
@@ -63428,6 +68590,35 @@ exports[`<SnackBar /> should match snapshots 15`] = `
                           },
                         },
                         "components": Object {
+                          "alert": Object {
+                            "skins": Object {
+                              "error": Object {
+                                "background": "#ffe5e9",
+                                "icon": "#ff2d4d",
+                                "text": "#ac001a",
+                              },
+                              "neutral": Object {
+                                "background": "#f2f2f2",
+                                "icon": "#999999",
+                                "text": "#191919",
+                              },
+                              "primary": Object {
+                                "background": "#e5edfc",
+                                "icon": "#1355d0",
+                                "text": "#062ab3",
+                              },
+                              "success": Object {
+                                "background": "#edfadf",
+                                "icon": "#7ed321",
+                                "text": "#3c6510",
+                              },
+                              "warning": Object {
+                                "background": "#ffefd6",
+                                "icon": "#f09100",
+                                "text": "#a36300",
+                              },
+                            },
+                          },
                           "badge": Object {
                             "skins": Object {
                               "error": Object {
@@ -63565,6 +68756,35 @@ exports[`<SnackBar /> should match snapshots 15`] = `
                             },
                           },
                           "components": Object {
+                            "alert": Object {
+                              "skins": Object {
+                                "error": Object {
+                                  "background": "#ffe5e9",
+                                  "icon": "#ff2d4d",
+                                  "text": "#ac001a",
+                                },
+                                "neutral": Object {
+                                  "background": "#f2f2f2",
+                                  "icon": "#999999",
+                                  "text": "#191919",
+                                },
+                                "primary": Object {
+                                  "background": "#e5edfc",
+                                  "icon": "#1355d0",
+                                  "text": "#062ab3",
+                                },
+                                "success": Object {
+                                  "background": "#edfadf",
+                                  "icon": "#7ed321",
+                                  "text": "#3c6510",
+                                },
+                                "warning": Object {
+                                  "background": "#ffefd6",
+                                  "icon": "#f09100",
+                                  "text": "#a36300",
+                                },
+                              },
+                            },
                             "badge": Object {
                               "skins": Object {
                                 "error": Object {
diff --git a/components/shared/theme.js b/components/shared/theme.js
index 61fb9ea4b..d838bcfb4 100644
--- a/components/shared/theme.js
+++ b/components/shared/theme.js
@@ -151,6 +151,36 @@ const components = {
       },
     },
   },
+
+  alert: {
+    skins: {
+      neutral: {
+        icon: colors.neutral[500],
+        background: colors.neutral[100],
+        text: colors.neutral[900],
+      },
+      primary: {
+        icon: colors.primary[500],
+        background: colors.primary[100],
+        text: colors.primary[900],
+      },
+      success: {
+        icon: colors.success[500],
+        background: colors.success[100],
+        text: colors.success[900],
+      },
+      warning: {
+        icon: colors.warning[500],
+        background: colors.warning[100],
+        text: colors.warning[900],
+      },
+      error: {
+        icon: colors.error[500],
+        background: colors.error[100],
+        text: colors.error[900],
+      },
+    },
+  },
 };
 
 const theme = {