@hero-design/rn 8.92.2 → 8.93.0

package/es/index.js

@@ -6,6 +6,7 @@ import { createIconSet } from 'react-native-vector-icons';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 import { MonthYearPickerViewIOS, MonthYearPickerDialogueAndroid } from '@hero-design/react-native-month-year-picker';
 import DateTimePicker from '@react-native-community/datetimepicker';
+import Svg, { Circle as Circle$1, G } from 'react-native-svg';
 import RnSlider from '@react-native-community/slider';
 import MultiSlider from '@ptomasroos/react-native-multi-slider';
 import { RectButton, GestureHandlerRootView, Swipeable as Swipeable$1 } from 'react-native-gesture-handler';
@@ -14,6 +15,140 @@ import PagerView from 'react-native-pager-view';
 import { EventEmitter } from 'events';
 import { WebView } from 'react-native-webview';
 
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _arrayWithHoles(r) {
+  if (Array.isArray(r)) return r;
+}
+function _arrayWithoutHoles(r) {
+  if (Array.isArray(r)) return _arrayLikeToArray(r);
+}
+function _assertThisInitialized(e) {
+  if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+  return e;
+}
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+}
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, _toPropertyKey(o.key), o);
+  }
+}
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), Object.defineProperty(e, "prototype", {
+    writable: !1
+  }), e;
+}
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: !0
+          } : {
+            done: !1,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = !0,
+    u = !1;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = !0, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
+function _createSuper(t) {
+  var r = _isNativeReflectConstruct();
+  return function () {
+    var e,
+      o = _getPrototypeOf(t);
+    if (r) {
+      var s = _getPrototypeOf(this).constructor;
+      e = Reflect.construct(o, arguments, s);
+    } else e = o.apply(this, arguments);
+    return _possibleConstructorReturn(this, e);
+  };
+}
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _extends$1() {
+  return _extends$1 = 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$1.apply(null, arguments);
+}
+function _getPrototypeOf(t) {
+  return _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function (t) {
+    return t.__proto__ || Object.getPrototypeOf(t);
+  }, _getPrototypeOf(t);
+}
+function _inherits(t, e) {
+  if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
+  t.prototype = Object.create(e && e.prototype, {
+    constructor: {
+      value: t,
+      writable: !0,
+      configurable: !0
+    }
+  }), Object.defineProperty(t, "prototype", {
+    writable: !1
+  }), e && _setPrototypeOf(t, e);
+}
+function _isNativeReflectConstruct() {
+  try {
+    var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
+  } catch (t) {}
+  return (_isNativeReflectConstruct = function () {
+    return !!t;
+  })();
+}
+function _iterableToArray(r) {
+  if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
+}
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
   if (null != t) {
@@ -41,6 +176,15 @@ function _iterableToArrayLimit(r, l) {
     return a;
   }
 }
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _objectDestructuringEmpty(t) {
+  if (null == t) throw new TypeError("Cannot destructure " + t);
+}
 function ownKeys(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -62,6 +206,31 @@ function _objectSpread2(e) {
   }
   return e;
 }
+function _objectWithoutProperties(e, t) {
+  if (null == e) return {};
+  var o,
+    r,
+    i = _objectWithoutPropertiesLoose(e, t);
+  if (Object.getOwnPropertySymbols) {
+    var n = Object.getOwnPropertySymbols(e);
+    for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
+  }
+  return i;
+}
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (-1 !== e.indexOf(n)) continue;
+    t[n] = r[n];
+  }
+  return t;
+}
+function _possibleConstructorReturn(t, e) {
+  if (e && ("object" == typeof e || "function" == typeof e)) return e;
+  if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
+  return _assertThisInitialized(t);
+}
 function _regeneratorRuntime() {
   _regeneratorRuntime = function () {
     return e;
@@ -170,7 +339,7 @@ function _regeneratorRuntime() {
   function makeInvokeMethod(e, r, n) {
     var o = h;
     return function (i, a) {
-      if (o === f) throw new Error("Generator is already running");
+      if (o === f) throw Error("Generator is already running");
       if (o === s) {
         if ("throw" === i) throw a;
         return {
@@ -312,7 +481,7 @@ function _regeneratorRuntime() {
           } else if (c) {
             if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
           } else {
-            if (!u) throw new Error("try statement without catch or finally");
+            if (!u) throw Error("try statement without catch or finally");
             if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
           }
         }
@@ -352,7 +521,7 @@ function _regeneratorRuntime() {
           return o;
         }
       }
-      throw new Error("illegal catch attempt");
+      throw Error("illegal catch attempt");
     },
     delegateYield: function (e, r, n) {
       return this.delegate = {
@@ -363,6 +532,31 @@ function _regeneratorRuntime() {
     }
   }, e;
 }
+function _setPrototypeOf(t, e) {
+  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+    return t.__proto__ = e, t;
+  }, _setPrototypeOf(t, e);
+}
+function _slicedToArray(r, e) {
+  return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();
+}
+function _toConsumableArray(r) {
+  return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread();
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
 function _typeof(o) {
   "@babel/helpers - typeof";
 
@@ -372,252 +566,13 @@ function _typeof(o) {
     return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
   }, _typeof(o);
 }
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-function _defineProperties(target, props) {
-  for (var i = 0; i < props.length; i++) {
-    var descriptor = props[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  Object.defineProperty(Constructor, "prototype", {
-    writable: false
-  });
-  return Constructor;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$1.apply(this, arguments);
-}
-function _inherits(subClass, superClass) {
-  if (typeof superClass !== "function" && superClass !== null) {
-    throw new TypeError("Super expression must either be null or a function");
-  }
-  subClass.prototype = Object.create(superClass && superClass.prototype, {
-    constructor: {
-      value: subClass,
-      writable: true,
-      configurable: true
-    }
-  });
-  Object.defineProperty(subClass, "prototype", {
-    writable: false
-  });
-  if (superClass) _setPrototypeOf(subClass, superClass);
-}
-function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
-    return o.__proto__ || Object.getPrototypeOf(o);
-  };
-  return _getPrototypeOf(o);
-}
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
-}
-function _isNativeReflectConstruct() {
-  if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-  if (Reflect.construct.sham) return false;
-  if (typeof Proxy === "function") return true;
-  try {
-    Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
-    return true;
-  } catch (e) {
-    return false;
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
   }
 }
-function _objectDestructuringEmpty(obj) {
-  if (obj == null) throw new TypeError("Cannot destructure " + obj);
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _assertThisInitialized(self) {
-  if (self === void 0) {
-    throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-  }
-  return self;
-}
-function _possibleConstructorReturn(self, call) {
-  if (call && (typeof call === "object" || typeof call === "function")) {
-    return call;
-  } else if (call !== void 0) {
-    throw new TypeError("Derived constructors may only return object or undefined");
-  }
-  return _assertThisInitialized(self);
-}
-function _createSuper(Derived) {
-  var hasNativeReflectConstruct = _isNativeReflectConstruct();
-  return function _createSuperInternal() {
-    var Super = _getPrototypeOf(Derived),
-      result;
-    if (hasNativeReflectConstruct) {
-      var NewTarget = _getPrototypeOf(this).constructor;
-      result = Reflect.construct(Super, arguments, NewTarget);
-    } else {
-      result = Super.apply(this, arguments);
-    }
-    return _possibleConstructorReturn(this, result);
-  };
-}
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _createForOfIteratorHelper(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (!it) {
-    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike) {
-      if (it) o = it;
-      var i = 0;
-      var F = function () {};
-      return {
-        s: F,
-        n: function () {
-          if (i >= o.length) return {
-            done: true
-          };
-          return {
-            done: false,
-            value: o[i++]
-          };
-        },
-        e: function (e) {
-          throw e;
-        },
-        f: F
-      };
-    }
-    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-  }
-  var normalCompletion = true,
-    didErr = false,
-    err;
-  return {
-    s: function () {
-      it = it.call(o);
-    },
-    n: function () {
-      var step = it.next();
-      normalCompletion = step.done;
-      return step;
-    },
-    e: function (e) {
-      didErr = true;
-      err = e;
-    },
-    f: function () {
-      try {
-        if (!normalCompletion && it.return != null) it.return();
-      } finally {
-        if (didErr) throw err;
-      }
-    }
-  };
-}
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
 
 var BASE_BORDER_WIDTH = 1;
 var BASE_SPACE = 8;
@@ -2637,7 +2592,8 @@ var getBadgeTheme = function getBadgeTheme(theme) {
     warning: theme.colors.onWarningSurface,
     archived: theme.colors.onArchivedSurface,
     text: theme.colors.onDarkGlobalSurface,
-    border: theme.colors.defaultGlobalSurface
+    border: theme.colors.defaultGlobalSurface,
+    countText: theme.colors.onDarkGlobalSurface
   };
   var fonts = {
     medium: theme.fonts.neutral.regular,
@@ -2649,11 +2605,20 @@ var getBadgeTheme = function getBadgeTheme(theme) {
     icon: {
       medium: theme.fontSizes.small,
       small: 8
-    }
+    },
+    count: 6
   };
   var lineHeights = {
     medium: theme.lineHeights.small,
-    small: 10
+    small: 10,
+    count: Platform.select({
+      android: 11,
+      // vertical alignment
+      "default": 12
+    })
+  };
+  var radii = {
+    count: theme.radii.rounded
   };
   var sizes = {
     medium: {
@@ -2665,7 +2630,11 @@ var getBadgeTheme = function getBadgeTheme(theme) {
       minWidth: theme.sizes.medium
     },
     statusHeight: theme.sizes.small,
-    statusWidth: theme.sizes.small
+    statusWidth: theme.sizes.small,
+    count: {
+      width: theme.sizes.smallMedium,
+      height: theme.sizes.smallMedium
+    }
   };
   var borderWidths = {
     "default": theme.borderWidths.medium
@@ -2678,7 +2647,8 @@ var getBadgeTheme = function getBadgeTheme(theme) {
       horizontalPadding: theme.space.xsmall
     },
     statusPositionTop: -theme.space.xxsmall,
-    statusPositionRight: -theme.space.xxsmall
+    statusPositionRight: -theme.space.xxsmall,
+    countPaddingHorizontal: theme.space.xxsmall
   };
   return {
     colors: colors,
@@ -2687,7 +2657,8 @@ var getBadgeTheme = function getBadgeTheme(theme) {
     sizes: sizes,
     space: space,
     lineHeights: lineHeights,
-    borderWidths: borderWidths
+    borderWidths: borderWidths,
+    radii: radii
   };
 };
 
@@ -2823,7 +2794,16 @@ var getButtonTheme = function getButtonTheme(theme) {
     }
   };
   var lineHeights = {
-    titleOfTextVariant: theme.lineHeights.medium
+    titleOfTextVariant: theme.lineHeights.medium,
+    buttonText: Platform.select({
+      android: theme.lineHeights.medium + theme.space.xxsmall
+    }),
+    utilityButtonText: Platform.select({
+      android: theme.lineHeights.small + theme.space.xxsmall
+    }),
+    compactButtonText: Platform.select({
+      android: theme.lineHeights.small + theme.space.xxsmall
+    })
   };
   return {
     lineHeights: lineHeights,
@@ -3402,41 +3382,39 @@ var getPinInputTheme = function getPinInputTheme(theme) {
 };
 
 var getProgressTheme = function getProgressTheme(theme) {
-  var lightenScaleOnInverted = 20;
   var colors = {
     completeness: {
       primary: theme.colors.primary,
       success: theme.colors.success,
-      // should be emerald dark 15
       warning: theme.colors.warning,
       danger: theme.colors.error,
       info: theme.colors.info,
       archived: theme.colors.onArchivedSurface,
-      primaryInverted: theme.colors.onDarkGlobalSurface,
-      successInverted: theme.colors.onDarkGlobalSurface,
-      warningInverted: theme.colors.onDarkGlobalSurface,
-      dangerInverted: theme.colors.onDarkGlobalSurface,
-      infoInverted: theme.colors.onDarkGlobalSurface,
-      archivedInverted: theme.colors.onDarkGlobalSurface
+      primaryInverted: theme.colors.white,
+      successInverted: theme.colors.white,
+      warningInverted: theme.colors.white,
+      dangerInverted: theme.colors.white,
+      infoInverted: theme.colors.white,
+      archivedInverted: theme.colors.white
     },
     incompleteness: {
-      primary: theme.colors.secondaryOutline,
-      success: theme.colors.secondaryOutline,
-      warning: theme.colors.secondaryOutline,
-      danger: theme.colors.secondaryOutline,
-      info: theme.colors.secondaryOutline,
-      archived: theme.colors.secondaryOutline,
-      primaryInverted: mixColor(theme.colors.primary).tint(lightenScaleOnInverted),
-      successInverted: theme.colors.mutedSuccess,
-      warningInverted: theme.colors.mutedWarning,
-      dangerInverted: theme.colors.mutedError,
-      infoInverted: theme.colors.mutedInfo,
-      archivedInverted: theme.colors.mutedArchived
+      primary: theme.colors.overlayGlobalSurface,
+      success: theme.colors.overlayGlobalSurface,
+      warning: theme.colors.overlayGlobalSurface,
+      danger: theme.colors.overlayGlobalSurface,
+      info: theme.colors.overlayGlobalSurface,
+      archived: theme.colors.overlayGlobalSurface,
+      primaryInverted: theme.colors.overlayGlobalSurface,
+      successInverted: theme.colors.overlayGlobalSurface,
+      warningInverted: theme.colors.overlayGlobalSurface,
+      dangerInverted: theme.colors.overlayGlobalSurface,
+      infoInverted: theme.colors.overlayGlobalSurface,
+      archivedInverted: theme.colors.overlayGlobalSurface
     },
     step: {
       complete: theme.colors.primary,
       incomplete: theme.colors.archivedSurface,
-      current: '#DACCE4'
+      current: theme.colors.decorativePrimarySurface
     }
   };
   var sizes = {
@@ -4018,7 +3996,9 @@ var getToolbarTheme = function getToolbarTheme(theme) {
     danger: theme.colors.onErrorSurface,
     disabled: theme.colors.disabledOnDefaultGlobalSurface,
     iconButtonBackground: theme.colors.highlightedSurface,
-    inputContainerBackground: theme.colors.neutralGlobalSurface
+    inputContainerBackground: theme.colors.neutralGlobalSurface,
+    text: theme.colors.onDefaultGlobalSurface,
+    placeholder: theme.colors.mutedOnDefaultGlobalSurface
   };
   var space = {
     verticalPadding: theme.space.small,
@@ -4236,17 +4216,16 @@ var getSearchTheme = function getSearchTheme(theme) {
   var colors = {
     basic: {
       containerBackground: theme.colors.neutralGlobalSurface,
-      border: theme.colors.neutralGlobalSurface,
-      focusedBorder: theme.colors.primaryOutline
+      border: theme.colors.neutralGlobalSurface
     },
     reversed: {
       containerBackground: theme.colors.defaultGlobalSurface,
-      border: theme.colors.secondaryOutline,
-      focusedBorder: theme.colors.primaryOutline
+      border: theme.colors.secondaryOutline
     },
     suffixBackground: theme.colors.defaultGlobalSurface,
     text: theme.colors.onDefaultGlobalSurface,
-    shadow: theme.colors.primaryOutline
+    shadow: theme.colors.primaryOutline,
+    placeholder: theme.colors.mutedOnDefaultGlobalSurface
   };
   var shadows = {
     container: theme.shadows["default"]
@@ -4269,14 +4248,7 @@ var getSearchTheme = function getSearchTheme(theme) {
   };
   var borderWidths = {
     container: {
-      basic: {
-        normal: theme.borderWidths.medium,
-        focused: theme.borderWidths.medium
-      },
-      reversed: {
-        normal: theme.borderWidths.base,
-        focused: theme.borderWidths.medium
-      }
+      "default": theme.borderWidths.base
     }
   };
   var radii = {
@@ -7536,7 +7508,7 @@ var StyledText$3 = index$a(Text$1)(function (_ref) {
   });
 });
 
-var _excluded$L = ["children", "fontSize", "fontWeight", "intent", "typeface", "allowFontScaling"];
+var _excluded$M = ["children", "fontSize", "fontWeight", "intent", "typeface", "allowFontScaling"];
 var Text = function Text(_ref) {
   var children = _ref.children,
     _ref$fontSize = _ref.fontSize,
@@ -7549,7 +7521,7 @@ var Text = function Text(_ref) {
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
     _ref$allowFontScaling = _ref.allowFontScaling,
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$L);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$M);
   useDeprecation('Typography.Text is deprecated and will be removed in the next major release, please refer to https://design.employmenthero.com/mobile/Components/typography for the appropriate alternatives.');
   return /*#__PURE__*/React__default.createElement(StyledText$3, _extends$1({}, nativeProps, {
     themeFontSize: fontSize,
@@ -7579,7 +7551,7 @@ var StyledCaption = index$a(Text$1)(function (_ref) {
   };
 });
 
-var _excluded$K = ["children", "fontWeight", "intent", "allowFontScaling"];
+var _excluded$L = ["children", "fontWeight", "intent", "allowFontScaling"];
 var Caption = function Caption(_ref) {
   var children = _ref.children,
     _ref$fontWeight = _ref.fontWeight,
@@ -7588,7 +7560,7 @@ var Caption = function Caption(_ref) {
     intent = _ref$intent === void 0 ? 'body' : _ref$intent,
     _ref$allowFontScaling = _ref.allowFontScaling,
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$K);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$L);
   return /*#__PURE__*/React__default.createElement(StyledCaption, _extends$1({}, nativeProps, {
     themeFontWeight: fontWeight,
     themeIntent: intent,
@@ -7607,14 +7579,14 @@ var StyledLabel$1 = index$a(Text$1)(function (_ref) {
   };
 });
 
-var _excluded$J = ["children", "intent", "allowFontScaling"];
+var _excluded$K = ["children", "intent", "allowFontScaling"];
 var Label = function Label(_ref) {
   var children = _ref.children,
     _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'body' : _ref$intent,
     _ref$allowFontScaling = _ref.allowFontScaling,
     allowFontScaling = _ref$allowFontScaling === void 0 ? false : _ref$allowFontScaling,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$J);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$K);
   return /*#__PURE__*/React__default.createElement(StyledLabel$1, _extends$1({}, nativeProps, {
     themeIntent: intent,
     allowFontScaling: allowFontScaling
@@ -7635,7 +7607,7 @@ var StyledTitle$1 = index$a(Text$1)(function (_ref) {
   };
 });
 
-var _excluded$I = ["children", "intent", "allowFontScaling", "level", "typeface"];
+var _excluded$J = ["children", "intent", "allowFontScaling", "level", "typeface"];
 var Title = function Title(_ref) {
   var children = _ref.children,
     _ref$intent = _ref.intent,
@@ -7646,7 +7618,7 @@ var Title = function Title(_ref) {
     level = _ref$level === void 0 ? 'h1' : _ref$level,
     _ref$typeface = _ref.typeface,
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$I);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$J);
   return /*#__PURE__*/React__default.createElement(StyledTitle$1, _extends$1({}, nativeProps, {
     themeLevel: level,
     themeTypeface: typeface,
@@ -7681,7 +7653,7 @@ var StyledBody$2 = index$a(Text$1)(function (_ref) {
   };
 });
 
-var _excluded$H = ["children", "intent", "allowFontScaling", "typeface", "variant"];
+var _excluded$I = ["children", "intent", "allowFontScaling", "typeface", "variant"];
 var Body = function Body(_ref) {
   var children = _ref.children,
     _ref$intent = _ref.intent,
@@ -7692,7 +7664,7 @@ var Body = function Body(_ref) {
     typeface = _ref$typeface === void 0 ? 'neutral' : _ref$typeface,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'regular' : _ref$variant,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$H);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$I);
   return /*#__PURE__*/React__default.createElement(StyledBody$2, _extends$1({}, nativeProps, {
     themeTypeface: typeface,
     themeIntent: intent,
@@ -7710,7 +7682,7 @@ var Typography = {
 };
 
 // 🔴 DO NOT EDIT — This file is generated automatically.
-var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bolt', 'bookmark-added', 'bookmark-checked', 'bookmark', 'box-check', 'box', 'bpay', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'dot', 'double-buildings', 'edit-template', 'envelope', 'exclude', 'expand-content', 'expense', 'explore_nearby', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'hero-points', 'home', 'image', 'import', 'incident-siren', 'instapay-daily', 'instapay-now', 'instapay', 'list', 'loading-2', 'loading', 'location-on', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'money-notes', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'near-me', 'node', 'open-folder', 'paperclip-vertical', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-arrow', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'salary-sacrifice', 'save', 'schedule-send', 'schedule', 'search-person', 'search', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-circle', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'surfing', 'survey', 'swag-pillar-benefit', 'swag-pillar-career', 'swag-pillar-money', 'swag-pillar-work', 'swag', 'swipe-right', 'switch', 'tag', 'target', 'teams', 'thumb-down', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'accommodation-outlined', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'afternoon-outlined', 'ai-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'application-outlined', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'article-outlined', 'at-sign', 'auto-graph-outlined', 'automotive-outlined', 'bakery-outlined', 'bar-outlined', 'beauty-outlined', 'beer-outlined', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'bill-management-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bolt-outlined', 'book-outlined', 'bookmark-added-outlined', 'bookmark-checked-outlined', 'bookmark-outlined', 'box-1-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'call-outlined', 'call-split-outlined', 'camera-outlined', 'cancel', 'car-forward-outlined', 'cashback-outlined', 'charging-station-outlined', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-in-outlined', 'clock-out-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'coin-super-outlined', 'comment-outlined', 'contacts-outlined', 'contacts-user-outlined', 'credit-card-outlined', 'cultural-site-outlined', 'cup-outlined', 'dentistry-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-box-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-credit-card-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-box-outlined', 'download-outlined', 'edit-template-outlined', 'electronics-outlined', 'email-outlined', 'end-break-outlined', 'enter-arrow', 'entertainment-outlined', 'envelope-outlined', 'evening-outlined', 'expense-approval-outlined', 'expense-outlined', 'explore-outlined', 'extension-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'fastfood-outlined', 'feed-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-certified-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-statutory-outlined', 'file-verified-outlined', 'filter-outlined', 'fitness-outlined', 'folder-outlined', 'folder-upload-outlined', 'folder-user-outlined', 'form-outlined', 'funnel-filter-outline', 'goal-outlined', 'graph-outlined', 'grocery-outlined', 'hand-holding-user-outlined', 'handshake-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'job-search-outlined', 'leave-approval-outlined', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'local_mall_outlined', 'location-on-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'mail-outlined', 'map-outlined', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'morning-outlined', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'overview-outlined', 'park-outlined', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'propane-tank-outlined', 'qr-code-outlined', 'qualification-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'restaurant-outlined', 'resume-outlined', 'return-arrow', 'rostering-outlined', 'safety-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined-2', 'share-outlined', 'shop-outlined', 'shopping_basket_outlined', 'show-chart-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'smart-match-outlined', 'sparkle-outlined', 'speaker-active-outlined', 'speaker-outlined', 'star-circle-outlined', 'star-outlined', 'start-break-outlined', 'stash-outlined', 'stopwatch-outlined', 'strikethrough', 'styler-outlined', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'tag-outlined', 'target-outlined', 'tennis-outlined', 'thumb-down-outlined', 'ticket-outlined', 'timesheet-outlined', 'timesheets-outlined', 'today-outlined', 'transfer', 'transportation-outlined', 'trash-bin-outlined', 'umbrela-outlined', 'unavailability-outlined', 'unavailable', 'underline', 'union-outlined', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'volunteer-outlined', 'wallet-outlined', 'wellness-outlined'];
+var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bolt', 'bookmark-added', 'bookmark-checked', 'bookmark', 'box-check', 'box', 'bpay', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'dot', 'double-buildings', 'edit-template', 'envelope', 'exclude', 'expand-content', 'expense', 'explore_nearby', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'hero-points', 'home', 'image', 'import', 'incident-siren', 'instapay-daily', 'instapay-now', 'instapay', 'list', 'loading-2', 'loading', 'location-on', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'money-notes', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'near-me', 'node', 'open-folder', 'paperclip-vertical', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-arrow', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'salary-sacrifice', 'save', 'schedule-send', 'schedule', 'search-person', 'search', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-circle', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'surfing', 'survey', 'swag-pillar-benefit', 'swag-pillar-career', 'swag-pillar-money', 'swag-pillar-work', 'swag', 'swipe-right', 'switch', 'tag', 'target', 'teams', 'thumb-down', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'accommodation-outlined', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'afternoon-outlined', 'ai-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'application-outlined', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'article-outlined', 'at-sign', 'auto-graph-outlined', 'automotive-outlined', 'bakery-outlined', 'bar-outlined', 'beauty-outlined', 'beer-outlined', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'bill-management-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bolt-outlined', 'book-outlined', 'bookmark-added-outlined', 'bookmark-checked-outlined', 'bookmark-outlined', 'box-1-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calculator-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'call-outlined', 'call-split-outlined', 'camera-outlined', 'cancel', 'car-forward-outlined', 'cashback-outlined', 'charging-station-outlined', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-in-outlined', 'clock-out-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'coin-super-outlined', 'comment-outlined', 'contacts-outlined', 'contacts-user-outlined', 'credit-card-outlined', 'cultural-site-outlined', 'cup-outlined', 'dentistry-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-box-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-credit-card-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-box-outlined', 'download-outlined', 'edit-template-outlined', 'electronics-outlined', 'email-outlined', 'end-break-outlined', 'enter-arrow', 'entertainment-outlined', 'envelope-outlined', 'evening-outlined', 'expense-approval-outlined', 'expense-outlined', 'explore-outlined', 'extension-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'fastfood-outlined', 'feed-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-certified-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-statutory-outlined', 'file-verified-outlined', 'filter-outlined', 'fitness-outlined', 'folder-outlined', 'folder-upload-outlined', 'folder-user-outlined', 'form-outlined', 'funnel-filter-outline', 'goal-outlined', 'graph-outlined', 'grocery-outlined', 'hand-holding-user-outlined', 'handshake-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'job-search-outlined', 'leave-approval-outlined', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'local_mall_outlined', 'location-on-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'mail-outlined', 'map-outlined', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'morning-outlined', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'overview-outlined', 'park-outlined', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'propane-tank-outlined', 'qr-code-outlined', 'qualification-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'restaurant-outlined', 'resume-outlined', 'return-arrow', 'rostering-outlined', 'safety-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined-2', 'share-outlined', 'shield-check-outlined', 'shop-outlined', 'shopping_basket_outlined', 'show-chart-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'smart-match-outlined', 'sparkle-outlined', 'speaker-active-outlined', 'speaker-outlined', 'star-circle-outlined', 'star-outlined', 'start-break-outlined', 'stash-outlined', 'stopwatch-outlined', 'strikethrough', 'styler-outlined', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'tag-outlined', 'target-outlined', 'tennis-outlined', 'thumb-down-outlined', 'ticket-outlined', 'timesheet-outlined', 'timesheets-outlined', 'today-outlined', 'transfer', 'transportation-outlined', 'trash-bin-outlined', 'umbrela-outlined', 'unavailability-outlined', 'unavailable', 'underline', 'union-outlined', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'volunteer-outlined', 'wallet-outlined', 'wellness-outlined'];
 
 var activate = 59000;
 var adjustment = 59003;
@@ -7788,22 +7760,22 @@ var wallet = 59189;
 var warning = 59190;
 var add = 59197;
 var bold = 59227;
-var cancel = 59243;
-var checkmark = 59249;
-var italic = 59345;
-var local_mall_outlined = 59352;
-var number = 59375;
-var percentage = 59381;
-var redeem = 59391;
-var refresh = 59392;
-var remove = 59393;
-var restart = 59395;
-var shopping_basket_outlined = 59411;
-var strikethrough = 59426;
-var sync = 59432;
-var transfer = 59441;
-var unavailable = 59446;
-var underline = 59447;
+var cancel = 59244;
+var checkmark = 59250;
+var italic = 59346;
+var local_mall_outlined = 59353;
+var number = 59376;
+var percentage = 59382;
+var redeem = 59392;
+var refresh = 59393;
+var remove = 59394;
+var restart = 59396;
+var shopping_basket_outlined = 59413;
+var strikethrough = 59428;
+var sync = 59434;
+var transfer = 59443;
+var unavailable = 59448;
+var underline = 59449;
 var glyphMap = {
 	activate: activate,
 	"add-emoji": 59001,
@@ -8043,228 +8015,230 @@ var glyphMap = {
 	"box-outlined": 59235,
 	"bullet-points": 59236,
 	"cake-outlined": 59237,
-	"calendar-dates-outlined": 59238,
-	"calendar-star-outlined": 59239,
-	"call-outlined": 59240,
-	"call-split-outlined": 59241,
-	"camera-outlined": 59242,
+	"calculator-outlined": 59238,
+	"calendar-dates-outlined": 59239,
+	"calendar-star-outlined": 59240,
+	"call-outlined": 59241,
+	"call-split-outlined": 59242,
+	"camera-outlined": 59243,
 	cancel: cancel,
-	"car-forward-outlined": 59244,
-	"cashback-outlined": 59245,
-	"charging-station-outlined": 59246,
-	"chat-bubble-outlined": 59247,
-	"chat-unread-outlined": 59248,
+	"car-forward-outlined": 59245,
+	"cashback-outlined": 59246,
+	"charging-station-outlined": 59247,
+	"chat-bubble-outlined": 59248,
+	"chat-unread-outlined": 59249,
 	checkmark: checkmark,
-	"circle-add-outlined": 59250,
-	"circle-cancel-outlined": 59251,
-	"circle-down-outlined": 59252,
-	"circle-info-outlined": 59253,
-	"circle-left-outlined": 59254,
-	"circle-ok-outlined": 59255,
-	"circle-question-outlined": 59256,
-	"circle-remove-outlined": 59257,
-	"circle-right-outlined": 59258,
-	"circle-up-outlined": 59259,
-	"circle-warning-outlined": 59260,
-	"clock-2-outlined": 59261,
-	"clock-in-outlined": 59262,
-	"clock-out-outlined": 59263,
-	"clock-outlined": 59264,
-	"cog-outlined": 59265,
-	"coin-outlined": 59266,
-	"coin-super-outlined": 59267,
-	"comment-outlined": 59268,
-	"contacts-outlined": 59269,
-	"contacts-user-outlined": 59270,
-	"credit-card-outlined": 59271,
-	"cultural-site-outlined": 59272,
-	"cup-outlined": 59273,
-	"dentistry-outlined": 59274,
-	"direction-arrows-outlined": 59275,
-	"directory-outlined": 59276,
-	"document-outlined": 59277,
-	"dollar-box-outlined": 59278,
-	"dollar-card-outlined": 59279,
-	"dollar-coin-shine-outlined": 59280,
-	"dollar-credit-card-outlined": 59281,
-	"dollar-sign": 59282,
-	"double-buildings-outlined": 59283,
-	"double-left-arrows": 59284,
-	"double-right-arrows": 59285,
-	"download-box-outlined": 59286,
-	"download-outlined": 59287,
-	"edit-template-outlined": 59288,
-	"electronics-outlined": 59289,
-	"email-outlined": 59290,
-	"end-break-outlined": 59291,
-	"enter-arrow": 59292,
-	"entertainment-outlined": 59293,
-	"envelope-outlined": 59294,
-	"evening-outlined": 59295,
-	"expense-approval-outlined": 59296,
-	"expense-outlined": 59297,
-	"explore-outlined": 59298,
-	"extension-outlined": 59299,
-	"external-link": 59300,
-	"eye-invisible-outlined": 59301,
-	"eye-outlined": 59302,
-	"face-id": 59303,
-	"face-meh-outlined": 59304,
-	"face-open-smiley-outlined": 59305,
-	"face-sad-outlined": 59306,
-	"face-smiley-outlined": 59307,
-	"fastfood-outlined": 59308,
-	"feed-outlined": 59309,
-	"file-certified-outlined": 59310,
-	"file-clone-outlined": 59311,
-	"file-copy-outlined": 59312,
-	"file-dispose-outlined": 59313,
-	"file-dollar-certified-outlined": 59314,
-	"file-dollar-outlined": 59315,
-	"file-download-outlined": 59316,
-	"file-export-outlined": 59317,
-	"file-lock-outlined": 59318,
-	"file-outlined": 59319,
-	"file-search-outlined": 59320,
-	"file-secured-outlined": 59321,
-	"file-statutory-outlined": 59322,
-	"file-verified-outlined": 59323,
-	"filter-outlined": 59324,
-	"fitness-outlined": 59325,
-	"folder-outlined": 59326,
-	"folder-upload-outlined": 59327,
-	"folder-user-outlined": 59328,
-	"form-outlined": 59329,
-	"funnel-filter-outline": 59330,
-	"goal-outlined": 59331,
-	"graph-outlined": 59332,
-	"grocery-outlined": 59333,
-	"hand-holding-user-outlined": 59334,
-	"handshake-outlined": 59335,
-	"happy-sun-outlined": 59336,
-	"health-bag-outlined": 59337,
-	"heart-outlined": 59338,
-	"home-active-outlined": 59339,
-	"home-outlined": 59340,
-	"id-card-outlined": 59341,
-	"image-outlined": 59342,
-	"import-outlined": 59343,
-	"instapay-outlined": 59344,
+	"circle-add-outlined": 59251,
+	"circle-cancel-outlined": 59252,
+	"circle-down-outlined": 59253,
+	"circle-info-outlined": 59254,
+	"circle-left-outlined": 59255,
+	"circle-ok-outlined": 59256,
+	"circle-question-outlined": 59257,
+	"circle-remove-outlined": 59258,
+	"circle-right-outlined": 59259,
+	"circle-up-outlined": 59260,
+	"circle-warning-outlined": 59261,
+	"clock-2-outlined": 59262,
+	"clock-in-outlined": 59263,
+	"clock-out-outlined": 59264,
+	"clock-outlined": 59265,
+	"cog-outlined": 59266,
+	"coin-outlined": 59267,
+	"coin-super-outlined": 59268,
+	"comment-outlined": 59269,
+	"contacts-outlined": 59270,
+	"contacts-user-outlined": 59271,
+	"credit-card-outlined": 59272,
+	"cultural-site-outlined": 59273,
+	"cup-outlined": 59274,
+	"dentistry-outlined": 59275,
+	"direction-arrows-outlined": 59276,
+	"directory-outlined": 59277,
+	"document-outlined": 59278,
+	"dollar-box-outlined": 59279,
+	"dollar-card-outlined": 59280,
+	"dollar-coin-shine-outlined": 59281,
+	"dollar-credit-card-outlined": 59282,
+	"dollar-sign": 59283,
+	"double-buildings-outlined": 59284,
+	"double-left-arrows": 59285,
+	"double-right-arrows": 59286,
+	"download-box-outlined": 59287,
+	"download-outlined": 59288,
+	"edit-template-outlined": 59289,
+	"electronics-outlined": 59290,
+	"email-outlined": 59291,
+	"end-break-outlined": 59292,
+	"enter-arrow": 59293,
+	"entertainment-outlined": 59294,
+	"envelope-outlined": 59295,
+	"evening-outlined": 59296,
+	"expense-approval-outlined": 59297,
+	"expense-outlined": 59298,
+	"explore-outlined": 59299,
+	"extension-outlined": 59300,
+	"external-link": 59301,
+	"eye-invisible-outlined": 59302,
+	"eye-outlined": 59303,
+	"face-id": 59304,
+	"face-meh-outlined": 59305,
+	"face-open-smiley-outlined": 59306,
+	"face-sad-outlined": 59307,
+	"face-smiley-outlined": 59308,
+	"fastfood-outlined": 59309,
+	"feed-outlined": 59310,
+	"file-certified-outlined": 59311,
+	"file-clone-outlined": 59312,
+	"file-copy-outlined": 59313,
+	"file-dispose-outlined": 59314,
+	"file-dollar-certified-outlined": 59315,
+	"file-dollar-outlined": 59316,
+	"file-download-outlined": 59317,
+	"file-export-outlined": 59318,
+	"file-lock-outlined": 59319,
+	"file-outlined": 59320,
+	"file-search-outlined": 59321,
+	"file-secured-outlined": 59322,
+	"file-statutory-outlined": 59323,
+	"file-verified-outlined": 59324,
+	"filter-outlined": 59325,
+	"fitness-outlined": 59326,
+	"folder-outlined": 59327,
+	"folder-upload-outlined": 59328,
+	"folder-user-outlined": 59329,
+	"form-outlined": 59330,
+	"funnel-filter-outline": 59331,
+	"goal-outlined": 59332,
+	"graph-outlined": 59333,
+	"grocery-outlined": 59334,
+	"hand-holding-user-outlined": 59335,
+	"handshake-outlined": 59336,
+	"happy-sun-outlined": 59337,
+	"health-bag-outlined": 59338,
+	"heart-outlined": 59339,
+	"home-active-outlined": 59340,
+	"home-outlined": 59341,
+	"id-card-outlined": 59342,
+	"image-outlined": 59343,
+	"import-outlined": 59344,
+	"instapay-outlined": 59345,
 	italic: italic,
-	"job-search-outlined": 59346,
-	"leave-approval-outlined": 59347,
-	"link-1": 59348,
-	"link-2": 59349,
-	"list-outlined": 59350,
-	"live-help-outlined": 59351,
+	"job-search-outlined": 59347,
+	"leave-approval-outlined": 59348,
+	"link-1": 59349,
+	"link-2": 59350,
+	"list-outlined": 59351,
+	"live-help-outlined": 59352,
 	local_mall_outlined: local_mall_outlined,
-	"location-on-outlined": 59353,
-	"location-outlined": 59354,
-	"lock-outlined": 59355,
-	"locked-file-outlined": 59356,
-	"log-out": 59357,
-	"mail-outlined": 59358,
-	"map-outlined": 59359,
-	"media-content-outlined": 59360,
-	"menu-close": 59361,
-	"menu-expand": 59362,
-	"menu-fold-outlined": 59363,
-	"menu-unfold-outlined": 59364,
-	"moneybag-outlined": 59365,
-	"moon-outlined": 59366,
-	"more-horizontal": 59367,
-	"more-vertical": 59368,
-	"morning-outlined": 59369,
-	"multiple-folders-outlined": 59370,
-	"multiple-users-outlined": 59371,
-	"near-me-outlined": 59372,
-	"node-outlined": 59373,
-	"number-points": 59374,
+	"location-on-outlined": 59354,
+	"location-outlined": 59355,
+	"lock-outlined": 59356,
+	"locked-file-outlined": 59357,
+	"log-out": 59358,
+	"mail-outlined": 59359,
+	"map-outlined": 59360,
+	"media-content-outlined": 59361,
+	"menu-close": 59362,
+	"menu-expand": 59363,
+	"menu-fold-outlined": 59364,
+	"menu-unfold-outlined": 59365,
+	"moneybag-outlined": 59366,
+	"moon-outlined": 59367,
+	"more-horizontal": 59368,
+	"more-vertical": 59369,
+	"morning-outlined": 59370,
+	"multiple-folders-outlined": 59371,
+	"multiple-users-outlined": 59372,
+	"near-me-outlined": 59373,
+	"node-outlined": 59374,
+	"number-points": 59375,
 	number: number,
-	"overview-outlined": 59376,
-	"park-outlined": 59377,
-	"payment-summary-outlined": 59378,
-	"payslip-outlined": 59379,
-	"pencil-outlined": 59380,
+	"overview-outlined": 59377,
+	"park-outlined": 59378,
+	"payment-summary-outlined": 59379,
+	"payslip-outlined": 59380,
+	"pencil-outlined": 59381,
 	percentage: percentage,
-	"phone-outlined": 59382,
-	"piggy-bank-outlined": 59383,
-	"plane-outlined": 59384,
-	"play-circle-outlined": 59385,
-	"print-outlined": 59386,
-	"propane-tank-outlined": 59387,
-	"qr-code-outlined": 59388,
-	"qualification-outlined": 59389,
-	"re-assign": 59390,
+	"phone-outlined": 59383,
+	"piggy-bank-outlined": 59384,
+	"plane-outlined": 59385,
+	"play-circle-outlined": 59386,
+	"print-outlined": 59387,
+	"propane-tank-outlined": 59388,
+	"qr-code-outlined": 59389,
+	"qualification-outlined": 59390,
+	"re-assign": 59391,
 	redeem: redeem,
 	refresh: refresh,
 	remove: remove,
-	"reply-outlined": 59394,
+	"reply-outlined": 59395,
 	restart: restart,
-	"restaurant-outlined": 59396,
-	"resume-outlined": 59397,
-	"return-arrow": 59398,
-	"rostering-outlined": 59399,
-	"safety-outlined": 59400,
-	"save-outlined": 59401,
-	"schedule-outlined": 59402,
-	"search-outlined": 59403,
-	"search-secured-outlined": 59404,
-	"send-outlined": 59405,
-	"share-1": 59406,
-	"share-2": 59407,
-	"share-outlined-2": 59408,
-	"share-outlined": 59409,
-	"shop-outlined": 59410,
+	"restaurant-outlined": 59397,
+	"resume-outlined": 59398,
+	"return-arrow": 59399,
+	"rostering-outlined": 59400,
+	"safety-outlined": 59401,
+	"save-outlined": 59402,
+	"schedule-outlined": 59403,
+	"search-outlined": 59404,
+	"search-secured-outlined": 59405,
+	"send-outlined": 59406,
+	"share-1": 59407,
+	"share-2": 59408,
+	"share-outlined-2": 59409,
+	"share-outlined": 59410,
+	"shield-check-outlined": 59411,
+	"shop-outlined": 59412,
 	shopping_basket_outlined: shopping_basket_outlined,
-	"show-chart-outlined": 59412,
-	"single-down-arrow": 59413,
-	"single-left-arrow": 59414,
-	"single-right-arrow": 59415,
-	"single-up-arrow": 59416,
-	"smart-match-outlined": 59417,
-	"sparkle-outlined": 59418,
-	"speaker-active-outlined": 59419,
-	"speaker-outlined": 59420,
-	"star-circle-outlined": 59421,
-	"star-outlined": 59422,
-	"start-break-outlined": 59423,
-	"stash-outlined": 59424,
-	"stopwatch-outlined": 59425,
+	"show-chart-outlined": 59414,
+	"single-down-arrow": 59415,
+	"single-left-arrow": 59416,
+	"single-right-arrow": 59417,
+	"single-up-arrow": 59418,
+	"smart-match-outlined": 59419,
+	"sparkle-outlined": 59420,
+	"speaker-active-outlined": 59421,
+	"speaker-outlined": 59422,
+	"star-circle-outlined": 59423,
+	"star-outlined": 59424,
+	"start-break-outlined": 59425,
+	"stash-outlined": 59426,
+	"stopwatch-outlined": 59427,
 	strikethrough: strikethrough,
-	"styler-outlined": 59427,
-	"suitcase-clock-outlined": 59428,
-	"suitcase-outlined": 59429,
-	"survey-outlined": 59430,
-	"switch-outlined": 59431,
+	"styler-outlined": 59429,
+	"suitcase-clock-outlined": 59430,
+	"suitcase-outlined": 59431,
+	"survey-outlined": 59432,
+	"switch-outlined": 59433,
 	sync: sync,
-	"tag-outlined": 59433,
-	"target-outlined": 59434,
-	"tennis-outlined": 59435,
-	"thumb-down-outlined": 59436,
-	"ticket-outlined": 59437,
-	"timesheet-outlined": 59438,
-	"timesheets-outlined": 59439,
-	"today-outlined": 59440,
+	"tag-outlined": 59435,
+	"target-outlined": 59436,
+	"tennis-outlined": 59437,
+	"thumb-down-outlined": 59438,
+	"ticket-outlined": 59439,
+	"timesheet-outlined": 59440,
+	"timesheets-outlined": 59441,
+	"today-outlined": 59442,
 	transfer: transfer,
-	"transportation-outlined": 59442,
-	"trash-bin-outlined": 59443,
-	"umbrela-outlined": 59444,
-	"unavailability-outlined": 59445,
+	"transportation-outlined": 59444,
+	"trash-bin-outlined": 59445,
+	"umbrela-outlined": 59446,
+	"unavailability-outlined": 59447,
 	unavailable: unavailable,
 	underline: underline,
-	"union-outlined": 59448,
-	"unlock-outlined": 59449,
-	"upload-outlined": 59450,
-	"user-circle-outlined": 59451,
-	"user-gear-outlined": 59452,
-	"user-outlined": 59453,
-	"user-rectangle-outlined": 59454,
-	"video-1-outlined": 59455,
-	"video-2-outlined": 59456,
-	"volunteer-outlined": 59457,
-	"wallet-outlined": 59458,
-	"wellness-outlined": 59459
+	"union-outlined": 59450,
+	"unlock-outlined": 59451,
+	"upload-outlined": 59452,
+	"user-circle-outlined": 59453,
+	"user-gear-outlined": 59454,
+	"user-outlined": 59455,
+	"user-rectangle-outlined": 59456,
+	"video-1-outlined": 59457,
+	"video-2-outlined": 59458,
+	"volunteer-outlined": 59459,
+	"wallet-outlined": 59460,
+	"wellness-outlined": 59461
 };
 
 var HeroIcon = createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
@@ -8290,10 +8264,10 @@ var StyledHeroIcon = index$a(HeroIcon)(function (_ref) {
   };
 });
 
-var _excluded$G = ["style"];
+var _excluded$H = ["style"];
 var AnimatedIcon = function AnimatedIcon(_ref) {
   var style = _ref.style,
-    otherProps = _objectWithoutProperties(_ref, _excluded$G);
+    otherProps = _objectWithoutProperties(_ref, _excluded$H);
   var rotateAnimation = useRef(new Animated.Value(0));
   useEffect(function () {
     var animation = Animated.loop(Animated.timing(rotateAnimation.current, {
@@ -8398,7 +8372,7 @@ var AccordionItem = function AccordionItem(_ref) {
   }, content));
 };
 
-var _excluded$F = ["key"];
+var _excluded$G = ["key"];
 var Accordion = function Accordion(_ref) {
   var items = _ref.items,
     activeItemKey = _ref.activeItemKey,
@@ -8419,7 +8393,7 @@ var Accordion = function Accordion(_ref) {
     testID: testID
   }, items.map(function (_ref2, index) {
     var key = _ref2.key,
-      props = _objectWithoutProperties(_ref2, _excluded$F);
+      props = _objectWithoutProperties(_ref2, _excluded$G);
     var open = _activeItemKey === key;
     return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
       key: key
@@ -9094,6 +9068,17 @@ function omit(keys, obj) {
   });
   return result;
 }
+function hexToRgba(hex, a) {
+  var arrBuff = new ArrayBuffer(4);
+  var vw = new DataView(arrBuff);
+  vw.setUint32(0, parseInt(hex, 16), false);
+  var arrByte = new Uint8Array(arrBuff);
+  var _arrByte = _slicedToArray(arrByte, 3),
+    r = _arrByte[0],
+    g = _arrByte[1],
+    b = _arrByte[2];
+  return "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(a, ")");
+}
 
 var colors = {
   backgroundColor: {
@@ -9274,7 +9259,7 @@ var borderWidths = {
 var config = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, colors), space), radii), borderWidths);
 var flexPropsKey = ['alignContent', 'alignItems', 'alignSelf', 'display', 'flex', 'flexBasis', 'flexDirection', 'flexGrow', 'flexShrink', 'flexWrap', 'justifyContent'];
 
-var _excluded$E = ["theme"];
+var _excluded$F = ["theme"];
 var getThemeValue = function getThemeValue(theme, key, props) {
   var propConfig = config[key];
   var propValue = props[key];
@@ -9301,18 +9286,18 @@ var mapStylePropToThemeValue = function mapStylePropToThemeValue(theme, props) {
 var configKeys = Object.keys(config);
 var StyledBox = index$a(View)(function (_ref5) {
   var theme = _ref5.theme,
-    otherProps = _objectWithoutProperties(_ref5, _excluded$E);
+    otherProps = _objectWithoutProperties(_ref5, _excluded$F);
   var styleProps = pick(configKeys, otherProps);
   var flexProps = pick(_toConsumableArray(flexPropsKey), otherProps);
   return _objectSpread2(_objectSpread2({}, mapStylePropToThemeValue(theme, styleProps)), flexProps);
 });
 
-var _excluded$D = ["children", "style", "testID"];
+var _excluded$E = ["children", "style", "testID"];
 var Box = function Box(_ref) {
   var children = _ref.children,
     style = _ref.style,
     testID = _ref.testID,
-    otherProps = _objectWithoutProperties(_ref, _excluded$D);
+    otherProps = _objectWithoutProperties(_ref, _excluded$E);
   return /*#__PURE__*/React__default.createElement(StyledBox, _extends$1({}, otherProps, {
     style: style,
     testID: testID
@@ -9533,16 +9518,44 @@ var StyledStatus = index$a(Animated.View)(function (_ref3) {
     borderRadius: theme.radii.rounded
   };
 });
-var StyledIcon$4 = index$a(Icon)(function (_ref4) {
-  var themeSize = _ref4.themeSize,
-    theme = _ref4.theme;
+var StyledCount = index$a(View)(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    backgroundColor: theme.__hd__.badge.colors.danger,
+    borderRadius: theme.__hd__.badge.radii.count,
+    minWidth: theme.__hd__.badge.sizes.count.width,
+    height: theme.__hd__.badge.sizes.count.height,
+    alignItems: 'center',
+    justifyContent: 'center',
+    textAlign: 'center',
+    textAlignVertical: 'center',
+    color: theme.__hd__.badge.colors.text,
+    display: 'flex',
+    paddingHorizontal: theme.__hd__.badge.space.countPaddingHorizontal,
+    position: 'absolute',
+    top: theme.__hd__.badge.space.statusPositionTop,
+    right: theme.__hd__.badge.space.statusPositionRight
+  };
+});
+var StyledCountText = index$a(Typography.Text)(function (_ref5) {
+  var theme = _ref5.theme;
+  return {
+    height: theme.__hd__.badge.sizes.count.height,
+    lineHeight: theme.__hd__.badge.lineHeights.count,
+    color: theme.__hd__.badge.colors.text,
+    fontSize: theme.__hd__.badge.fontSizes.count
+  };
+});
+var StyledIcon$4 = index$a(Icon)(function (_ref6) {
+  var themeSize = _ref6.themeSize,
+    theme = _ref6.theme;
   return {
     fontSize: theme.__hd__.badge.fontSizes[themeSize]
   };
 });
 
-var _excluded$C = ["children", "visible", "intent", "style", "testID"];
-var Status = function Status(_ref) {
+var _excluded$D = ["children", "visible", "intent", "style", "testID"];
+var Status$1 = function Status(_ref) {
   var children = _ref.children,
     _ref$visible = _ref.visible,
     visible = _ref$visible === void 0 ? true : _ref$visible,
@@ -9550,7 +9563,7 @@ var Status = function Status(_ref) {
     intent = _ref$intent === void 0 ? 'danger' : _ref$intent,
     style = _ref.style,
     testID = _ref.testID,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$C);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$D);
   var _React$useRef = React__default.useRef(new Animated.Value(visible ? 1 : 0)),
     opacity = _React$useRef.current;
   var isFirstRendering = React__default.useRef(true);
@@ -9583,8 +9596,31 @@ var Status = function Status(_ref) {
   }));
 };
 
-var _excluded$B = ["content", "visible", "max", "intent", "style", "testID", "size", "variant", "icon"];
 var DEFAULT_MAX_NUMBER = 99;
+
+var _excluded$C = ["children", "visible", "style", "max", "testID", "content"];
+var Status = function Status(_ref) {
+  var children = _ref.children,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? true : _ref$visible,
+    style = _ref.style,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? DEFAULT_MAX_NUMBER : _ref$max,
+    testID = _ref.testID,
+    originalContent = _ref.content,
+    nativeProps = _objectWithoutProperties(_ref, _excluded$C);
+  var content = useMemo(function () {
+    return originalContent > max ? "".concat(max, "+") : String(originalContent);
+  }, [originalContent, max]);
+  return /*#__PURE__*/React__default.createElement(View, _extends$1({}, nativeProps, {
+    style: style,
+    testID: testID
+  }), children, visible && /*#__PURE__*/React__default.createElement(StyledCount, {
+    testID: "count-badge"
+  }, /*#__PURE__*/React__default.createElement(StyledCountText, null, content)));
+};
+
+var _excluded$B = ["content", "visible", "max", "intent", "style", "testID", "size", "variant", "icon"];
 var getPaddingState = function getPaddingState(content) {
   return content.length > 1 ? 'wideContent' : 'narrowContent';
 };
@@ -9650,7 +9686,8 @@ var Badge = function Badge(_ref) {
   }, content));
 };
 var Badge$1 = Object.assign(Badge, {
-  Status: Status
+  Status: Status$1,
+  Count: Status
 });
 
 var isHeroIcon = function isHeroIcon(x) {
@@ -10212,15 +10249,22 @@ var StyledButtonText = index$a(Typography.Title)(function (_ref3) {
   };
   return _objectSpread2({
     flexShrink: 1,
-    textAlign: 'center'
+    textAlign: 'center',
+    textAlignVertical: 'center',
+    lineHeight: theme.__hd__.button.lineHeights.buttonText
   }, themeStyling());
 });
-var StyledSmallButtonText = StyledButtonText.withComponent(Typography.Body);
-var StyledButtonTitleOfVariantText = index$a(Typography.Body)(function (_ref4) {
-  var disabled = _ref4.disabled,
-    themeButtonVariant = _ref4.themeButtonVariant,
-    themeIsPressed = _ref4.themeIsPressed,
-    theme = _ref4.theme;
+var StyledSmallButtonText = index$a(StyledButtonText.withComponent(Typography.Body))(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    lineHeight: theme.__hd__.button.lineHeights.utilityButtonText
+  };
+});
+var StyledButtonTitleOfVariantText = index$a(Typography.Body)(function (_ref5) {
+  var disabled = _ref5.disabled,
+    themeButtonVariant = _ref5.themeButtonVariant,
+    themeIsPressed = _ref5.themeIsPressed,
+    theme = _ref5.theme;
   var themeStyling = function themeStyling() {
     switch (themeButtonVariant) {
       case 'text-primary':
@@ -10240,14 +10284,14 @@ var StyledButtonTitleOfVariantText = index$a(Typography.Body)(function (_ref4) {
   return _objectSpread2({
     flexShrink: 1,
     lineHeight: theme.__hd__.button.lineHeights.titleOfTextVariant,
-    // align text on Android
-    textAlign: 'center'
+    textAlign: 'center',
+    textAlignVertical: 'center'
   }, themeStyling());
 });
-var StyledButtonIconWrapper = index$a(View)(function (_ref5) {
-  var themePosition = _ref5.themePosition,
-    theme = _ref5.theme,
-    themeIsCompact = _ref5.themeIsCompact;
+var StyledButtonIconWrapper = index$a(View)(function (_ref6) {
+  var themePosition = _ref6.themePosition,
+    theme = _ref6.theme,
+    themeIsCompact = _ref6.themeIsCompact;
   switch (themePosition) {
     case 'left':
       return {
@@ -10259,12 +10303,12 @@ var StyledButtonIconWrapper = index$a(View)(function (_ref5) {
       };
   }
 });
-var StyledButtonIcon = index$a(Icon)(function (_ref6) {
-  var disabled = _ref6.disabled,
-    themeButtonVariant = _ref6.themeButtonVariant,
-    themeIsPressed = _ref6.themeIsPressed,
-    theme = _ref6.theme,
-    themeIsCompact = _ref6.themeIsCompact;
+var StyledButtonIcon = index$a(Icon)(function (_ref7) {
+  var disabled = _ref7.disabled,
+    themeButtonVariant = _ref7.themeButtonVariant,
+    themeIsPressed = _ref7.themeIsPressed,
+    theme = _ref7.theme,
+    themeIsCompact = _ref7.themeIsCompact;
   var themeStyling = function themeStyling() {
     switch (themeButtonVariant) {
       case 'filled-primary':
@@ -10505,9 +10549,14 @@ var IconWrapper = index$a(View)(function (_ref2) {
     paddingRight: theme.__hd__.button.space["default"].iconPadding
   };
 });
-var ButtonText = index$a(Typography.Body)({
-  flexShrink: 1,
-  textAlign: 'center'
+var ButtonText = index$a(Typography.Body)(function (_ref3) {
+  var theme = _ref3.theme;
+  return {
+    flexShrink: 1,
+    textAlign: 'center',
+    textAlignVertical: 'center',
+    lineHeight: theme.__hd__.button.lineHeights.utilityButtonText
+  };
 });
 
 var TEXT_INTENTS = {
@@ -17169,17 +17218,6 @@ var StyledBadgeIcon = index$a(Icon)(function (_ref6) {
     color: theme.__hd__.mapPin.colors.badgeIcon
   };
 });
-function hexToRgba(hex, a) {
-  var arrBuff = new ArrayBuffer(4);
-  var vw = new DataView(arrBuff);
-  vw.setUint32(0, parseInt(hex, 16), false);
-  var arrByte = new Uint8Array(arrBuff);
-  var _arrByte = _slicedToArray(arrByte, 3),
-    r = _arrByte[0],
-    g = _arrByte[1],
-    b = _arrByte[2];
-  return "rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(a, ")");
-}
 var StyledFocusIcon = index$a(Icon)(function (_ref7) {
   var theme = _ref7.theme;
   return {
@@ -17676,21 +17714,6 @@ var PinInput = /*#__PURE__*/forwardRef(function (_ref2, ref) {
 });
 PinInput.displayName = 'PinInput';
 
-var THEME_INTENT_MAP = {
-  primary: 'primary',
-  success: 'success',
-  warning: 'warning',
-  danger: 'danger',
-  info: 'info',
-  archived: 'archived',
-  'primary-inverted': 'primaryInverted',
-  'success-inverted': 'successInverted',
-  'warning-inverted': 'warningInverted',
-  'danger-inverted': 'dangerInverted',
-  'info-inverted': 'infoInverted',
-  'archived-inverted': 'archivedInverted'
-};
-
 var StyledContainer$2 = index$a(View)(function (_ref) {
   var theme = _ref.theme;
   return {
@@ -17698,38 +17721,8 @@ var StyledContainer$2 = index$a(View)(function (_ref) {
     borderRadius: theme.__hd__.progress.radii["default"]
   };
 });
-var StyledHalfCircleWrapper = index$a(View)(function (_ref2) {
+var StyledDonutCircle = index$a(View)(function (_ref2) {
   var theme = _ref2.theme;
-  return {
-    width: theme.__hd__.progress.sizes.circleDiameter / 2,
-    height: theme.__hd__.progress.sizes.circleDiameter,
-    overflow: 'hidden'
-  };
-});
-var StyledHalfCircleInnerFG = index$a(View)(function (_ref3) {
-  var theme = _ref3.theme,
-    themeIntent = _ref3.themeIntent;
-  return {
-    width: theme.__hd__.progress.sizes.circleDiameter,
-    height: theme.__hd__.progress.sizes.circleDiameter,
-    borderRadius: theme.__hd__.progress.radii["default"],
-    borderColor: theme.__hd__.progress.colors.completeness[THEME_INTENT_MAP[themeIntent]],
-    borderWidth: theme.__hd__.progress.sizes.circleCompletenessHeight
-  };
-});
-var StyledHalfCircleInnerBG = index$a(View)(function (_ref4) {
-  var theme = _ref4.theme,
-    themeIntent = _ref4.themeIntent;
-  return {
-    width: theme.__hd__.progress.sizes.circleDiameter,
-    height: theme.__hd__.progress.sizes.circleDiameter,
-    borderRadius: theme.__hd__.progress.radii["default"],
-    borderWidth: theme.__hd__.progress.sizes.circleCompletenessHeight,
-    borderColor: theme.__hd__.progress.colors.incompleteness[THEME_INTENT_MAP[themeIntent]]
-  };
-});
-var StyledDonutCircle = index$a(View)(function (_ref5) {
-  var theme = _ref5.theme;
   return {
     position: 'absolute',
     top: theme.__hd__.progress.sizes.circleCompletenessHeight,
@@ -17742,136 +17735,83 @@ var StyledDonutCircle = index$a(View)(function (_ref5) {
     justifyContent: 'center'
   };
 });
-var StyledStrokeEnd = index$a(View)(function (_ref6) {
-  var theme = _ref6.theme,
-    themeIntent = _ref6.themeIntent;
-  return {
-    position: 'absolute',
-    top: 0,
-    left: (theme.__hd__.progress.sizes.circleDiameter - theme.__hd__.progress.sizes.circleCompletenessHeight) / 2,
-    width: theme.__hd__.progress.sizes.circleCompletenessHeight,
-    height: theme.__hd__.progress.sizes.circleCompletenessHeight,
-    borderRadius: theme.__hd__.progress.radii["default"],
-    backgroundColor: theme.__hd__.progress.colors.completeness[THEME_INTENT_MAP[themeIntent]],
-    zIndex: 2
-  };
-});
 
-var _excluded$j = ["value", "renderValue", "intent", "style", "testID"];
-var HalfCircle = function HalfCircle(_ref) {
-  var type = _ref.type,
-    themeIntent = _ref.themeIntent;
-  return /*#__PURE__*/React__default.createElement(StyledHalfCircleWrapper, null, type === 'background' ? /*#__PURE__*/React__default.createElement(StyledHalfCircleInnerBG, {
-    themeIntent: themeIntent
-  }) : /*#__PURE__*/React__default.createElement(StyledHalfCircleInnerFG, {
-    themeIntent: themeIntent
-  }));
+var THEME_INTENT_MAP = {
+  primary: 'primary',
+  success: 'success',
+  warning: 'warning',
+  danger: 'danger',
+  info: 'info',
+  archived: 'archived',
+  'primary-inverted': 'primaryInverted',
+  'success-inverted': 'successInverted',
+  'warning-inverted': 'warningInverted',
+  'danger-inverted': 'dangerInverted',
+  'info-inverted': 'infoInverted',
+  'archived-inverted': 'archivedInverted'
 };
+
+var _excluded$j = ["value", "renderValue", "intent", "style", "testID"];
 var defaultRenderValue = function defaultRenderValue(value) {
   return "".concat(value, "%");
 };
-var ProgressCircle = function ProgressCircle(_ref2) {
-  var value = _ref2.value,
-    _ref2$renderValue = _ref2.renderValue,
-    renderValue = _ref2$renderValue === void 0 ? defaultRenderValue : _ref2$renderValue,
-    _ref2$intent = _ref2.intent,
-    intent = _ref2$intent === void 0 ? 'primary' : _ref2$intent,
-    style = _ref2.style,
-    testID = _ref2.testID,
-    nativeProps = _objectWithoutProperties(_ref2, _excluded$j);
+var AnimatedCircle = Animated.createAnimatedComponent(Circle$1);
+var ProgressCircle = function ProgressCircle(_ref) {
+  var value = _ref.value,
+    _ref$renderValue = _ref.renderValue,
+    renderValue = _ref$renderValue === void 0 ? defaultRenderValue : _ref$renderValue,
+    _ref$intent = _ref.intent,
+    intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
+    style = _ref.style,
+    testID = _ref.testID,
+    nativeProps = _objectWithoutProperties(_ref, _excluded$j);
   var theme = useTheme$1();
-  var radius = theme.__hd__.progress.sizes.circleDiameter / 2;
-  var progressAnimatedValue = useRef(new Animated.Value(0));
+  var size = theme.__hd__.progress.sizes.circleDiameter;
+  var strokeWidth = theme.__hd__.progress.sizes.circleCompletenessHeight;
+  var radius = size / 2 - strokeWidth;
+  var circumference = 2 * Math.PI * radius;
+  var progressAnimatedValue = useRef(new Animated.Value(0)).current;
+  var minArc = strokeWidth / 2 / Math.PI; // Minimum arc length
   useEffect(function () {
-    var animation = Animated.timing(progressAnimatedValue.current, {
+    Animated.timing(progressAnimatedValue, {
       toValue: value,
-      useNativeDriver: true
-    });
-    animation.start();
-    return function () {
-      return animation.stop();
-    };
+      useNativeDriver: true,
+      easing: Easing.inOut(Easing.ease)
+    }).start();
   }, [value]);
-  // Animate progress circle: 0% => 50%
-  var interpolateRotateRightHalf = progressAnimatedValue.current.interpolate({
-    inputRange: [0, 50],
-    outputRange: ['0deg', '180deg'],
-    extrapolate: 'clamp'
-  });
-  var interpolateOpacityRightHalf = progressAnimatedValue.current.interpolate({
-    inputRange: [50, 51],
-    // Transition between left and right half
-    outputRange: [1, 0],
-    extrapolate: 'clamp'
-  });
-  // Animate progress circle: 50% => 100%
-  var interpolateRotateSecondHalf = progressAnimatedValue.current.interpolate({
-    inputRange: [50, 100],
-    outputRange: ['0deg', '180deg'],
-    extrapolate: 'clamp'
-  });
-  // Curve at the end of progress stroke
-  var interpolateDotRotate = progressAnimatedValue.current.interpolate({
+  var strokeDashoffset = progressAnimatedValue.interpolate({
     inputRange: [0, 100],
-    outputRange: ['0deg', '360deg'],
-    extrapolate: 'clamp'
+    outputRange: [circumference - minArc, 0] // Full circle to zero offset
   });
+
   return /*#__PURE__*/React__default.createElement(View, _extends$1({}, nativeProps, {
     testID: testID,
     style: style
-  }), /*#__PURE__*/React__default.createElement(StyledContainer$2, null, /*#__PURE__*/React__default.createElement(View, null, /*#__PURE__*/React__default.createElement(HalfCircle, {
-    type: "foreground",
-    themeIntent: intent
-  }), /*#__PURE__*/React__default.createElement(Animated.View, {
-    style: _objectSpread2(_objectSpread2({}, StyleSheet$1.absoluteFillObject), {}, {
-      transform: [{
-        translateX: radius / 2
-      }, {
-        rotate: interpolateRotateSecondHalf
-      }, {
-        translateX: -radius / 2
-      }]
-    })
-  }, /*#__PURE__*/React__default.createElement(HalfCircle, {
-    type: "background",
-    themeIntent: intent
-  }))), /*#__PURE__*/React__default.createElement(View, {
-    style: {
-      transform: [{
-        rotate: '180deg'
-      }],
-      zIndex: 1,
-      marginLeft: -0.1
-    }
-  }, /*#__PURE__*/React__default.createElement(HalfCircle, {
-    type: "foreground",
-    themeIntent: intent
-  }), /*#__PURE__*/React__default.createElement(Animated.View, {
-    style: _objectSpread2(_objectSpread2({}, StyleSheet$1.absoluteFillObject), {}, {
-      transform: [{
-        translateX: radius / 2
-      }, {
-        rotate: interpolateRotateRightHalf
-      }, {
-        translateX: -radius / 2
-      }],
-      opacity: interpolateOpacityRightHalf
-    })
-  }, /*#__PURE__*/React__default.createElement(HalfCircle, {
-    type: "background",
-    themeIntent: intent
-  }))), /*#__PURE__*/React__default.createElement(StyledStrokeEnd, {
-    themeIntent: intent
-  }), /*#__PURE__*/React__default.createElement(Animated.View, {
-    style: _objectSpread2(_objectSpread2({}, StyleSheet$1.absoluteFillObject), {}, {
-      zIndex: 2,
-      transform: [{
-        rotate: interpolateDotRotate
-      }]
-    })
-  }, /*#__PURE__*/React__default.createElement(StyledStrokeEnd, {
-    themeIntent: intent
-  })), /*#__PURE__*/React__default.createElement(StyledDonutCircle, null, /*#__PURE__*/React__default.createElement(Typography.Body, null, renderValue(value)))));
+  }), /*#__PURE__*/React__default.createElement(StyledContainer$2, null, /*#__PURE__*/React__default.createElement(Svg, {
+    width: size,
+    height: size,
+    viewBox: "0 0 ".concat(size, " ").concat(size)
+  }, /*#__PURE__*/React__default.createElement(G, {
+    rotation: "-90",
+    origin: "".concat(size / 2, ", ").concat(size / 2)
+  }, /*#__PURE__*/React__default.createElement(Circle$1, {
+    cx: size / 2,
+    cy: size / 2,
+    r: radius,
+    stroke: hexToRgba(theme.__hd__.progress.colors.incompleteness[THEME_INTENT_MAP[intent]], 0.1),
+    strokeWidth: strokeWidth,
+    fill: "transparent"
+  }), /*#__PURE__*/React__default.createElement(AnimatedCircle, {
+    cx: size / 2,
+    cy: size / 2,
+    r: radius,
+    stroke: theme.__hd__.progress.colors.completeness[THEME_INTENT_MAP[intent]],
+    strokeWidth: strokeWidth,
+    fill: "transparent",
+    strokeDasharray: circumference,
+    strokeDashoffset: strokeDashoffset,
+    strokeLinecap: "round"
+  }))), /*#__PURE__*/React__default.createElement(StyledDonutCircle, null, /*#__PURE__*/React__default.createElement(Typography.Body, null, renderValue(value)))));
 };
 
 var StyledWrapper$5 = index$a(View)(function (_ref) {
@@ -17880,7 +17820,7 @@ var StyledWrapper$5 = index$a(View)(function (_ref) {
   return {
     height: theme.__hd__.progress.sizes.barHeight,
     alignSelf: 'stretch',
-    backgroundColor: theme.__hd__.progress.colors.incompleteness[THEME_INTENT_MAP[themeIntent]],
+    backgroundColor: hexToRgba(theme.__hd__.progress.colors.incompleteness[THEME_INTENT_MAP[themeIntent]], 0.1),
     overflow: 'hidden',
     borderRadius: theme.__hd__.progress.radii["default"]
   };
@@ -17971,7 +17911,7 @@ var StyledSingleStepContainer = index$a(Box)(function (_ref2) {
   return {
     height: theme.__hd__.progress.sizes.stepHeight,
     borderRadius: theme.__hd__.progress.radii["default"],
-    backgroundColor: theme.__hd__.progress.colors.step.current,
+    backgroundColor: theme.__hd__.progress.colors.step.incomplete,
     width: '100%',
     position: 'relative'
   };
@@ -19895,7 +19835,7 @@ var TabWithBadge = function TabWithBadge(_ref) {
     return /*#__PURE__*/React__default.createElement(StyledBadgeWrapper, null, tabItem, /*#__PURE__*/React__default.createElement(Badge$1, {
       content: config.value,
       max: config.max,
-      intent: "info",
+      intent: "primary",
       style: {
         marginLeft: theme.space.xsmall
       }
@@ -20731,7 +20671,8 @@ var StyledInput$1 = index$a(TextInput$1)(function (_ref9) {
     alignSelf: 'stretch',
     flexGrow: 1,
     flexShrink: 1,
-    fontFamily: theme.__hd__.toolbar.fonts.text
+    fontFamily: theme.__hd__.toolbar.fonts.text,
+    color: theme.__hd__.toolbar.colors.text
   };
 });
 var StyledPrefix = index$a(View)(function (_ref10) {
@@ -20866,6 +20807,7 @@ var ToolbarMessage = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
     editable = _props$editable === void 0 ? true : _props$editable,
     textStyle = props.textStyle,
     nativeProps = _objectWithoutProperties(props, _excluded$8);
+  var theme = useTheme();
   var innerTextInput = React__default.useRef();
   var displayText = (_ref2 = value !== undefined ? value : defaultValue) !== null && _ref2 !== void 0 ? _ref2 : '';
   var isEmptyValue = displayText.length === 0;
@@ -20917,7 +20859,8 @@ var ToolbarMessage = /*#__PURE__*/forwardRef(function (props, forwardedRef) {
     ref: function ref(rnTextInputRef) {
       innerTextInput.current = rnTextInputRef;
     },
-    style: textStyle
+    style: textStyle,
+    placeholderTextColor: theme.__hd__.toolbar.colors.placeholder
   }))), suffix && /*#__PURE__*/React__default.createElement(StyledSuffix, {
     testID: testID && "".concat(testID, "-suffix")
   }, suffix));
@@ -40221,24 +40164,19 @@ var StyledContainer = index$a(View)(function () {
     width: '100%'
   };
 });
-var getBorderWidth = function getBorderWidth(theme, themeFocused, themeVariant) {
-  return themeFocused ? theme.__hd__.search.borderWidths.container[themeVariant].focused : theme.__hd__.search.borderWidths.container[themeVariant].normal;
-};
 var StyledInputContainer = index$a(View)(function (_ref) {
   var theme = _ref.theme,
-    themeFocused = _ref.themeFocused,
     themeVariant = _ref.themeVariant;
-  var borderWidth = getBorderWidth(theme, themeFocused, themeVariant);
   return _objectSpread2({
     flexDirection: 'row',
     alignItems: 'center',
-    paddingHorizontal: theme.__hd__.search.space.containerHorizontalPadding - borderWidth,
-    paddingVertical: theme.__hd__.search.space.containerVerticalPadding - borderWidth,
+    paddingHorizontal: theme.__hd__.search.space.containerHorizontalPadding,
+    paddingVertical: theme.__hd__.search.space.containerVerticalPadding,
     backgroundColor: theme.__hd__.search.colors[themeVariant].containerBackground,
     height: 56,
     borderRadius: theme.__hd__.search.radii.container,
-    borderWidth: borderWidth,
-    borderColor: themeFocused ? theme.__hd__.search.colors[themeVariant].focusedBorder : theme.__hd__.search.colors[themeVariant].border
+    borderWidth: theme.__hd__.search.borderWidths.container["default"],
+    borderColor: theme.__hd__.search.colors[themeVariant].border
   }, themeVariant === 'reversed' && _objectSpread2({}, theme.__hd__.search.shadows.container));
 });
 var StyledAffixContainer = index$a(View)(function (_ref2) {
@@ -40264,6 +40202,7 @@ var StyledInput = index$a(TextInput$1)(function (_ref4) {
   return {
     textAlignVertical: 'center',
     fontSize: theme.__hd__.search.fontSizes.text,
+    color: theme.__hd__.textInput.colors.text,
     alignSelf: 'stretch',
     flexGrow: 1,
     flexShrink: 1,
@@ -40301,7 +40240,7 @@ var renderPrefix = function renderPrefix(_ref) {
     intent: "text",
     testID: "input-prefix",
     icon: prefix,
-    size: "small"
+    size: "xsmall"
   })) : prefix;
 };
 var renderSuffix = function renderSuffix(_ref2) {
@@ -40310,7 +40249,7 @@ var renderSuffix = function renderSuffix(_ref2) {
     intent: "text",
     testID: "input-suffix",
     icon: suffix,
-    size: "small"
+    size: "xsmall"
   })) : suffix;
 };
 
@@ -40328,7 +40267,6 @@ var SearchTwoLine = function SearchTwoLine(props) {
     style: style,
     testID: testID
   }, /*#__PURE__*/React__default.createElement(StyledInputContainer, {
-    themeFocused: false,
     themeVariant: variant
   }, renderPrefix({
     prefix: prefix
@@ -40436,7 +40374,7 @@ var SearchOneLine = /*#__PURE__*/forwardRef(function (props, ref) {
       intent: "text",
       testID: "input-clear-button",
       icon: "circle-cancel",
-      size: "small",
+      size: "xsmall",
       disabled: state === 'disabled' || state === 'readonly'
     }));
   };
@@ -40446,7 +40384,6 @@ var SearchOneLine = /*#__PURE__*/forwardRef(function (props, ref) {
     testID: testID,
     style: style
   }, /*#__PURE__*/React__default.createElement(StyledInputContainer, {
-    themeFocused: isFocused,
     themeVariant: variant
   }, renderPrefix({
     prefix: prefix