@epignosis_llc/gnosis 6.3.9 → 6.4.1

package/dist/cjs/index.cjs

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v6.3.8
+   * @epignosis_llc/gnosis.js v6.4.0
    * Released under the MIT license.
    */
 
@@ -1258,14 +1258,14 @@ createCache(options
   return cache;
 };
 
-function _extends$q() {
-  return _extends$q = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$t() {
+  return _extends$t = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$q.apply(null, arguments);
+  }, _extends$t.apply(null, arguments);
 }
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -1957,7 +1957,7 @@ var getTheme = function getTheme(outerTheme
     return mergedTheme;
   }
 
-  return _extends$q({}, outerTheme, theme);
+  return _extends$t({}, outerTheme, theme);
 };
 
 var createCacheWithTheme = /* #__PURE__ */weakMemoize(function (outerTheme) {
@@ -2555,14 +2555,14 @@ function _defineProperty$1(e, r, t) {
     writable: !0
   }) : e[r] = t, e;
 }
-function _extends$p() {
-  return _extends$p = Object.assign ? Object.assign.bind() : function (n) {
+function _extends$s() {
+  return _extends$s = Object.assign ? Object.assign.bind() : function (n) {
     for (var e = 1; e < arguments.length; e++) {
       var t = arguments[e];
       for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
     return n;
-  }, _extends$p.apply(null, arguments);
+  }, _extends$s.apply(null, arguments);
 }
 function _iterableToArray$1(r) {
   if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
@@ -6810,7 +6810,7 @@ var Color$1 = color$1;
 var THEME_COLOURS = {
   primary: "#0046AB",
   secondary: "#9EA5A9",
-  green: "#3CB744",
+  green: "#1B7855",
   orange: "#FF9C28",
   red: "#D12525",
   black: "#232323",
@@ -7337,6 +7337,29 @@ var statusTag = {
   red: colors$1.red.dark
 };
 
+var toastNotifications = {
+  info: {
+    background: colors$1.primary.lighter,
+    borderColor: colors$1.primary.lighter,
+    color: colors$1.white
+  },
+  error: {
+    background: colors$1.red.base,
+    borderColor: colors$1.red.base,
+    color: colors$1.white
+  },
+  success: {
+    background: colors$1.green.base,
+    borderColor: colors$1.green.base,
+    color: colors$1.white
+  },
+  warning: {
+    background: colors$1.orange.base,
+    borderColor: colors$1.orange.base,
+    color: colors$1.black
+  }
+};
+
 var typeScaleSizes = generateTypeScaleSizes(DEFAULT_TYPESCALE_CONFIG);
 var defaultTheme$1 = {
   body: {
@@ -7371,7 +7394,8 @@ var defaultTheme$1 = {
   dropdown: dropdown,
   scrollbar: scrollbar,
   statusTag: statusTag,
-  breadcrumbs: breadcrumbs
+  breadcrumbs: breadcrumbs,
+  toastNotifications: toastNotifications
 };
 
 var uncurryThis$f = functionUncurryThis;
@@ -13494,7 +13518,7 @@ var Loader = function Loader(_ref) {
   var _useTheme = useTheme(),
     loader = _useTheme.loader;
   var Loader = type === "pulse" ? PulseLoader : ClipLoader;
-  return jsx("div", _extends$p({
+  return jsx("div", _extends$s({
     css: function css() {
       return container$6({
         fullScreen: fullScreen
@@ -13635,7 +13659,7 @@ var Button = function Button(props) {
   var containerClassNames = classNames$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, className, Boolean(className)), "disabled", disabled || isLoading), "rounded", rounded), "solid", variant === "solid"), "outline", variant === "outline"), "ghost", variant === "ghost"), "linkButton", variant === "link"), "icon-after", SuffixIcon), "icon-before", PrefixIcon), "underlined", underlined));
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(Component, _extends$p({
+  }, jsx(Component, _extends$s({
     css: function css(theme) {
       return btnContainer(theme, {
         color: color,
@@ -13670,26 +13694,26 @@ var Button = function Button(props) {
   })));
 };
 
-var _path$m;
-function _extends$o() { return _extends$o = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$o.apply(null, arguments); }
+var _path$o;
+function _extends$r() { return _extends$r = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$r.apply(null, arguments); }
 function SvgIconCaretRight(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
     viewBox: "0 0 6 10",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M4.293 5L1.499 2.206V7.79L4.293 5zm1.415-.707c.39.391.39 1.025 0 1.416l-4 4a.996.996 0 01-1.09.216A1 1 0 01-.002 9V1a1.004 1.004 0 011.71-.71l4 4v.003z",
     fill: "currentColor"
   })));
 }
 
-var _path$l, _path2$b;
-function _extends$n() { return _extends$n = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$n.apply(null, arguments); }
+var _path$n, _path2$b;
+function _extends$q() { return _extends$q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$q.apply(null, arguments); }
 function SvgArrowRight(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
   })), _path2$b || (_path2$b = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13698,13 +13722,13 @@ function SvgArrowRight(props) {
   })));
 }
 
-var _path$k, _path2$a;
-function _extends$m() { return _extends$m = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$m.apply(null, arguments); }
+var _path$m, _path2$a;
+function _extends$p() { return _extends$p = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$p.apply(null, arguments); }
 function SvgArrowLeft(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h24v24H0z"
   })), _path2$a || (_path2$a = /*#__PURE__*/React__namespace.createElement("path", {
@@ -13713,79 +13737,79 @@ function SvgArrowLeft(props) {
   })));
 }
 
-var _path$j;
-function _extends$l() { return _extends$l = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$l.apply(null, arguments); }
+var _path$l;
+function _extends$o() { return _extends$o = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$o.apply(null, arguments); }
 function SvgChevronArrowLineLeft(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
     width: 10,
     height: 12,
     fill: "currentColor"
-  }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M3.185 6.48a.663.663 0 010-.94L8.513.207a.666.666 0 01.94.94L4.6 6.007l4.859 4.86a.666.666 0 01-.94.94L3.184 6.48zM.345.638v10.735a.638.638 0 001.278 0V.64A.638.638 0 00.346.638z"
   })));
 }
 
-var _path$i;
-function _extends$k() { return _extends$k = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$k.apply(null, arguments); }
+var _path$k;
+function _extends$n() { return _extends$n = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$n.apply(null, arguments); }
 function SvgChevronArrowLineRight(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
     width: 10,
     height: 14,
     fill: "currentColor"
-  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M6.814 6.527c.261.26.261.682 0 .94L1.486 12.8a.666.666 0 01-.94-.94L5.401 7l-4.86-4.86a.666.666 0 01.94-.94l5.332 5.326zm2.84 5.841V1.634a.638.638 0 00-1.277 0v10.732a.638.638 0 001.276.002z"
   })));
 }
 
-var _path$h;
-function _extends$j() { return _extends$j = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$j.apply(null, arguments); }
+var _path$j;
+function _extends$m() { return _extends$m = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$m.apply(null, arguments); }
 function SvgChevronArrowLeft(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
     width: 32,
     height: 32,
     fill: "currentColor"
-  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12.22 16.474a.614.614 0 010-.942l5.998-5.336a.814.814 0 011.059 0 .616.616 0 010 .942l-5.467 4.861 5.47 4.864a.614.614 0 010 .942.817.817 0 01-1.06 0l-6-5.33z"
   })));
 }
 
-var _path$g;
-function _extends$i() { return _extends$i = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$i.apply(null, arguments); }
+var _path$i;
+function _extends$l() { return _extends$l = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$l.apply(null, arguments); }
 function SvgChevronArrowRight(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
     width: 32,
     height: 32,
     fill: "currentColor"
-  }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$i || (_path$i = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M19.28 15.526a.614.614 0 010 .942l-5.998 5.336a.814.814 0 01-1.059 0 .616.616 0 010-.942l5.467-4.861-5.47-4.864a.614.614 0 010-.942.817.817 0 011.06 0l6 5.33z"
   })));
 }
 
-var _path$f;
-function _extends$h() { return _extends$h = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$h.apply(null, arguments); }
+var _path$h;
+function _extends$k() { return _extends$k = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$k.apply(null, arguments); }
 function SvgChevronArrowDown(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
     width: 12,
     height: 8,
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M11.81 2.15L6.493 7.238a.772.772 0 01-.486.211.707.707 0 01-.462-.186L.206 2.146a.667.667 0 01.923-.963l4.878 4.68 4.878-4.674a.666.666 0 01.923.96h.001z"
   })));
 }
 
-var _path$e, _path2$9;
-function _extends$g() { return _extends$g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$g.apply(null, arguments); }
+var _path$g, _path2$9;
+function _extends$j() { return _extends$j = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$j.apply(null, arguments); }
 function SvgIconChevronDown(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
     "data-name": "Icon-Chevron Down",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
-  }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 8037",
     fill: "none",
     d: "M0 0h32v32H0z"
@@ -13794,14 +13818,14 @@ function SvgIconChevronDown(props) {
   })));
 }
 
-var _path$d, _path2$8;
-function _extends$f() { return _extends$f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$f.apply(null, arguments); }
+var _path$f, _path2$8;
+function _extends$i() { return _extends$i = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$i.apply(null, arguments); }
 function SvgIconChevronUp(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
     "data-name": "Icon-Chevron Down",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 32 32"
-  }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
     "data-name": "Rectangle 8037",
     fill: "none",
     d: "M0 0h32v32H0z"
@@ -13810,46 +13834,90 @@ function SvgIconChevronUp(props) {
   })));
 }
 
-var _path$c;
-function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
+var _path$e;
+function _extends$h() { return _extends$h = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$h.apply(null, arguments); }
 function SvgArrowRightChevron(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M19.28 15.526a.614.614 0 010 .942l-5.998 5.336a.814.814 0 01-1.059 0 .616.616 0 010-.942l5.467-4.861-5.47-4.864a.614.614 0 010-.942.817.817 0 011.06 0l6 5.33z",
     fill: "currentColor"
   })));
 }
 
