@spothero/ui 24.0.5-beta.3 → 24.1.0

package/dist/index.esm.js

@@ -37552,7 +37552,7 @@ var gray = {
   900: '#26323c'
 };
 var blue = {
-  50: '#f6fbfd',
+  50: '#f1fcff',
   100: '#e6f8fd',
   200: '#c0e9fb',
   300: '#96d3fa',
@@ -37576,7 +37576,7 @@ var navy = {
   900: '#002d5b'
 };
 var green = {
-  50: '#ecf8f7',
+  50: '#e9fbf9',
   100: '#d3f7ef',
   200: '#a4f3d9',
   300: '#65eabf',
@@ -37588,7 +37588,7 @@ var green = {
   900: '#115a35'
 };
 var yellow = {
-  50: '#f9f5e5',
+  50: '#fff9e5',
   100: '#faf0bd',
   200: '#f6e67c',
   300: '#f1d439',
@@ -37600,7 +37600,7 @@ var yellow = {
   900: '#743710'
 };
 var red = {
-  50: '#fdf9f8',
+  50: '#fff3f0',
   100: '#fdeef3',
   200: '#fbcee6',
   300: '#fba4d1',
@@ -40788,27 +40788,27 @@ var notificationStatusStyles = function notificationStatusStyles(status) {
     case NOTIFICATION_STATUSES.NEUTRAL:
       return {
         container: {
-          background: 'gray.light'
+          background: 'blue.50'
         },
         icon: {
-          color: 'gray.dark'
+          color: 'blue.500'
         },
         dismissButton: {
           _hover: {
-            background: 'gray.200'
+            background: 'blue.200'
           },
           _focus: {
-            background: 'gray.200'
+            background: 'blue.200'
           }
         }
       };
     case NOTIFICATION_STATUSES.WARNING:
       return {
         container: {
-          background: 'yellow.100'
+          background: 'yellow.50'
         },
         icon: {
-          color: 'yellow.500'
+          color: 'yellow.400'
         },
         dismissButton: {
           _hover: {
@@ -40822,7 +40822,7 @@ var notificationStatusStyles = function notificationStatusStyles(status) {
     case NOTIFICATION_STATUSES.ERROR:
       return {
         container: {
-          background: 'red.100'
+          background: 'red.50'
         },
         icon: {
           color: 'red.700'
@@ -40839,7 +40839,7 @@ var notificationStatusStyles = function notificationStatusStyles(status) {
     case NOTIFICATION_STATUSES.SUCCESS:
       return {
         container: {
-          background: 'green.100'
+          background: 'green.50'
         },
         icon: {
           color: 'green.700'
@@ -41250,7 +41250,7 @@ function _extends$3() {
     return n;
   }, _extends$3.apply(null, arguments);
 }
-var SvgExclamationCircleFilled = function SvgExclamationCircleFilled(props, ref) {
+var SvgExclamationTriangleFilled = function SvgExclamationTriangleFilled(props, ref) {
   return /*#__PURE__*/React.createElement("svg", _extends$3({}, props, {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "currentColor",
@@ -41259,10 +41259,10 @@ var SvgExclamationCircleFilled = function SvgExclamationCircleFilled(props, ref)
     ref: ref
   }), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
     fill: "",
-    d: "M11.953 2C6.465 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.493 2 11.953 2M13 17h-2v-2h2zm0-4h-2V7h2z"
+    d: "M12.884 2.532c-.346-.654-1.422-.654-1.768 0l-9 17A1 1 0 0 0 3 21h18a.998.998 0 0 0 .883-1.467zM13 18h-2v-2h2zm-2-4V9h2l.001 5z"
   })));
 };
-var ForwardRef$3 = /*#__PURE__*/forwardRef$1(SvgExclamationCircleFilled);
+var ForwardRef$3 = /*#__PURE__*/forwardRef$1(SvgExclamationTriangleFilled);
 
 var _path$2;
 function _extends$2() {