-var _path$b;
-function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
+var _path$d;
+function _extends$g() { return _extends$g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$g.apply(null, arguments); }
 function SvgArrowLeftChevron(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
     viewBox: "0 0 32 32",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12.22 16.474a.614.614 0 010-.942l5.998-5.336a.814.814 0 011.059 0 .616.616 0 010 .942l-5.467 4.861 5.47 4.864a.614.614 0 010 .942.817.817 0 01-1.06 0l-6-5.33z",
     fill: "currentColor"
   })));
 }
 
-var _path$a;
-function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
+var _path$c;
+function _extends$f() { return _extends$f = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$f.apply(null, arguments); }
+function SvgIconSuccess(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
+    "data-name": "Layer 2",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M11.43 15.93c-.51.51-1.35.51-1.86 0l-3-3c-.51-.51-.51-1.35 0-1.86s1.35-.51 1.86 0l2.07 2.07 5.07-5.07c.51-.51 1.35-.51 1.86 0s.51 1.35 0 1.86l-6 6zM24 12c0 6.63-5.37 12-12 12S0 18.63 0 12 5.37 0 12 0s12 5.37 12 12zM12 2.25c-5.39 0-9.75 4.36-9.75 9.75s4.36 9.75 9.75 9.75 9.75-4.36 9.75-9.75S17.39 2.25 12 2.25z",
+    fill: "currentColor",
+    "data-name": "Layer 1"
+  })));
+}
+
+var _path$b;
+function _extends$e() { return _extends$e = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$e.apply(null, arguments); }
 function SvgIconInfo(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
     "data-name": "Layer 2",
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24"
-  }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
+  }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
     d: "M12 0C5.37 0 0 5.37 0 12s5.37 12 12 12 12-5.37 12-12S18.63 0 12 0zm0 21.75c-5.38 0-9.75-4.37-9.75-9.75S6.62 2.25 12 2.25s9.75 4.37 9.75 9.75-4.37 9.75-9.75 9.75zm1.88-6h-.75v-4.12c0-.62-.5-1.12-1.12-1.12h-1.5c-.62 0-1.12.51-1.12 1.12s.51 1.12 1.12 1.12h.38v3h-.75c-.62 0-1.12.51-1.12 1.12s.51 1.12 1.12 1.12h3.75c.62 0 1.12-.5 1.12-1.12s-.5-1.12-1.12-1.12zM12 9c.83 0 1.5-.67 1.5-1.5S12.83 6 12 6s-1.5.67-1.5 1.5S11.17 9 12 9z",
     fill: "currentColor",
     "data-name": "Layer 1"
   })));
 }
 
+var _g$1;
+function _extends$d() { return _extends$d = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$d.apply(null, arguments); }
+function SvgIconWarning(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
+    "data-name": "Layer 2",
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24"
+  }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
+    "data-name": "Layer 1"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    d: "M0 0h24v24H0z"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M23.73 19.54L13.74 2.49c-.38-.66-1.06-.98-1.73-.98s-1.35.33-1.78.98L.25 19.54c-.73 1.31.23 2.95 1.77 2.95H22c1.53 0 2.49-1.64 1.73-2.95zm-21.25.7l9.49-16.26 9.57 16.26H2.48zm9.53-4.45c-.81 0-1.47.66-1.47 1.47s.66 1.47 1.47 1.47 1.47-.66 1.47-1.47c0-.81-.66-1.47-1.47-1.47zm-1.12-7.17v4.5c0 .62.51 1.12 1.12 1.12s1.12-.5 1.12-1.12v-4.5c0-.62-.5-1.12-1.12-1.12s-1.12.51-1.12 1.12z",
+    fill: "currentColor"
+  }))));
+}
+
+var _path$a;
+function _extends$c() { return _extends$c = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$c.apply(null, arguments); }
+function SvgDeactivate(props) {
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M12.031 13.11L2.875 3.952A6.548 6.548 0 001.5 7.984c0 3.594 2.906 6.5 6.5 6.5 1.5 0 2.906-.5 4.031-1.375zm1.063-1.063A6.597 6.597 0 0014.5 7.984c0-3.562-2.938-6.5-6.5-6.5a6.597 6.597 0 00-4.063 1.407l9.157 9.156zM0 7.984a7.94 7.94 0 014-6.906c2.469-1.437 5.5-1.437 8 0 2.469 1.438 4 4.063 4 6.906 0 2.875-1.531 5.5-4 6.938-2.5 1.437-5.531 1.437-8 0a7.953 7.953 0 01-4-6.938z"
+  })));
+}
+
 var _path$9, _path2$7;
 function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
 function SvgCloseCircled(props) {
@@ -13917,11 +13985,10 @@ function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind()
 function SvgCloseModal(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
     viewBox: "0 0 32 32",
-    fill: "none",
+    fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M17.405 15.992l4.286-4.281a1.003 1.003 0 00-.712-1.695 1 1 0 00-.703.278L16 14.584l-4.275-4.29a1 1 0 00-1.633 1.092c.05.121.124.232.217.325l4.286 4.281-4.286 4.282a1.001 1.001 0 101.415 1.417L16 17.399l4.276 4.292a1.001 1.001 0 101.415-1.417l-4.286-4.282z",
-    fill: "#000"
+    d: "M17.405 15.992l4.286-4.281a1.003 1.003 0 00-.712-1.695 1 1 0 00-.703.278L16 14.584l-4.275-4.29a1 1 0 00-1.633 1.092c.05.121.124.232.217.325l4.286 4.281-4.286 4.282a1.001 1.001 0 101.415 1.417L16 17.399l4.276 4.292a1.001 1.001 0 101.415-1.417l-4.286-4.282z"
   })));
 }
 
@@ -17767,7 +17834,7 @@ var Tooltip = function Tooltip(_ref) {
   var tagProps = _objectSpread2$1({
     role: "tooltip"
   }, parentProps);
-  return jsx(Tippy, _extends$p({
+  return jsx(Tippy, _extends$s({
     placement: placement,
     interactive: interactive,
     appendTo: document.body
@@ -17776,7 +17843,7 @@ var Tooltip = function Tooltip(_ref) {
     ,
     touch: ["hold", 300],
     render: function render(attrs) {
-      return jsx("div", _extends$p({
+      return jsx("div", _extends$s({
         className: "tooltip",
         role: "alert",
         css: function css(theme) {
@@ -17844,7 +17911,7 @@ var Chip = function Chip(_ref) {
   var isFilterOn = Boolean(Icon);
   var componentRef = React.useRef(null);
   var isOverflow = useIsOverflowX(componentRef);
-  return jsx("div", _extends$p({
+  return jsx("div", _extends$s({
     css: function css(theme) {
       var _ref2;
       return chip(theme, {
@@ -17915,7 +17982,7 @@ var Avatar = function Avatar(_ref) {
     alt = _ref.alt,
     children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$D);
-  return jsx("figure", _extends$p({
+  return jsx("figure", _extends$s({
     css: function css(theme) {
       return avatar(theme, {
         size: size,
@@ -17941,7 +18008,7 @@ var Tag = function Tag(_ref) {
   var children = _ref.children,
     style = _ref.style,
     rest = _objectWithoutProperties$1(_ref, _excluded$C);
-  return jsx("span", _extends$p({
+  return jsx("span", _extends$s({
     css: tag,
     style: style
   }, rest), children);
@@ -17983,7 +18050,7 @@ var Badge = function Badge(_ref) {
   var contentClassNames = classNames$1("content-container", {
     pulse: withPulse
   });
-  return jsx("div", _extends$p({
+  return jsx("div", _extends$s({
     css: function css(theme) {
       return container$5(theme, {
         size: size,
@@ -17991,7 +18058,7 @@ var Badge = function Badge(_ref) {
       });
     },
     className: containerClassNames
-  }, containerAttrs), jsx("span", _extends$p({
+  }, containerAttrs), jsx("span", _extends$s({
     className: contentClassNames
   }, rest), badgeContent), children);
 };
@@ -18987,7 +19054,7 @@ var container$4 = function container(_ref, _ref2) {
 };
 
 var _excluded$A = ["type", "children", "onClose", "icon"];
-var ICONS = {
+var ICONS$1 = {
   info: jsx(SvgInfo, {
     height: 56
   }),
@@ -19007,7 +19074,7 @@ var Alert = function Alert(_ref) {
     onClose = _ref.onClose,
     Icon = _ref.icon,
     rest = _objectWithoutProperties$1(_ref, _excluded$A);
-  return jsx("div", _extends$p({
+  return jsx("div", _extends$s({
     css: function css(theme) {
       return container$4(theme, {
         type: type
@@ -19020,7 +19087,7 @@ var Alert = function Alert(_ref) {
   }) : jsx("div", {
     className: "icon",
     "data-testid": "icon"
-  }, ICONS[type]), jsx("article", null, children), Boolean(onClose) && jsx("button", {
+  }, ICONS$1[type]), jsx("article", null, children), Boolean(onClose) && jsx("button", {
     "aria-label": "Close alert",
     onClick: onClose,
     className: "close-btn"
@@ -19044,7 +19111,7 @@ var Text = function Text(_ref) {
     as = _ref$as === void 0 ? "span" : _ref$as,
     rest = _objectWithoutProperties$1(_ref, _excluded$z);
   var Tag = as;
-  return jsx(Tag, _extends$p({
+  return jsx(Tag, _extends$s({
     "data-testid": "text-component",
     css: function css(theme) {
       return textContainer(theme, weight, fontSize);
@@ -19129,7 +19196,7 @@ var ProgressBar = function ProgressBar(_ref) {
   var showPercentage = percent >= 0 && percent <= 100 && size !== "sm" && size !== "xs" && typeof size !== "number";
   var showPercentageInside = showPercentage && !percentageAfter;
   var showPercentageAfter = percent >= 0 && percent <= 100 && percentageAfter;
-  return jsx("div", _extends$p({
+  return jsx("div", _extends$s({
     css: function css(theme) {
       return progressBarStyles(theme, {
         percent: percent,
@@ -21898,7 +21965,7 @@ var Heading = function Heading(_ref, forwardedRef) {
     rest = _objectWithoutProperties$1(_ref, _excluded$x);
   var HeadingTag = as;
   var selectedSize = size || SIZES[as];
-  return jsx(HeadingTag, _extends$p({
+  return jsx(HeadingTag, _extends$s({
     css: function css(theme) {
       return headingContainer(theme, {
         size: selectedSize
@@ -21950,7 +22017,7 @@ var Header$2 = function Header(_ref) {
   var title = typeof children === "string" ? jsx(Heading$1, {
     size: "md"
   }, children) : children;
-  return jsx("header", _extends$p({
+  return jsx("header", _extends$s({
     css: modalHeader,
     "data-testid": "modal-header"
   }, rest), jsx("div", null, title), onClose && jsx("button", {
@@ -21966,14 +22033,14 @@ var Header$2 = function Header(_ref) {
 var Body$3 = function Body(_ref2) {
   var children = _ref2.children,
     rest = _objectWithoutProperties$1(_ref2, _excluded2$3);
-  return jsx("article", _extends$p({
+  return jsx("article", _extends$s({
     css: modalContent
   }, rest), children);
 };
 var Footer$1 = function Footer(_ref3) {
   var children = _ref3.children,
     rest = _objectWithoutProperties$1(_ref3, _excluded3);
-  return jsx("footer", _extends$p({
+  return jsx("footer", _extends$s({
     css: modalFooter,
     "data-testid": "modal-footer"
   }, rest), children);
@@ -22346,7 +22413,7 @@ var Pagination = function Pagination(_ref) {
     nextPage: page + paginationDirectionFactor,
     previousPage: page - paginationDirectionFactor
   };
-  return jsx("div", _extends$p({
+  return jsx("div", _extends$s({
     css: function css(theme) {
       return container$3(theme);
     }
@@ -22617,7 +22684,7 @@ var Tabs = function Tabs(_ref) {
       }
     }
   };
-  return jsx("section", _extends$p({
+  return jsx("section", _extends$s({
     css: container$2
   }, rest), jsx("div", {
     className: "nav-wrapper",
@@ -22633,7 +22700,7 @@ var Tabs = function Tabs(_ref) {
     height: 22
   }) : jsx(SvgArrowLeft, {
     height: 22
-  })), jsx("nav", _extends$p({
+  })), jsx("nav", _extends$s({
     css: function css(theme) {
       return tabsHeader(theme, {
         stickyHeader: stickyHeader
@@ -22671,7 +22738,7 @@ var Tabs = function Tabs(_ref) {
     height: 22
   }) : jsx(SvgArrowRight, {
     height: 22
-  }))), jsx("div", _extends$p({
+  }))), jsx("div", _extends$s({
     id: "content",
     "aria-live": "polite",
     role: "region"
@@ -22723,7 +22790,7 @@ var Result = function Result(_ref) {
     md = _useResponsive.md;
   var Icon = icon;
   var iconSize = getIconSize(md);
-  return jsx("article", _extends$p({
+  return jsx("article", _extends$s({
     "data-testid": "empty-state-container",
     css: function css(theme) {
       return container$1(theme, {
@@ -23102,7 +23169,7 @@ var FocusLock$1 = /*#__PURE__*/React.forwardRef(function FocusLockUI(props, pare
       }
     }, []);
   }
-  var lockProps = _extends$q((_extends2 = {}, _extends2[FOCUS_DISABLED] = disabled && 'disabled', _extends2[FOCUS_GROUP] = group, _extends2), containerProps);
+  var lockProps = _extends$t((_extends2 = {}, _extends2[FOCUS_DISABLED] = disabled && 'disabled', _extends2[FOCUS_GROUP] = group, _extends2), containerProps);
   var hasLeadingGuards = noFocusGuards !== true;
   var hasTailingGuards = hasLeadingGuards && noFocusGuards !== 'tail';
   var mergedRef = useMergeRefs([parentRef, setObserveNode]);
@@ -23141,7 +23208,7 @@ var FocusLock$1 = /*#__PURE__*/React.forwardRef(function FocusLockUI(props, pare
     returnFocus: returnFocus,
     focusOptions: focusOptions,
     noFocusGuards: noFocusGuards
-  }), /*#__PURE__*/React__default["default"].createElement(Container, _extends$q({
+  }), /*#__PURE__*/React__default["default"].createElement(Container, _extends$t({
     ref: mergedRef
   }, lockProps, {
     className: className,
@@ -24480,7 +24547,7 @@ mediumEffect.assignMedium(function (cb) {
 var FocusTrap = withSideEffect(reducePropsToState, handleStateChangeOnClient)(FocusWatcher);
 
 var FocusLockCombination = /*#__PURE__*/React.forwardRef(function FocusLockUICombination(props, ref) {
-  return /*#__PURE__*/React__default["default"].createElement(FocusLockUI, _extends$q({
+  return /*#__PURE__*/React__default["default"].createElement(FocusLockUI, _extends$t({
     sideCar: FocusTrap,
     ref: ref
   }, props));
@@ -24687,7 +24754,7 @@ var Drawer$1 = function Drawer(props) {
   }, []);
   var drawer = jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(AnimatePresence, null, isOpen && jsx("div", _extends$p({
+  }, jsx(AnimatePresence, null, isOpen && jsx("div", _extends$s({
     css: function css(theme) {
       return drawerContainer$1(theme, width);
     },
@@ -24865,7 +24932,7 @@ var Sidebar = function Sidebar(_ref) {
   }
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(m.nav, _extends$p({
+  }, jsx(m.nav, _extends$s({
     css: function css(theme) {
       return mainNavContainer(theme, expandedWidth);
     },
@@ -24945,7 +25012,7 @@ var AspectRatio = function AspectRatio(_ref) {
     children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$q);
   var paddingPercentage = ratio[1] / ratio[0] * 100;
-  return jsx("div", _extends$p({
+  return jsx("div", _extends$s({
     css: aspectRatioContainer(paddingPercentage)
   }, rest), jsx("div", {
     className: "aspect-ratio-wrapper"
@@ -24964,7 +25031,7 @@ var CardHeader = function CardHeader(_ref) {
 };
 
 var Thumbnail = function Thumbnail(props) {
-  return jsx("img", _extends$p({
+  return jsx("img", _extends$s({
     css: thumbnailContainer
   }, props));
 };
@@ -25093,7 +25160,7 @@ var Card = function Card(_ref) {
     rest = _objectWithoutProperties$1(_ref, _excluded$p);
   return jsx(LazyMotion, {
     features: domAnimation
-  }, jsx(AnimatePresence, null, jsx(m.article, _extends$p({
+  }, jsx(AnimatePresence, null, jsx(m.article, _extends$s({
     initial: "rest",
     whileHover: !disableHover ? "hover" : {},
     css: function css(theme) {
@@ -25188,7 +25255,7 @@ var Grid = function Grid(props) {
     rest = _objectWithoutProperties$1(props, _excluded$o);
   var templateColumnAttrs = generateGridValues(templateColumns);
   var Component = as;
-  return jsx(Component, _extends$p({
+  return jsx(Component, _extends$s({
     css: gridContainer({
       templateColumns: templateColumnAttrs,
       gap: gap,
@@ -25215,7 +25282,7 @@ var Item = function Item(props) {
   var rowStartAttrs = generateGridValues(rowStart);
   var rowEndAttrs = generateGridValues(rowEnd);
   var Component = as;
-  return jsx(Component, _extends$p({
+  return jsx(Component, _extends$s({
     css: gridItem({
       colSpan: colSpanAttrs,
       colStart: colStartAttrs,
@@ -26300,7 +26367,7 @@ var Checkbox = function Checkbox(props, ref) {
     _props$readOnly = props.readOnly,
     readOnly = _props$readOnly === void 0 ? false : _props$readOnly,
     rest = _objectWithoutProperties$1(props, _excluded$n);
-  return jsx("div", _extends$p({
+  return jsx("div", _extends$s({
     ref: ref,
     css: function css(theme) {
       return checkboxContainer(theme, {
@@ -26312,7 +26379,7 @@ var Checkbox = function Checkbox(props, ref) {
   }, containerAttrs), isPartiallySelected && jsx("span", {
     "data-testid": "is-partially-selected",
     className: "dash"
-  }), jsx("input", _extends$p({
+  }), jsx("input", _extends$s({
     id: id,
     type: "checkbox",
     readOnly: readOnly
@@ -26409,7 +26476,7 @@ var Cell = function Cell(_ref) {
       if (el) setIsOverflowActive(el.offsetWidth < el.scrollWidth);
     }
   }, [windowWidth, windowHeight]);
-  return jsx(Component, _extends$p({
+  return jsx(Component, _extends$s({
     ref: componentRef,
     style: style,
     onClick: onClick
@@ -26830,10 +26897,10 @@ var Table = function Table(props, ref) {
     "data-testid": id
   }, jsx("table", {
     className: containerClassNames
-  }, jsx(Header, _extends$p({
+  }, jsx(Header, _extends$s({
     state: state,
     dispatch: dispatch
-  }, props)), jsx(Body, _extends$p({
+  }, props)), jsx(Body, _extends$s({
     state: state,
     dispatch: dispatch
   }, props))));
@@ -27008,7 +27075,7 @@ var Label = function Label(_ref) {
     size = _ref$size === void 0 ? "md" : _ref$size,
     children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$l);
-  return jsx("label", _extends$p({
+  return jsx("label", _extends$s({
     css: function css(theme) {
       return label(theme, {
         size: size
@@ -27270,7 +27337,7 @@ var Input$2 = function Input(_ref, forwardedRef) {
   };
   var shouldRenderTooltip = tooltipContent && typeof tooltipContent === "string" && tooltipContent !== "" || /*#__PURE__*/React.isValidElement(tooltipContent);
   var hasOnIconClick = Boolean(onIconClick);
-  return jsx("div", _extends$p({
+  return jsx("div", _extends$s({
     css: function css(theme) {
       return inputContainer(theme, {
         size: size,
@@ -27304,7 +27371,7 @@ var Input$2 = function Input(_ref, forwardedRef) {
   }, jsx(IconBefore, {
     height: iconHeight,
     onClick: onIconClick
-  })), jsx("input", _extends$p({
+  })), jsx("input", _extends$s({
     value: value,
     ref: internalRef,
     id: id,
@@ -27372,7 +27439,7 @@ var SearchInput = function SearchInput(_ref) {
     onInputChanged("");
     setSearchValue("");
   };
-  return jsx("div", _extends$p({
+  return jsx("div", _extends$s({
     css: searchInputContainer
   }, rest), jsx(Input$3, {
     id: id,
@@ -27899,7 +27966,7 @@ var Dropdown = function Dropdown(_ref) {
       });
     });
   };
-  return jsx("div", _extends$p({
+  return jsx("div", _extends$s({
     css: function css(theme) {
       return DropdownContainer(theme, {
         isSearchable: Boolean(isSearchable),
@@ -27967,7 +28034,7 @@ var StatusTag = function StatusTag(_ref) {
     rest = _objectWithoutProperties$1(_ref, _excluded$h);
   var dataTestId = testId ? testId : "status-tag-".concat(text);
   var defaultFontWeight = size === "sm" ? "700" : "400";
-  return jsx("span", _extends$p({
+  return jsx("span", _extends$s({
     css: function css(theme) {
       return statusTagStyles(theme, {
         size: size,
@@ -28042,6 +28109,66 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   })));
 };
 
+var notificationStyles = function notificationStyles(theme, type) {
+  var toastNotifications = theme.toastNotifications;
+  return /*#__PURE__*/ /*#__PURE__*/css$2("width:25.625rem;height:6rem;display:flex;align-items:center;justify-content:space-between;padding:2rem;border-radius:5px;gap:1rem;.toast-notification__icon-container{display:flex;align-items:center;gap:1rem;}.toast-notification__text{word-break:break-word;}.toast-notification__icon{height:1rem;svg{fill:", toastNotifications[type].color, ";}}.toast-notification__close-btn{padding:0;svg{fill:", toastNotifications[type].color, ";color:", toastNotifications[type].color, ";}&:hover{color:inherit;}}", type === "info" &&
+  /*#__PURE__*/
+  /*#__PURE__*/
+  css$2("background:", toastNotifications.info.background, ";color:", toastNotifications.info.color, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:notificationStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQ08iLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uU3R5bGVzID0gKFxuICB0aGVtZTogVGhlbWUsXG4gIHR5cGU6IFwiaW5mb1wiIHwgXCJzdWNjZXNzXCIgfCBcIndhcm5pbmdcIiB8IFwiZXJyb3JcIixcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCB7IHRvYXN0Tm90aWZpY2F0aW9ucyB9ID0gdGhlbWU7XG4gIHJldHVybiBjc3NgXG4gICAgd2lkdGg6IDI1LjYyNXJlbTtcbiAgICBoZWlnaHQ6IDZyZW07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBwYWRkaW5nOiAycmVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBnYXA6IDFyZW07XG5cbiAgICAudG9hc3Qtbm90aWZpY2F0aW9uX19pY29uLWNvbnRhaW5lciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogMXJlbTtcbiAgICB9XG4gICAgLnRvYXN0LW5vdGlmaWNhdGlvbl9fdGV4dCB7XG4gICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgIH1cblxuICAgIC50b2FzdC1ub3RpZmljYXRpb25fX2ljb24ge1xuICAgICAgaGVpZ2h0OiAxcmVtO1xuICAgICAgc3ZnIHtcbiAgICAgICAgZmlsbDogJHt0b2FzdE5vdGlmaWNhdGlvbnNbdHlwZV0uY29sb3J9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC50b2FzdC1ub3RpZmljYXRpb25fX2Nsb3NlLWJ0biB7XG4gICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICBzdmcge1xuICAgICAgICBmaWxsOiAke3RvYXN0Tm90aWZpY2F0aW9uc1t0eXBlXS5jb2xvcn07XG4gICAgICAgIGNvbG9yOiAke3RvYXN0Tm90aWZpY2F0aW9uc1t0eXBlXS5jb2xvcn07XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAke3R5cGUgPT09IFwiaW5mb1wiICYmXG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZDogJHt0b2FzdE5vdGlmaWNhdGlvbnMuaW5mby5iYWNrZ3JvdW5kfTtcbiAgICAgIGNvbG9yOiAke3RvYXN0Tm90aWZpY2F0aW9ucy5pbmZvLmNvbG9yfTtcbiAgICBgfVxuICAgICR7dHlwZSA9PT0gXCJzdWNjZXNzXCIgJiZcbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kOiAke3RvYXN0Tm90aWZpY2F0aW9ucy5zdWNjZXNzLmJhY2tncm91bmR9O1xuICAgICAgY29sb3I6ICR7dG9hc3ROb3RpZmljYXRpb25zLnN1Y2Nlc3MuY29sb3J9O1xuICAgIGB9XG4gICAgJHt0eXBlID09PSBcIndhcm5pbmdcIiAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6ICR7dG9hc3ROb3RpZmljYXRpb25zLndhcm5pbmcuYmFja2dyb3VuZH07XG4gICAgICBjb2xvcjogJHt0b2FzdE5vdGlmaWNhdGlvbnMud2FybmluZy5jb2xvcn07XG4gICAgYH1cbiAgICAke3R5cGUgPT09IFwiZXJyb3JcIiAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6ICR7dG9hc3ROb3RpZmljYXRpb25zLmVycm9yLmJhY2tncm91bmR9O1xuICAgICAgY29sb3I6ICR7dG9hc3ROb3RpZmljYXRpb25zLmVycm9yLmNvbG9yfTtcbiAgICBgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:notificationStyles;"), " ", type === "success" &&
+  /*#__PURE__*/
+  /*#__PURE__*/
+  css$2("background:", toastNotifications.success.background, ";color:", toastNotifications.success.color, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:notificationStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvRE8iLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uU3R5bGVzID0gKFxuICB0aGVtZTogVGhlbWUsXG4gIHR5cGU6IFwiaW5mb1wiIHwgXCJzdWNjZXNzXCIgfCBcIndhcm5pbmdcIiB8IFwiZXJyb3JcIixcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCB7IHRvYXN0Tm90aWZpY2F0aW9ucyB9ID0gdGhlbWU7XG4gIHJldHVybiBjc3NgXG4gICAgd2lkdGg6IDI1LjYyNXJlbTtcbiAgICBoZWlnaHQ6IDZyZW07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBwYWRkaW5nOiAycmVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBnYXA6IDFyZW07XG5cbiAgICAudG9hc3Qtbm90aWZpY2F0aW9uX19pY29uLWNvbnRhaW5lciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogMXJlbTtcbiAgICB9XG4gICAgLnRvYXN0LW5vdGlmaWNhdGlvbl9fdGV4dCB7XG4gICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgIH1cblxuICAgIC50b2FzdC1ub3RpZmljYXRpb25fX2ljb24ge1xuICAgICAgaGVpZ2h0OiAxcmVtO1xuICAgICAgc3ZnIHtcbiAgICAgICAgZmlsbDogJHt0b2FzdE5vdGlmaWNhdGlvbnNbdHlwZV0uY29sb3J9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC50b2FzdC1ub3RpZmljYXRpb25fX2Nsb3NlLWJ0biB7XG4gICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICBzdmcge1xuICAgICAgICBmaWxsOiAke3RvYXN0Tm90aWZpY2F0aW9uc1t0eXBlXS5jb2xvcn07XG4gICAgICAgIGNvbG9yOiAke3RvYXN0Tm90aWZpY2F0aW9uc1t0eXBlXS5jb2xvcn07XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAke3R5cGUgPT09IFwiaW5mb1wiICYmXG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZDogJHt0b2FzdE5vdGlmaWNhdGlvbnMuaW5mby5iYWNrZ3JvdW5kfTtcbiAgICAgIGNvbG9yOiAke3RvYXN0Tm90aWZpY2F0aW9ucy5pbmZvLmNvbG9yfTtcbiAgICBgfVxuICAgICR7dHlwZSA9PT0gXCJzdWNjZXNzXCIgJiZcbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kOiAke3RvYXN0Tm90aWZpY2F0aW9ucy5zdWNjZXNzLmJhY2tncm91bmR9O1xuICAgICAgY29sb3I6ICR7dG9hc3ROb3RpZmljYXRpb25zLnN1Y2Nlc3MuY29sb3J9O1xuICAgIGB9XG4gICAgJHt0eXBlID09PSBcIndhcm5pbmdcIiAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6ICR7dG9hc3ROb3RpZmljYXRpb25zLndhcm5pbmcuYmFja2dyb3VuZH07XG4gICAgICBjb2xvcjogJHt0b2FzdE5vdGlmaWNhdGlvbnMud2FybmluZy5jb2xvcn07XG4gICAgYH1cbiAgICAke3R5cGUgPT09IFwiZXJyb3JcIiAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6ICR7dG9hc3ROb3RpZmljYXRpb25zLmVycm9yLmJhY2tncm91bmR9O1xuICAgICAgY29sb3I6ICR7dG9hc3ROb3RpZmljYXRpb25zLmVycm9yLmNvbG9yfTtcbiAgICBgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:notificationStyles;"), " ", type === "warning" &&
+  /*#__PURE__*/
+  /*#__PURE__*/
+  css$2("background:", toastNotifications.warning.background, ";color:", toastNotifications.warning.color, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:notificationStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5RE8iLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uU3R5bGVzID0gKFxuICB0aGVtZTogVGhlbWUsXG4gIHR5cGU6IFwiaW5mb1wiIHwgXCJzdWNjZXNzXCIgfCBcIndhcm5pbmdcIiB8IFwiZXJyb3JcIixcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCB7IHRvYXN0Tm90aWZpY2F0aW9ucyB9ID0gdGhlbWU7XG4gIHJldHVybiBjc3NgXG4gICAgd2lkdGg6IDI1LjYyNXJlbTtcbiAgICBoZWlnaHQ6IDZyZW07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBwYWRkaW5nOiAycmVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBnYXA6IDFyZW07XG5cbiAgICAudG9hc3Qtbm90aWZpY2F0aW9uX19pY29uLWNvbnRhaW5lciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogMXJlbTtcbiAgICB9XG4gICAgLnRvYXN0LW5vdGlmaWNhdGlvbl9fdGV4dCB7XG4gICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgIH1cblxuICAgIC50b2FzdC1ub3RpZmljYXRpb25fX2ljb24ge1xuICAgICAgaGVpZ2h0OiAxcmVtO1xuICAgICAgc3ZnIHtcbiAgICAgICAgZmlsbDogJHt0b2FzdE5vdGlmaWNhdGlvbnNbdHlwZV0uY29sb3J9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC50b2FzdC1ub3RpZmljYXRpb25fX2Nsb3NlLWJ0biB7XG4gICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICBzdmcge1xuICAgICAgICBmaWxsOiAke3RvYXN0Tm90aWZpY2F0aW9uc1t0eXBlXS5jb2xvcn07XG4gICAgICAgIGNvbG9yOiAke3RvYXN0Tm90aWZpY2F0aW9uc1t0eXBlXS5jb2xvcn07XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAke3R5cGUgPT09IFwiaW5mb1wiICYmXG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZDogJHt0b2FzdE5vdGlmaWNhdGlvbnMuaW5mby5iYWNrZ3JvdW5kfTtcbiAgICAgIGNvbG9yOiAke3RvYXN0Tm90aWZpY2F0aW9ucy5pbmZvLmNvbG9yfTtcbiAgICBgfVxuICAgICR7dHlwZSA9PT0gXCJzdWNjZXNzXCIgJiZcbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kOiAke3RvYXN0Tm90aWZpY2F0aW9ucy5zdWNjZXNzLmJhY2tncm91bmR9O1xuICAgICAgY29sb3I6ICR7dG9hc3ROb3RpZmljYXRpb25zLnN1Y2Nlc3MuY29sb3J9O1xuICAgIGB9XG4gICAgJHt0eXBlID09PSBcIndhcm5pbmdcIiAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6ICR7dG9hc3ROb3RpZmljYXRpb25zLndhcm5pbmcuYmFja2dyb3VuZH07XG4gICAgICBjb2xvcjogJHt0b2FzdE5vdGlmaWNhdGlvbnMud2FybmluZy5jb2xvcn07XG4gICAgYH1cbiAgICAke3R5cGUgPT09IFwiZXJyb3JcIiAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6ICR7dG9hc3ROb3RpZmljYXRpb25zLmVycm9yLmJhY2tncm91bmR9O1xuICAgICAgY29sb3I6ICR7dG9hc3ROb3RpZmljYXRpb25zLmVycm9yLmNvbG9yfTtcbiAgICBgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:notificationStyles;"), " ", type === "error" &&
+  /*#__PURE__*/
+  /*#__PURE__*/
+  css$2("background:", toastNotifications.error.background, ";color:", toastNotifications.error.color, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:notificationStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RE8iLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuXG5leHBvcnQgY29uc3Qgbm90aWZpY2F0aW9uU3R5bGVzID0gKFxuICB0aGVtZTogVGhlbWUsXG4gIHR5cGU6IFwiaW5mb1wiIHwgXCJzdWNjZXNzXCIgfCBcIndhcm5pbmdcIiB8IFwiZXJyb3JcIixcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCB7IHRvYXN0Tm90aWZpY2F0aW9ucyB9ID0gdGhlbWU7XG4gIHJldHVybiBjc3NgXG4gICAgd2lkdGg6IDI1LjYyNXJlbTtcbiAgICBoZWlnaHQ6IDZyZW07XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICBwYWRkaW5nOiAycmVtO1xuICAgIGJvcmRlci1yYWRpdXM6IDVweDtcbiAgICBnYXA6IDFyZW07XG5cbiAgICAudG9hc3Qtbm90aWZpY2F0aW9uX19pY29uLWNvbnRhaW5lciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogMXJlbTtcbiAgICB9XG4gICAgLnRvYXN0LW5vdGlmaWNhdGlvbl9fdGV4dCB7XG4gICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgIH1cblxuICAgIC50b2FzdC1ub3RpZmljYXRpb25fX2ljb24ge1xuICAgICAgaGVpZ2h0OiAxcmVtO1xuICAgICAgc3ZnIHtcbiAgICAgICAgZmlsbDogJHt0b2FzdE5vdGlmaWNhdGlvbnNbdHlwZV0uY29sb3J9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC50b2FzdC1ub3RpZmljYXRpb25fX2Nsb3NlLWJ0biB7XG4gICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICBzdmcge1xuICAgICAgICBmaWxsOiAke3RvYXN0Tm90aWZpY2F0aW9uc1t0eXBlXS5jb2xvcn07XG4gICAgICAgIGNvbG9yOiAke3RvYXN0Tm90aWZpY2F0aW9uc1t0eXBlXS5jb2xvcn07XG4gICAgICB9XG5cbiAgICAgICY6aG92ZXIge1xuICAgICAgICBjb2xvcjogaW5oZXJpdDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAke3R5cGUgPT09IFwiaW5mb1wiICYmXG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZDogJHt0b2FzdE5vdGlmaWNhdGlvbnMuaW5mby5iYWNrZ3JvdW5kfTtcbiAgICAgIGNvbG9yOiAke3RvYXN0Tm90aWZpY2F0aW9ucy5pbmZvLmNvbG9yfTtcbiAgICBgfVxuICAgICR7dHlwZSA9PT0gXCJzdWNjZXNzXCIgJiZcbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kOiAke3RvYXN0Tm90aWZpY2F0aW9ucy5zdWNjZXNzLmJhY2tncm91bmR9O1xuICAgICAgY29sb3I6ICR7dG9hc3ROb3RpZmljYXRpb25zLnN1Y2Nlc3MuY29sb3J9O1xuICAgIGB9XG4gICAgJHt0eXBlID09PSBcIndhcm5pbmdcIiAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6ICR7dG9hc3ROb3RpZmljYXRpb25zLndhcm5pbmcuYmFja2dyb3VuZH07XG4gICAgICBjb2xvcjogJHt0b2FzdE5vdGlmaWNhdGlvbnMud2FybmluZy5jb2xvcn07XG4gICAgYH1cbiAgICAke3R5cGUgPT09IFwiZXJyb3JcIiAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6ICR7dG9hc3ROb3RpZmljYXRpb25zLmVycm9yLmJhY2tncm91bmR9O1xuICAgICAgY29sb3I6ICR7dG9hc3ROb3RpZmljYXRpb25zLmVycm9yLmNvbG9yfTtcbiAgICBgfVxuICBgO1xufTtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:notificationStyles;"), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:notificationStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPWSIsImZpbGUiOiJzdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIFRoZW1lLCBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSBcIkBlbW90aW9uL3JlYWN0XCI7XG5cbmV4cG9ydCBjb25zdCBub3RpZmljYXRpb25TdHlsZXMgPSAoXG4gIHRoZW1lOiBUaGVtZSxcbiAgdHlwZTogXCJpbmZvXCIgfCBcInN1Y2Nlc3NcIiB8IFwid2FybmluZ1wiIHwgXCJlcnJvclwiLFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiB7XG4gIGNvbnN0IHsgdG9hc3ROb3RpZmljYXRpb25zIH0gPSB0aGVtZTtcbiAgcmV0dXJuIGNzc2BcbiAgICB3aWR0aDogMjUuNjI1cmVtO1xuICAgIGhlaWdodDogNnJlbTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgIHBhZGRpbmc6IDJyZW07XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGdhcDogMXJlbTtcblxuICAgIC50b2FzdC1ub3RpZmljYXRpb25fX2ljb24tY29udGFpbmVyIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgZ2FwOiAxcmVtO1xuICAgIH1cbiAgICAudG9hc3Qtbm90aWZpY2F0aW9uX190ZXh0IHtcbiAgICAgIHdvcmQtYnJlYWs6IGJyZWFrLXdvcmQ7XG4gICAgfVxuXG4gICAgLnRvYXN0LW5vdGlmaWNhdGlvbl9faWNvbiB7XG4gICAgICBoZWlnaHQ6IDFyZW07XG4gICAgICBzdmcge1xuICAgICAgICBmaWxsOiAke3RvYXN0Tm90aWZpY2F0aW9uc1t0eXBlXS5jb2xvcn07XG4gICAgICB9XG4gICAgfVxuXG4gICAgLnRvYXN0LW5vdGlmaWNhdGlvbl9fY2xvc2UtYnRuIHtcbiAgICAgIHBhZGRpbmc6IDA7XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIGZpbGw6ICR7dG9hc3ROb3RpZmljYXRpb25zW3R5cGVdLmNvbG9yfTtcbiAgICAgICAgY29sb3I6ICR7dG9hc3ROb3RpZmljYXRpb25zW3R5cGVdLmNvbG9yfTtcbiAgICAgIH1cblxuICAgICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgfVxuICAgIH1cblxuICAgICR7dHlwZSA9PT0gXCJpbmZvXCIgJiZcbiAgICBjc3NgXG4gICAgICBiYWNrZ3JvdW5kOiAke3RvYXN0Tm90aWZpY2F0aW9ucy5pbmZvLmJhY2tncm91bmR9O1xuICAgICAgY29sb3I6ICR7dG9hc3ROb3RpZmljYXRpb25zLmluZm8uY29sb3J9O1xuICAgIGB9XG4gICAgJHt0eXBlID09PSBcInN1Y2Nlc3NcIiAmJlxuICAgIGNzc2BcbiAgICAgIGJhY2tncm91bmQ6ICR7dG9hc3ROb3RpZmljYXRpb25zLnN1Y2Nlc3MuYmFja2dyb3VuZH07XG4gICAgICBjb2xvcjogJHt0b2FzdE5vdGlmaWNhdGlvbnMuc3VjY2Vzcy5jb2xvcn07XG4gICAgYH1cbiAgICAke3R5cGUgPT09IFwid2FybmluZ1wiICYmXG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZDogJHt0b2FzdE5vdGlmaWNhdGlvbnMud2FybmluZy5iYWNrZ3JvdW5kfTtcbiAgICAgIGNvbG9yOiAke3RvYXN0Tm90aWZpY2F0aW9ucy53YXJuaW5nLmNvbG9yfTtcbiAgICBgfVxuICAgICR7dHlwZSA9PT0gXCJlcnJvclwiICYmXG4gICAgY3NzYFxuICAgICAgYmFja2dyb3VuZDogJHt0b2FzdE5vdGlmaWNhdGlvbnMuZXJyb3IuYmFja2dyb3VuZH07XG4gICAgICBjb2xvcjogJHt0b2FzdE5vdGlmaWNhdGlvbnMuZXJyb3IuY29sb3J9O1xuICAgIGB9XG4gIGA7XG59O1xuIl19 */", process.env.NODE_ENV === "production" ? "" : ";label:notificationStyles;");
+};
+
+var ICONS = {
+  info: jsx(SvgIconInfo, {
+    height: 16
+  }),
+  error: jsx(SvgDeactivate, {
+    height: 16
+  }),
+  success: jsx(SvgIconSuccess, {
+    height: 16
+  }),
+  warning: jsx(SvgIconWarning, {
+    height: 16
+  })
+};
+var ToastNotification = function ToastNotification(_ref) {
+  var content = _ref.content,
+    type = _ref.type,
+    closeButtonAriaLabel = _ref.closeButtonAriaLabel,
+    onClose = _ref.onClose;
+  return jsx("div", {
+    css: function css(theme) {
+      return notificationStyles(theme, type);
+    },
+    className: "toast-notification"
+  }, jsx("div", {
+    className: "toast-notification__icon-container"
+  }, jsx("span", {
+    className: "toast-notification__icon"
+  }, ICONS[type]), jsx(Text, {
+    as: "p",
+    fontSize: "sm",
+    className: "toast-notification__text"
+  }, content)), Boolean(onClose) && jsx(Button, {
+    "data-testid": "close-toast-notification",
+    "aria-label": closeButtonAriaLabel || "Close toast notification",
+    className: "toast-notification__close-btn",
+    variant: "link",
+    onClick: onClose
+  }, jsx(SvgCloseModal, {
+    height: 32
+  })));
+};
+
 var errorContainer = function errorContainer(_ref) {
   var typeScaleSizes = _ref.typeScaleSizes,
     formElements = _ref.formElements;
@@ -28052,7 +28179,7 @@ var _excluded$g = ["children"];
 var FormError = function FormError(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$g);
-  return jsx("article", _extends$p({
+  return jsx("article", _extends$s({
     css: errorContainer
   }, rest), children);
 };
@@ -28069,7 +28196,7 @@ var InputError = function InputError(_ref) {
     children = _ref.children,
     rest = _objectWithoutProperties$1(_ref, _excluded$f);
   var InputErrorTag = as;
-  return jsx(InputErrorTag, _extends$p({
+  return jsx(InputErrorTag, _extends$s({
     css: inputError
   }, rest), children);
 };
@@ -28142,7 +28269,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   React.useEffect(function () {
     onChange && onChange(selectedValues);
   }, [selectedValues, onChange]);
-  return jsx("fieldset", _extends$p({
+  return jsx("fieldset", _extends$s({
     css: checkboxGroupContainer(inline)
   }, rest), jsx("legend", null, isPartiallySelected && jsx("span", {
     className: "dash"
@@ -28159,7 +28286,7 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   })), jsx("ul", null, options.map(function (option) {
     return jsx("li", {
       key: option.name
-    }, jsx(Checkbox$1, _extends$p({
+    }, jsx(Checkbox$1, _extends$s({
       id: "".concat(groupname, "-").concat(option.value),
       size: size,
       checked: selectedValues.includes(option.value),
@@ -28201,7 +28328,7 @@ var RadioButton = function RadioButton(_ref) {
     "is-selected": value === selectedValue
   });
   var propHTMLClass = rest !== null && rest !== void 0 && rest.className ? rest === null || rest === void 0 ? void 0 : rest.className : "";
-  return jsx("button", _extends$p({
+  return jsx("button", _extends$s({
     id: "radio-".concat(index),
     className: "".concat(cssClasses).concat(propHTMLClass),
     onClick: handleClick,
@@ -28224,7 +28351,7 @@ var RadioButtonGroup = function RadioButtonGroup(props) {
     onChange = props.onChange,
     rest = _objectWithoutProperties$1(props, _excluded$c);
   return jsx("div", rest, options.map(function (option, index) {
-    return jsx(RadioButton, _extends$p({
+    return jsx(RadioButton, _extends$s({
       key: option.value,
       index: index,
       size: size,
@@ -28262,7 +28389,7 @@ var Radio = function Radio(_ref) {
     _ref$readOnly = _ref.readOnly,
     readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
     rest = _objectWithoutProperties$1(_ref, _excluded$b);
-  return jsx("div", _extends$p({
+  return jsx("div", _extends$s({
     css: function css(theme) {
       return radioButtonContainer(theme, {
         size: size,
@@ -28270,7 +28397,7 @@ var Radio = function Radio(_ref) {
         readOnly: readOnly
       });
     }
-  }, containerAttrs), jsx("input", _extends$p({
+  }, containerAttrs), jsx("input", _extends$s({
     id: id,
     type: "radio",
     readOnly: readOnly
@@ -28302,11 +28429,11 @@ var RadioGroup = function RadioGroup(_ref) {
   React.useEffect(function () {
     onChange && onChange(selectedValue);
   }, [selectedValue, onChange]);
-  return jsx("fieldset", _extends$p({
+  return jsx("fieldset", _extends$s({
     css: container(inline),
     id: (_rest$id = rest === null || rest === void 0 ? void 0 : rest.id) !== null && _rest$id !== void 0 ? _rest$id : groupname
   }, rest), options.map(function (option) {
-    return jsx(Radio, _extends$p({
+    return jsx(Radio, _extends$s({
       key: option.value,
       id: "".concat(groupname, "-").concat(option.value),
       size: size,
@@ -30723,7 +30850,7 @@ var Menu = function Menu(props) {
   var children = props.children,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return jsx("div", _extends$q({}, getStyleProps(props, 'menu', {
+  return jsx("div", _extends$t({}, getStyleProps(props, 'menu', {
     menu: true
   }), {
     ref: innerRef
@@ -30754,7 +30881,7 @@ var MenuList = function MenuList(props) {
     innerProps = props.innerProps,
     innerRef = props.innerRef,
     isMulti = props.isMulti;
-  return jsx("div", _extends$q({}, getStyleProps(props, 'menuList', {
+  return jsx("div", _extends$t({}, getStyleProps(props, 'menuList', {
     'menu-list': true,
     'menu-list--is-multi': isMulti
   }), {
@@ -30784,7 +30911,7 @@ var NoOptionsMessage = function NoOptionsMessage(_ref6) {
     children = _ref6$children === void 0 ? 'No options' : _ref6$children,
     innerProps = _ref6.innerProps,
     restProps = _objectWithoutProperties(_ref6, _excluded$3$1);
-  return jsx("div", _extends$q({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx("div", _extends$t({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children: children,
     innerProps: innerProps
   }), 'noOptionsMessage', {
@@ -30797,7 +30924,7 @@ var LoadingMessage = function LoadingMessage(_ref7) {
     children = _ref7$children === void 0 ? 'Loading...' : _ref7$children,
     innerProps = _ref7.innerProps,
     restProps = _objectWithoutProperties(_ref7, _excluded2$1);
-  return jsx("div", _extends$q({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx("div", _extends$t({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     children: children,
     innerProps: innerProps
   }), 'loadingMessage', {
@@ -30882,7 +31009,7 @@ var MenuPortal = function MenuPortal(props) {
   if (!appendTo && menuPosition !== 'fixed' || !computedPosition) return null;
 
   // same wrapper element whether fixed or portalled
-  var menuWrapper = jsx("div", _extends$q({
+  var menuWrapper = jsx("div", _extends$t({
     ref: setMenuPortalElement
   }, getStyleProps(_objectSpread2(_objectSpread2({}, props), {}, {
     offset: computedPosition.offset,
@@ -30916,7 +31043,7 @@ var SelectContainer = function SelectContainer(props) {
     innerProps = props.innerProps,
     isDisabled = props.isDisabled,
     isRtl = props.isRtl;
-  return jsx("div", _extends$q({}, getStyleProps(props, 'container', {
+  return jsx("div", _extends$t({}, getStyleProps(props, 'container', {
     '--is-disabled': isDisabled,
     '--is-rtl': isRtl
   }), innerProps), children);
@@ -30948,7 +31075,7 @@ var ValueContainer = function ValueContainer(props) {
     innerProps = props.innerProps,
     isMulti = props.isMulti,
     hasValue = props.hasValue;
-  return jsx("div", _extends$q({}, getStyleProps(props, 'valueContainer', {
+  return jsx("div", _extends$t({}, getStyleProps(props, 'valueContainer', {
     'value-container': true,
     'value-container--is-multi': isMulti,
     'value-container--has-value': hasValue
@@ -30970,7 +31097,7 @@ var indicatorsContainerCSS = function indicatorsContainerCSS() {
 var IndicatorsContainer = function IndicatorsContainer(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$q({}, getStyleProps(props, 'indicatorsContainer', {
+  return jsx("div", _extends$t({}, getStyleProps(props, 'indicatorsContainer', {
     indicators: true
   }), innerProps), children);
 };
@@ -30995,7 +31122,7 @@ var _ref2$2 = process.env.NODE_ENV === "production" ? {
 var Svg = function Svg(_ref) {
   var size = _ref.size,
     props = _objectWithoutProperties(_ref, _excluded$2$1);
-  return jsx("svg", _extends$q({
+  return jsx("svg", _extends$t({
     height: size,
     width: size,
     viewBox: "0 0 20 20",
@@ -31005,14 +31132,14 @@ var Svg = function Svg(_ref) {
   }, props));
 };
 var CrossIcon = function CrossIcon(props) {
-  return jsx(Svg, _extends$q({
+  return jsx(Svg, _extends$t({
     size: 20
   }, props), jsx("path", {
     d: "M14.348 14.849c-0.469 0.469-1.229 0.469-1.697 0l-2.651-3.030-2.651 3.029c-0.469 0.469-1.229 0.469-1.697 0-0.469-0.469-0.469-1.229 0-1.697l2.758-3.15-2.759-3.152c-0.469-0.469-0.469-1.228 0-1.697s1.228-0.469 1.697 0l2.652 3.031 2.651-3.031c0.469-0.469 1.228-0.469 1.697 0s0.469 1.229 0 1.697l-2.758 3.152 2.758 3.15c0.469 0.469 0.469 1.229 0 1.698z"
   }));
 };
 var DownChevron = function DownChevron(props) {
-  return jsx(Svg, _extends$q({
+  return jsx(Svg, _extends$t({
     size: 20
   }, props), jsx("path", {
     d: "M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"
@@ -31044,7 +31171,7 @@ var dropdownIndicatorCSS = baseCSS;
 var DropdownIndicator = function DropdownIndicator(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$q({}, getStyleProps(props, 'dropdownIndicator', {
+  return jsx("div", _extends$t({}, getStyleProps(props, 'dropdownIndicator', {
     indicator: true,
     'dropdown-indicator': true
   }), innerProps), children || jsx(DownChevron, null));
@@ -31053,7 +31180,7 @@ var clearIndicatorCSS = baseCSS;
 var ClearIndicator = function ClearIndicator(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$q({}, getStyleProps(props, 'clearIndicator', {
+  return jsx("div", _extends$t({}, getStyleProps(props, 'clearIndicator', {
     indicator: true,
     'clear-indicator': true
   }), innerProps), children || jsx(CrossIcon, null));
@@ -31080,7 +31207,7 @@ var indicatorSeparatorCSS = function indicatorSeparatorCSS(_ref4, unstyled) {
 };
 var IndicatorSeparator = function IndicatorSeparator(props) {
   var innerProps = props.innerProps;
-  return jsx("span", _extends$q({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
+  return jsx("span", _extends$t({}, innerProps, getStyleProps(props, 'indicatorSeparator', {
     'indicator-separator': true
   })));
 };
@@ -31133,7 +31260,7 @@ var LoadingIndicator = function LoadingIndicator(_ref7) {
     _ref7$size = _ref7.size,
     size = _ref7$size === void 0 ? 4 : _ref7$size,
     restProps = _objectWithoutProperties(_ref7, _excluded2);
-  return jsx("div", _extends$q({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
+  return jsx("div", _extends$t({}, getStyleProps(_objectSpread2(_objectSpread2({}, restProps), {}, {
     innerProps: innerProps,
     isRtl: isRtl,
     size: size
@@ -31189,7 +31316,7 @@ var Control = function Control(props) {
     innerRef = props.innerRef,
     innerProps = props.innerProps,
     menuIsOpen = props.menuIsOpen;
-  return jsx("div", _extends$q({
+  return jsx("div", _extends$t({
     ref: innerRef
   }, getStyleProps(props, 'control', {
     control: true,
@@ -31221,9 +31348,9 @@ var Group = function Group(props) {
     label = props.label,
     theme = props.theme,
     selectProps = props.selectProps;
-  return jsx("div", _extends$q({}, getStyleProps(props, 'group', {
+  return jsx("div", _extends$t({}, getStyleProps(props, 'group', {
     group: true
-  }), innerProps), jsx(Heading, _extends$q({}, headingProps, {
+  }), innerProps), jsx(Heading, _extends$t({}, headingProps, {
     selectProps: selectProps,
     theme: theme,
     getStyles: getStyles,
@@ -31253,7 +31380,7 @@ var GroupHeading = function GroupHeading(props) {
   var _cleanCommonProps = cleanCommonProps(props);
     _cleanCommonProps.data;
     var innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$1$1);
-  return jsx("div", _extends$q({}, getStyleProps(props, 'groupHeading', {
+  return jsx("div", _extends$t({}, getStyleProps(props, 'groupHeading', {
     'group-heading': true
   }), innerProps));
 };
@@ -31316,11 +31443,11 @@ var Input = function Input(props) {
     isHidden = _cleanCommonProps.isHidden,
     inputClassName = _cleanCommonProps.inputClassName,
     innerProps = _objectWithoutProperties(_cleanCommonProps, _excluded$9);
-  return jsx("div", _extends$q({}, getStyleProps(props, 'input', {
+  return jsx("div", _extends$t({}, getStyleProps(props, 'input', {
     'input-container': true
   }), {
     "data-value": value || ''
-  }), jsx("input", _extends$q({
+  }), jsx("input", _extends$t({
     className: cx({
       input: true
     }, inputClassName),
@@ -31393,7 +31520,7 @@ var MultiValueLabel = MultiValueGeneric;
 function MultiValueRemove(_ref5) {
   var children = _ref5.children,
     innerProps = _ref5.innerProps;
-  return jsx("div", _extends$q({
+  return jsx("div", _extends$t({
     role: "button"
   }, innerProps), children || jsx(CrossIcon, {
     size: 14
@@ -31467,7 +31594,7 @@ var Option = function Option(props) {
     isSelected = props.isSelected,
     innerRef = props.innerRef,
     innerProps = props.innerProps;
-  return jsx("div", _extends$q({}, getStyleProps(props, 'option', {
+  return jsx("div", _extends$t({}, getStyleProps(props, 'option', {
     option: true,
     'option--is-disabled': isDisabled,
     'option--is-focused': isFocused,
@@ -31495,7 +31622,7 @@ var placeholderCSS = function placeholderCSS(_ref, unstyled) {
 var Placeholder = function Placeholder(props) {
   var children = props.children,
     innerProps = props.innerProps;
-  return jsx("div", _extends$q({}, getStyleProps(props, 'placeholder', {
+  return jsx("div", _extends$t({}, getStyleProps(props, 'placeholder', {
     placeholder: true
   }), innerProps), children);
 };
@@ -31523,7 +31650,7 @@ var SingleValue = function SingleValue(props) {
   var children = props.children,
     isDisabled = props.isDisabled,
     innerProps = props.innerProps;
-  return jsx("div", _extends$q({}, getStyleProps(props, 'singleValue', {
+  return jsx("div", _extends$t({}, getStyleProps(props, 'singleValue', {
     'single-value': true,
     'single-value--is-disabled': isDisabled
   }), innerProps), children);
@@ -31624,7 +31751,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$2
 };
 var A11yText = function A11yText(props) {
-  return jsx("span", _extends$q({
+  return jsx("span", _extends$t({
     css: _ref
   }, props));
 };
@@ -32141,7 +32268,7 @@ function DummyInput(_ref) {
     props = _objectWithoutProperties(_ref, _excluded$8);
   // Remove animation props not meant for HTML elements
   var filteredProps = removeProps(props, 'onExited', 'in', 'enter', 'exit', 'appear');
-  return jsx("input", _extends$q({
+  return jsx("input", _extends$t({
     ref: innerRef
   }, filteredProps, {
     css: /*#__PURE__*/css$2({
@@ -33717,7 +33844,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
       });
       if (!isSearchable) {
         // use a dummy input to maintain focus/blur functionality
-        return /*#__PURE__*/React__namespace.createElement(DummyInput, _extends$q({
+        return /*#__PURE__*/React__namespace.createElement(DummyInput, _extends$t({
           id: id,
           innerRef: this.getInputRef,
           onBlur: this.onInputBlur,
@@ -33730,7 +33857,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
           value: ""
         }, ariaAttributes));
       }
-      return /*#__PURE__*/React__namespace.createElement(Input, _extends$q({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(Input, _extends$t({}, commonProps, {
         autoCapitalize: "none",
         autoComplete: "off",
         autoCorrect: "off",
@@ -33771,7 +33898,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         focusedValue = _this$state5.focusedValue,
         isFocused = _this$state5.isFocused;
       if (!this.hasValue() || !controlShouldRenderValue) {
-        return inputValue ? null : /*#__PURE__*/React__namespace.createElement(Placeholder, _extends$q({}, commonProps, {
+        return inputValue ? null : /*#__PURE__*/React__namespace.createElement(Placeholder, _extends$t({}, commonProps, {
           key: "placeholder",
           isDisabled: isDisabled,
           isFocused: isFocused,
@@ -33784,7 +33911,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         return selectValue.map(function (opt, index) {
           var isOptionFocused = opt === focusedValue;
           var key = "".concat(_this3.getOptionLabel(opt), "-").concat(_this3.getOptionValue(opt));
-          return /*#__PURE__*/React__namespace.createElement(MultiValue, _extends$q({}, commonProps, {
+          return /*#__PURE__*/React__namespace.createElement(MultiValue, _extends$t({}, commonProps, {
             components: {
               Container: MultiValueContainer,
               Label: MultiValueLabel,
@@ -33813,7 +33940,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         return null;
       }
       var singleValue = selectValue[0];
-      return /*#__PURE__*/React__namespace.createElement(SingleValue, _extends$q({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(SingleValue, _extends$t({}, commonProps, {
         data: singleValue,
         isDisabled: isDisabled
       }), this.formatOptionLabel(singleValue, 'value'));
@@ -33836,7 +33963,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onClearIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React__namespace.createElement(ClearIndicator, _extends$q({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(ClearIndicator, _extends$t({}, commonProps, {
         innerProps: innerProps,
         isFocused: isFocused
       }));
@@ -33855,7 +33982,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
       var innerProps = {
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React__namespace.createElement(LoadingIndicator, _extends$q({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(LoadingIndicator, _extends$t({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -33873,7 +34000,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
       var commonProps = this.commonProps;
       var isDisabled = this.props.isDisabled;
       var isFocused = this.state.isFocused;
-      return /*#__PURE__*/React__namespace.createElement(IndicatorSeparator, _extends$q({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(IndicatorSeparator, _extends$t({}, commonProps, {
         isDisabled: isDisabled,
         isFocused: isFocused
       }));
@@ -33892,7 +34019,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         onTouchEnd: this.onDropdownIndicatorTouchEnd,
         'aria-hidden': 'true'
       };
-      return /*#__PURE__*/React__namespace.createElement(DropdownIndicator, _extends$q({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(DropdownIndicator, _extends$t({}, commonProps, {
         innerProps: innerProps,
         isDisabled: isDisabled,
         isFocused: isFocused
@@ -33957,7 +34084,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
           'aria-selected': _this4.isAppleDevice ? undefined : isSelected // is not supported on Apple devices
         };
 
-        return /*#__PURE__*/React__namespace.createElement(Option, _extends$q({}, commonProps, {
+        return /*#__PURE__*/React__namespace.createElement(Option, _extends$t({}, commonProps, {
           innerProps: innerProps,
           data: data,
           isDisabled: isDisabled,
@@ -33979,7 +34106,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
               groupIndex = item.index;
             var groupId = "".concat(_this4.getElementId('group'), "-").concat(groupIndex);
             var headingId = "".concat(groupId, "-heading");
-            return /*#__PURE__*/React__namespace.createElement(Group, _extends$q({}, commonProps, {
+            return /*#__PURE__*/React__namespace.createElement(Group, _extends$t({}, commonProps, {
               key: groupId,
               data: _data,
               options: options,
@@ -34016,12 +34143,12 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         menuPosition: menuPosition,
         menuShouldScrollIntoView: menuShouldScrollIntoView
       };
-      var menuElement = /*#__PURE__*/React__namespace.createElement(MenuPlacer, _extends$q({}, commonProps, menuPlacementProps), function (_ref4) {
+      var menuElement = /*#__PURE__*/React__namespace.createElement(MenuPlacer, _extends$t({}, commonProps, menuPlacementProps), function (_ref4) {
         var ref = _ref4.ref,
           _ref4$placerProps = _ref4.placerProps,
           placement = _ref4$placerProps.placement,
           maxHeight = _ref4$placerProps.maxHeight;
-        return /*#__PURE__*/React__namespace.createElement(Menu, _extends$q({}, commonProps, menuPlacementProps, {
+        return /*#__PURE__*/React__namespace.createElement(Menu, _extends$t({}, commonProps, menuPlacementProps, {
           innerRef: ref,
           innerProps: {
             onMouseDown: _this4.onMenuMouseDown,
@@ -34035,7 +34162,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
           onBottomArrive: onMenuScrollToBottom,
           lockEnabled: menuShouldBlockScroll
         }, function (scrollTargetRef) {
-          return /*#__PURE__*/React__namespace.createElement(MenuList, _extends$q({}, commonProps, {
+          return /*#__PURE__*/React__namespace.createElement(MenuList, _extends$t({}, commonProps, {
             innerRef: function innerRef(instance) {
               _this4.getMenuListRef(instance);
               scrollTargetRef(instance);
@@ -34055,7 +34182,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
       // positioning behaviour is almost identical for portalled and fixed,
       // so we use the same component. the actual portalling logic is forked
       // within the component based on `menuPosition`
-      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React__namespace.createElement(MenuPortal, _extends$q({}, commonProps, {
+      return menuPortalTarget || menuPosition === 'fixed' ? /*#__PURE__*/React__namespace.createElement(MenuPortal, _extends$t({}, commonProps, {
         appendTo: menuPortalTarget,
         controlElement: this.controlRef,
         menuPlacement: menuPlacement,
@@ -34125,7 +34252,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         isFocused = _this$state6.isFocused,
         selectValue = _this$state6.selectValue;
       var focusableOptions = this.getFocusableOptions();
-      return /*#__PURE__*/React__namespace.createElement(LiveRegion$1, _extends$q({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(LiveRegion$1, _extends$t({}, commonProps, {
         id: this.getElementId('live-region'),
         ariaSelection: ariaSelection,
         focusedOption: focusedOption,
@@ -34151,7 +34278,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         menuIsOpen = _this$props14.menuIsOpen;
       var isFocused = this.state.isFocused;
       var commonProps = this.commonProps = this.getCommonProps();
-      return /*#__PURE__*/React__namespace.createElement(SelectContainer, _extends$q({}, commonProps, {
+      return /*#__PURE__*/React__namespace.createElement(SelectContainer, _extends$t({}, commonProps, {
         className: className,
         innerProps: {
           id: id,
@@ -34159,7 +34286,7 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         },
         isDisabled: isDisabled,
         isFocused: isFocused
-      }), this.renderLiveRegion(), /*#__PURE__*/React__namespace.createElement(Control, _extends$q({}, commonProps, {
+      }), this.renderLiveRegion(), /*#__PURE__*/React__namespace.createElement(Control, _extends$t({}, commonProps, {
         innerRef: this.getControlRef,
         innerProps: {
           onMouseDown: this.onControlMouseDown,
@@ -34168,9 +34295,9 @@ var Select$2 = /*#__PURE__*/function (_Component) {
         isDisabled: isDisabled,
         isFocused: isFocused,
         menuIsOpen: menuIsOpen
-      }), /*#__PURE__*/React__namespace.createElement(ValueContainer, _extends$q({}, commonProps, {
+      }), /*#__PURE__*/React__namespace.createElement(ValueContainer, _extends$t({}, commonProps, {
         isDisabled: isDisabled
-      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React__namespace.createElement(IndicatorsContainer, _extends$q({}, commonProps, {
+      }), this.renderPlaceholderOrValue(), this.renderInput()), /*#__PURE__*/React__namespace.createElement(IndicatorsContainer, _extends$t({}, commonProps, {
         isDisabled: isDisabled
       }), this.renderClearIndicator(), this.renderLoadingIndicator(), this.renderIndicatorSeparator(), this.renderDropdownIndicator())), this.renderMenu(), this.renderFormField());
     }
@@ -34441,7 +34568,7 @@ function useAsync(_ref) {
 var AsyncSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var stateManagedProps = useAsync(props);
   var selectProps = useStateManager(stateManagedProps);
-  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$q({
+  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$t({
     ref: ref
   }, selectProps));
 });
@@ -34449,7 +34576,7 @@ var AsyncSelect$1 = AsyncSelect;
 
 var StateManagedSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var baseSelectProps = useStateManager(props);
-  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$q({
+  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$t({
     ref: ref
   }, baseSelectProps));
 });
@@ -34546,7 +34673,7 @@ function useCreatable(_ref) {
 var CreatableSelect = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var creatableProps = useStateManager(props);
   var selectProps = useCreatable(creatableProps);
-  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$q({
+  return /*#__PURE__*/React__namespace.createElement(Select$2, _extends$t({
     ref: ref
   }, selectProps));
 });
@@ -34583,16 +34710,16 @@ var renderSelect = function renderSelect(type, customSelectProps) {
     rest = _objectWithoutProperties$1(customSelectProps, _excluded$4);
   switch (type) {
     case "creatable":
-      return jsx(CreatableSelect$1, _extends$p({}, rest, {
+      return jsx(CreatableSelect$1, _extends$s({}, rest, {
         createOptionPosition: "first",
         formatOptionLabel: formatOptionLabel
       }));
     case "async":
-      return jsx(AsyncSelect$1, _extends$p({}, rest, {
+      return jsx(AsyncSelect$1, _extends$s({}, rest, {
         loadOptions: loadOptions
       }));
     default:
-      return jsx(StateManagedSelect$1, _extends$p({}, rest, {
+      return jsx(StateManagedSelect$1, _extends$s({}, rest, {
         formatOptionLabel: formatOptionLabel
       }));
   }
@@ -34891,7 +35018,7 @@ var Textarea = function Textarea(props, forwardedRef) {
     required: required
   });
   var hasRows = !!rows && rows > 0;
-  return jsx("div", _extends$p({
+  return jsx("div", _extends$s({
     css: function css(theme) {
       return textareaContainer(theme, {
         resize: resize,
@@ -34904,7 +35031,7 @@ var Textarea = function Textarea(props, forwardedRef) {
     htmlFor: id,
     className: labelClassNames,
     "data-testid": "textarea-label-".concat(id)
-  }, label), jsx("textarea", _extends$p({
+  }, label), jsx("textarea", _extends$s({
     id: id,
     ref: forwardedRef,
     rows: rows
@@ -35652,7 +35779,7 @@ var ToggleSwitch = function ToggleSwitch(_ref, ref) {
       }
     };
   });
-  return jsx("div", _extends$p({
+  return jsx("div", _extends$s({
     id: id,
     tabIndex: 0,
     onKeyDown: function onKeyDown(e) {
@@ -35743,6 +35870,7 @@ exports.Tag = Tag;
 exports.Text = Text;
 exports.Textarea = Textarea$1;
 exports.ThemeProvider = ThemeProvider;
+exports.ToastNotification = ToastNotification;
 exports.ToggleSwitch = ToggleSwitch$1;
 exports.Tooltip = Tooltip;
 exports.typeScale = typeScale;