@hero-design/rn-work-uikit 1.9.4 → 1.9.6

package/lib/index.js

@@ -823,6 +823,11 @@ var transformKebabCaseToCamelCase = function transformKebabCaseToCamelCase(strin
     return /[a-z]/.test(_char4) ? _char4.toUpperCase() : _char4;
   });
 };
+function assert(condition, message) {
+  if (!condition) {
+    throw new Error(message);
+  }
+}
 
 var BottomSheetContext = /*#__PURE__*/React.createContext({});
 
@@ -3802,7 +3807,7 @@ var StyledHeaderWrapper$1 = index$c(reactNative.View)(function (_ref5) {
     paddingHorizontal: theme.__hd__.bottomSheet.space.headerWrapperHorizontalPadding
   };
 });
-var StyledHeader = index$c(reactNative.View)({
+var StyledHeader$1 = index$c(reactNative.View)({
   flex: 1,
   justifyContent: 'center'
 });
@@ -6025,7 +6030,7 @@ var getBottomNavigationTheme = function getBottomNavigationTheme(theme) {
     wrapper: theme.shadows.medium
   };
   var space = {
-    titleMarginTop: theme.space.xsmall
+    titleMarginTop: theme.space.xxsmall
   };
   return {
     colors: colors,
@@ -6851,19 +6856,27 @@ var getProgressTheme = function getProgressTheme(theme) {
       complete: theme.colors.primary,
       incomplete: theme.colors.archivedSurface,
       current: theme.colors.decorativePrimarySurface
-    }
+    },
+    segmentedRemainderBackground: theme.colors.archivedSurface
   };
   var sizes = {
     circleDiameter: theme.sizes['6xlarge'],
     circleCompletenessHeight: theme.sizes.small,
     barHeight: theme.sizes.small,
-    stepHeight: theme.sizes.small
+    stepHeight: theme.sizes.small,
+    legendWidth: theme.space.small,
+    legendHeight: theme.space.small
   };
   var radii = {
-    "default": theme.radii.rounded
+    "default": theme.radii.rounded,
+    legendCircle: theme.radii.rounded
   };
   var space = {
-    stepGap: theme.space.xsmall
+    stepGap: theme.space.xsmall,
+    segmentedHeaderMarginBottom: theme.space.small,
+    legendGap: theme.space.small,
+    legendInnerGap: theme.space.xsmall,
+    segmentedLegendMarginTop: theme.space.small
   };
   return {
     colors: colors,
@@ -8144,7 +8157,7 @@ var LoadingIndicator = function LoadingIndicator(_ref2) {
 };
 
 // 🔴 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', 'global-pound', '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', 'pound-coin-shine', 'pound-sign', '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', 'thumb-up', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'academic-hat-outlined', '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-pound-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', 'lighting-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', 'pound-box-outlined', 'pound-card-outlined', 'pound-coin-shine-outlined', 'pound-credit-card-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', 'thumb-up-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', 'global-pound', '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', 'pound-coin-shine', 'pound-sign', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rocket-launch', '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', 'thumb-up', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'academic-hat-outlined', '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', 'diamond-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-pound-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', 'lighting-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', 'pound-box-outlined', 'pound-card-outlined', 'pound-coin-shine-outlined', 'pound-credit-card-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', 'rocket-launch-outlined', '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', 'thumb-up-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;
@@ -8200,44 +8213,44 @@ var plane = 59144;
 var print = 59149;
 var reply = 59152;
 var reschedule = 59153;
-var rostering = 59154;
-var save = 59156;
-var schedule$1 = 59158;
-var search = 59160;
-var send = 59161;
-var speaker = 59163;
-var star = 59168;
-var stopwatch = 59170;
-var suitcase = 59171;
-var surfing = 59172;
-var survey = 59173;
-var swag = 59178;
-var tag = 59181;
-var target = 59182;
-var teams = 59183;
-var timesheet = 59186;
-var unlock = 59189;
-var user = 59190;
-var wallet = 59193;
-var warning = 59194;
-var add = 59202;
-var bold = 59232;
-var cancel = 59249;
-var checkmark = 59255;
-var italic = 59352;
-var local_mall_outlined = 59360;
-var number$2 = 59383;
-var percentage = 59389;
-var redeem = 59403;
-var refresh = 59404;
-var remove$1 = 59405;
-var restart = 59407;
-var shopping_basket_outlined = 59424;
-var strikethrough = 59439;
-var sync = 59445;
-var transfer = 59455;
-var unavailable = 59460;
-var underline = 59461;
+var rostering = 59155;
+var save = 59157;
+var schedule$1 = 59159;
+var search = 59161;
+var send = 59162;
+var speaker = 59164;
+var star = 59169;
+var stopwatch = 59171;
+var suitcase = 59172;
+var surfing = 59173;
+var survey = 59174;
+var swag = 59179;
+var tag = 59182;
+var target = 59183;
+var teams = 59184;
+var timesheet = 59187;
+var unlock = 59190;
+var user = 59191;
+var wallet = 59194;
+var warning = 59195;
+var add = 59203;
+var bold = 59233;
+var cancel = 59250;
+var checkmark = 59256;
+var italic = 59354;
+var local_mall_outlined = 59362;
+var number$2 = 59385;
+var percentage = 59391;
+var redeem = 59405;
+var refresh = 59406;
+var remove$1 = 59407;
+var restart = 59409;
+var shopping_basket_outlined = 59427;
+var strikethrough = 59442;
+var sync = 59448;
+var transfer = 59458;
+var unavailable = 59463;
+var underline = 59464;
 var glyphMap = {
 	activate: activate,
 	"add-emoji": 59001,
@@ -8393,326 +8406,329 @@ var glyphMap = {
 	"reply-arrow": 59151,
 	reply: reply,
 	reschedule: reschedule,
+	"rocket-launch": 59154,
 	rostering: rostering,
-	"salary-sacrifice": 59155,
+	"salary-sacrifice": 59156,
 	save: save,
-	"schedule-send": 59157,
+	"schedule-send": 59158,
 	schedule: schedule$1,
-	"search-person": 59159,
+	"search-person": 59160,
 	search: search,
 	send: send,
-	"speaker-active": 59162,
+	"speaker-active": 59163,
 	speaker: speaker,
-	"star-award": 59164,
-	"star-badge": 59165,
-	"star-circle": 59166,
-	"star-medal": 59167,
+	"star-award": 59165,
+	"star-badge": 59166,
+	"star-circle": 59167,
+	"star-medal": 59168,
 	star: star,
-	"steps-circle": 59169,
+	"steps-circle": 59170,
 	stopwatch: stopwatch,
 	suitcase: suitcase,
 	surfing: surfing,
 	survey: survey,
-	"swag-pillar-benefit": 59174,
-	"swag-pillar-career": 59175,
-	"swag-pillar-money": 59176,
-	"swag-pillar-work": 59177,
+	"swag-pillar-benefit": 59175,
+	"swag-pillar-career": 59176,
+	"swag-pillar-money": 59177,
+	"swag-pillar-work": 59178,
 	swag: swag,
-	"swipe-right": 59179,
-	"switch": 59180,
+	"swipe-right": 59180,
+	"switch": 59181,
 	tag: tag,
 	target: target,
 	teams: teams,
-	"thumb-down": 59184,
-	"thumb-up": 59185,
+	"thumb-down": 59185,
+	"thumb-up": 59186,
 	timesheet: timesheet,
-	"touch-id": 59187,
-	"trash-bin": 59188,
+	"touch-id": 59188,
+	"trash-bin": 59189,
 	unlock: unlock,
 	user: user,
-	"video-1": 59191,
-	"video-2": 59192,
+	"video-1": 59192,
+	"video-2": 59193,
 	wallet: wallet,
 	warning: warning,
-	"academic-hat-outlined": 59195,
-	"accommodation-outlined": 59196,
-	"activate-outlined": 59197,
-	"add-credit-card-outlined": 59198,
-	"add-person-outlined": 59199,
-	"add-section-outlined": 59200,
-	"add-time-outlined": 59201,
+	"academic-hat-outlined": 59196,
+	"accommodation-outlined": 59197,
+	"activate-outlined": 59198,
+	"add-credit-card-outlined": 59199,
+	"add-person-outlined": 59200,
+	"add-section-outlined": 59201,
+	"add-time-outlined": 59202,
 	add: add,
-	"adjustment-outlined": 59203,
-	"afternoon-outlined": 59204,
-	"ai-outlined": 59205,
-	"alignment-2-outlined": 59206,
-	"alignment-outlined": 59207,
-	"all-caps": 59208,
-	"application-outlined": 59209,
-	"arrow-down": 59210,
-	"arrow-downwards": 59211,
-	"arrow-left": 59212,
-	"arrow-leftwards": 59213,
-	"arrow-right": 59214,
-	"arrow-rightwards": 59215,
-	"arrow-up": 59216,
-	"arrow-upwards": 59217,
-	"article-outlined": 59218,
-	"at-sign": 59219,
-	"auto-graph-outlined": 59220,
-	"automotive-outlined": 59221,
-	"bakery-outlined": 59222,
-	"bar-outlined": 59223,
-	"beauty-outlined": 59224,
-	"beer-outlined": 59225,
-	"bell-active-outlined": 59226,
-	"bell-outlined": 59227,
-	"bell-slash-outlined": 59228,
-	"bill-management-outlined": 59229,
-	"billing-outlined": 59230,
-	"body-outlined": 59231,
+	"adjustment-outlined": 59204,
+	"afternoon-outlined": 59205,
+	"ai-outlined": 59206,
+	"alignment-2-outlined": 59207,
+	"alignment-outlined": 59208,
+	"all-caps": 59209,
+	"application-outlined": 59210,
+	"arrow-down": 59211,
+	"arrow-downwards": 59212,
+	"arrow-left": 59213,
+	"arrow-leftwards": 59214,
+	"arrow-right": 59215,
+	"arrow-rightwards": 59216,
+	"arrow-up": 59217,
+	"arrow-upwards": 59218,
+	"article-outlined": 59219,
+	"at-sign": 59220,
+	"auto-graph-outlined": 59221,
+	"automotive-outlined": 59222,
+	"bakery-outlined": 59223,
+	"bar-outlined": 59224,
+	"beauty-outlined": 59225,
+	"beer-outlined": 59226,
+	"bell-active-outlined": 59227,
+	"bell-outlined": 59228,
+	"bell-slash-outlined": 59229,
+	"bill-management-outlined": 59230,
+	"billing-outlined": 59231,
+	"body-outlined": 59232,
 	bold: bold,
-	"bolt-outlined": 59233,
-	"book-outlined": 59234,
-	"bookmark-added-outlined": 59235,
-	"bookmark-checked-outlined": 59236,
-	"bookmark-outlined": 59237,
-	"box-1-outlined": 59238,
-	"box-check-outlined": 59239,
-	"box-outlined": 59240,
-	"bullet-points": 59241,
-	"cake-outlined": 59242,
-	"calculator-outlined": 59243,
-	"calendar-dates-outlined": 59244,
-	"calendar-star-outlined": 59245,
-	"call-outlined": 59246,
-	"call-split-outlined": 59247,
-	"camera-outlined": 59248,
+	"bolt-outlined": 59234,
+	"book-outlined": 59235,
+	"bookmark-added-outlined": 59236,
+	"bookmark-checked-outlined": 59237,
+	"bookmark-outlined": 59238,
+	"box-1-outlined": 59239,
+	"box-check-outlined": 59240,
+	"box-outlined": 59241,
+	"bullet-points": 59242,
+	"cake-outlined": 59243,
+	"calculator-outlined": 59244,
+	"calendar-dates-outlined": 59245,
+	"calendar-star-outlined": 59246,
+	"call-outlined": 59247,
+	"call-split-outlined": 59248,
+	"camera-outlined": 59249,
 	cancel: cancel,
-	"car-forward-outlined": 59250,
-	"cashback-outlined": 59251,
-	"charging-station-outlined": 59252,
-	"chat-bubble-outlined": 59253,
-	"chat-unread-outlined": 59254,
+	"car-forward-outlined": 59251,
+	"cashback-outlined": 59252,
+	"charging-station-outlined": 59253,
+	"chat-bubble-outlined": 59254,
+	"chat-unread-outlined": 59255,
 	checkmark: checkmark,
-	"circle-add-outlined": 59256,
-	"circle-cancel-outlined": 59257,
-	"circle-down-outlined": 59258,
-	"circle-info-outlined": 59259,
-	"circle-left-outlined": 59260,
-	"circle-ok-outlined": 59261,
-	"circle-question-outlined": 59262,
-	"circle-remove-outlined": 59263,
-	"circle-right-outlined": 59264,
-	"circle-up-outlined": 59265,
-	"circle-warning-outlined": 59266,
-	"clock-2-outlined": 59267,
-	"clock-in-outlined": 59268,
-	"clock-out-outlined": 59269,
-	"clock-outlined": 59270,
-	"cog-outlined": 59271,
-	"coin-outlined": 59272,
-	"coin-super-outlined": 59273,
-	"comment-outlined": 59274,
-	"contacts-outlined": 59275,
-	"contacts-user-outlined": 59276,
-	"credit-card-outlined": 59277,
-	"cultural-site-outlined": 59278,
-	"cup-outlined": 59279,
-	"dentistry-outlined": 59280,
-	"direction-arrows-outlined": 59281,
-	"directory-outlined": 59282,
-	"document-outlined": 59283,
-	"dollar-box-outlined": 59284,
-	"dollar-card-outlined": 59285,
-	"dollar-coin-shine-outlined": 59286,
-	"dollar-credit-card-outlined": 59287,
-	"dollar-sign": 59288,
-	"double-buildings-outlined": 59289,
-	"double-left-arrows": 59290,
-	"double-right-arrows": 59291,
-	"download-box-outlined": 59292,
-	"download-outlined": 59293,
-	"edit-template-outlined": 59294,
-	"electronics-outlined": 59295,
-	"email-outlined": 59296,
-	"end-break-outlined": 59297,
-	"enter-arrow": 59298,
-	"entertainment-outlined": 59299,
-	"envelope-outlined": 59300,
-	"evening-outlined": 59301,
-	"expense-approval-outlined": 59302,
-	"expense-outlined": 59303,
-	"explore-outlined": 59304,
-	"extension-outlined": 59305,
-	"external-link": 59306,
-	"eye-invisible-outlined": 59307,
-	"eye-outlined": 59308,
-	"face-id": 59309,
-	"face-meh-outlined": 59310,
-	"face-open-smiley-outlined": 59311,
-	"face-sad-outlined": 59312,
-	"face-smiley-outlined": 59313,
-	"fastfood-outlined": 59314,
-	"feed-outlined": 59315,
-	"file-certified-outlined": 59316,
-	"file-clone-outlined": 59317,
-	"file-copy-outlined": 59318,
-	"file-dispose-outlined": 59319,
-	"file-dollar-certified-outlined": 59320,
-	"file-dollar-outlined": 59321,
-	"file-download-outlined": 59322,
-	"file-export-outlined": 59323,
-	"file-lock-outlined": 59324,
-	"file-outlined": 59325,
-	"file-pound-outlined": 59326,
-	"file-search-outlined": 59327,
-	"file-secured-outlined": 59328,
-	"file-statutory-outlined": 59329,
-	"file-verified-outlined": 59330,
-	"filter-outlined": 59331,
-	"fitness-outlined": 59332,
-	"folder-outlined": 59333,
-	"folder-upload-outlined": 59334,
-	"folder-user-outlined": 59335,
-	"form-outlined": 59336,
-	"funnel-filter-outline": 59337,
-	"goal-outlined": 59338,
-	"graph-outlined": 59339,
-	"grocery-outlined": 59340,
-	"hand-holding-user-outlined": 59341,
-	"handshake-outlined": 59342,
-	"happy-sun-outlined": 59343,
-	"health-bag-outlined": 59344,
-	"heart-outlined": 59345,
-	"home-active-outlined": 59346,
-	"home-outlined": 59347,
-	"id-card-outlined": 59348,
-	"image-outlined": 59349,
-	"import-outlined": 59350,
-	"instapay-outlined": 59351,
+	"circle-add-outlined": 59257,
+	"circle-cancel-outlined": 59258,
+	"circle-down-outlined": 59259,
+	"circle-info-outlined": 59260,
+	"circle-left-outlined": 59261,
+	"circle-ok-outlined": 59262,
+	"circle-question-outlined": 59263,
+	"circle-remove-outlined": 59264,
+	"circle-right-outlined": 59265,
+	"circle-up-outlined": 59266,
+	"circle-warning-outlined": 59267,
+	"clock-2-outlined": 59268,
+	"clock-in-outlined": 59269,
+	"clock-out-outlined": 59270,
+	"clock-outlined": 59271,
+	"cog-outlined": 59272,
+	"coin-outlined": 59273,
+	"coin-super-outlined": 59274,
+	"comment-outlined": 59275,
+	"contacts-outlined": 59276,
+	"contacts-user-outlined": 59277,
+	"credit-card-outlined": 59278,
+	"cultural-site-outlined": 59279,
+	"cup-outlined": 59280,
+	"dentistry-outlined": 59281,
+	"diamond-outlined": 59282,
+	"direction-arrows-outlined": 59283,
+	"directory-outlined": 59284,
+	"document-outlined": 59285,
+	"dollar-box-outlined": 59286,
+	"dollar-card-outlined": 59287,
+	"dollar-coin-shine-outlined": 59288,
+	"dollar-credit-card-outlined": 59289,
+	"dollar-sign": 59290,
+	"double-buildings-outlined": 59291,
+	"double-left-arrows": 59292,
+	"double-right-arrows": 59293,
+	"download-box-outlined": 59294,
+	"download-outlined": 59295,
+	"edit-template-outlined": 59296,
+	"electronics-outlined": 59297,
+	"email-outlined": 59298,
+	"end-break-outlined": 59299,
+	"enter-arrow": 59300,
+	"entertainment-outlined": 59301,
+	"envelope-outlined": 59302,
+	"evening-outlined": 59303,
+	"expense-approval-outlined": 59304,
+	"expense-outlined": 59305,
+	"explore-outlined": 59306,
+	"extension-outlined": 59307,
+	"external-link": 59308,
+	"eye-invisible-outlined": 59309,
+	"eye-outlined": 59310,
+	"face-id": 59311,
+	"face-meh-outlined": 59312,
+	"face-open-smiley-outlined": 59313,
+	"face-sad-outlined": 59314,
+	"face-smiley-outlined": 59315,
+	"fastfood-outlined": 59316,
+	"feed-outlined": 59317,
+	"file-certified-outlined": 59318,
+	"file-clone-outlined": 59319,
+	"file-copy-outlined": 59320,
+	"file-dispose-outlined": 59321,
+	"file-dollar-certified-outlined": 59322,
+	"file-dollar-outlined": 59323,
+	"file-download-outlined": 59324,
+	"file-export-outlined": 59325,
+	"file-lock-outlined": 59326,
+	"file-outlined": 59327,
+	"file-pound-outlined": 59328,
+	"file-search-outlined": 59329,
+	"file-secured-outlined": 59330,
+	"file-statutory-outlined": 59331,
+	"file-verified-outlined": 59332,
+	"filter-outlined": 59333,
+	"fitness-outlined": 59334,
+	"folder-outlined": 59335,
+	"folder-upload-outlined": 59336,
+	"folder-user-outlined": 59337,
+	"form-outlined": 59338,
+	"funnel-filter-outline": 59339,
+	"goal-outlined": 59340,
+	"graph-outlined": 59341,
+	"grocery-outlined": 59342,
+	"hand-holding-user-outlined": 59343,
+	"handshake-outlined": 59344,
+	"happy-sun-outlined": 59345,
+	"health-bag-outlined": 59346,
+	"heart-outlined": 59347,
+	"home-active-outlined": 59348,
+	"home-outlined": 59349,
+	"id-card-outlined": 59350,
+	"image-outlined": 59351,
+	"import-outlined": 59352,
+	"instapay-outlined": 59353,
 	italic: italic,
-	"job-search-outlined": 59353,
-	"leave-approval-outlined": 59354,
-	"lighting-outlined": 59355,
-	"link-1": 59356,
-	"link-2": 59357,
-	"list-outlined": 59358,
-	"live-help-outlined": 59359,
+	"job-search-outlined": 59355,
+	"leave-approval-outlined": 59356,
+	"lighting-outlined": 59357,
+	"link-1": 59358,
+	"link-2": 59359,
+	"list-outlined": 59360,
+	"live-help-outlined": 59361,
 	local_mall_outlined: local_mall_outlined,
-	"location-on-outlined": 59361,
-	"location-outlined": 59362,
-	"lock-outlined": 59363,
-	"locked-file-outlined": 59364,
-	"log-out": 59365,
-	"mail-outlined": 59366,
-	"map-outlined": 59367,
-	"media-content-outlined": 59368,
-	"menu-close": 59369,
-	"menu-expand": 59370,
-	"menu-fold-outlined": 59371,
-	"menu-unfold-outlined": 59372,
-	"moneybag-outlined": 59373,
-	"moon-outlined": 59374,
-	"more-horizontal": 59375,
-	"more-vertical": 59376,
-	"morning-outlined": 59377,
-	"multiple-folders-outlined": 59378,
-	"multiple-users-outlined": 59379,
-	"near-me-outlined": 59380,
-	"node-outlined": 59381,
-	"number-points": 59382,
+	"location-on-outlined": 59363,
+	"location-outlined": 59364,
+	"lock-outlined": 59365,
+	"locked-file-outlined": 59366,
+	"log-out": 59367,
+	"mail-outlined": 59368,
+	"map-outlined": 59369,
+	"media-content-outlined": 59370,
+	"menu-close": 59371,
+	"menu-expand": 59372,
+	"menu-fold-outlined": 59373,
+	"menu-unfold-outlined": 59374,
+	"moneybag-outlined": 59375,
+	"moon-outlined": 59376,
+	"more-horizontal": 59377,
+	"more-vertical": 59378,
+	"morning-outlined": 59379,
+	"multiple-folders-outlined": 59380,
+	"multiple-users-outlined": 59381,
+	"near-me-outlined": 59382,
+	"node-outlined": 59383,
+	"number-points": 59384,
 	number: number$2,
-	"overview-outlined": 59384,
-	"park-outlined": 59385,
-	"payment-summary-outlined": 59386,
-	"payslip-outlined": 59387,
-	"pencil-outlined": 59388,
+	"overview-outlined": 59386,
+	"park-outlined": 59387,
+	"payment-summary-outlined": 59388,
+	"payslip-outlined": 59389,
+	"pencil-outlined": 59390,
 	percentage: percentage,
-	"phone-outlined": 59390,
-	"piggy-bank-outlined": 59391,
-	"plane-outlined": 59392,
-	"play-circle-outlined": 59393,
-	"pound-box-outlined": 59394,
-	"pound-card-outlined": 59395,
-	"pound-coin-shine-outlined": 59396,
-	"pound-credit-card-outlined": 59397,
-	"print-outlined": 59398,
-	"propane-tank-outlined": 59399,
-	"qr-code-outlined": 59400,
-	"qualification-outlined": 59401,
-	"re-assign": 59402,
+	"phone-outlined": 59392,
+	"piggy-bank-outlined": 59393,
+	"plane-outlined": 59394,
+	"play-circle-outlined": 59395,
+	"pound-box-outlined": 59396,
+	"pound-card-outlined": 59397,
+	"pound-coin-shine-outlined": 59398,
+	"pound-credit-card-outlined": 59399,
+	"print-outlined": 59400,
+	"propane-tank-outlined": 59401,
+	"qr-code-outlined": 59402,
+	"qualification-outlined": 59403,
+	"re-assign": 59404,
 	redeem: redeem,
 	refresh: refresh,
 	remove: remove$1,
-	"reply-outlined": 59406,
+	"reply-outlined": 59408,
 	restart: restart,
-	"restaurant-outlined": 59408,
-	"resume-outlined": 59409,
-	"return-arrow": 59410,
-	"rostering-outlined": 59411,
-	"safety-outlined": 59412,
-	"save-outlined": 59413,
-	"schedule-outlined": 59414,
-	"search-outlined": 59415,
-	"search-secured-outlined": 59416,
-	"send-outlined": 59417,
-	"share-1": 59418,
-	"share-2": 59419,
-	"share-outlined-2": 59420,
-	"share-outlined": 59421,
-	"shield-check-outlined": 59422,
-	"shop-outlined": 59423,
+	"restaurant-outlined": 59410,
+	"resume-outlined": 59411,
+	"return-arrow": 59412,
+	"rocket-launch-outlined": 59413,
+	"rostering-outlined": 59414,
+	"safety-outlined": 59415,
+	"save-outlined": 59416,
+	"schedule-outlined": 59417,
+	"search-outlined": 59418,
+	"search-secured-outlined": 59419,
+	"send-outlined": 59420,
+	"share-1": 59421,
+	"share-2": 59422,
+	"share-outlined-2": 59423,
+	"share-outlined": 59424,
+	"shield-check-outlined": 59425,
+	"shop-outlined": 59426,
 	shopping_basket_outlined: shopping_basket_outlined,
-	"show-chart-outlined": 59425,
-	"single-down-arrow": 59426,
-	"single-left-arrow": 59427,
-	"single-right-arrow": 59428,
-	"single-up-arrow": 59429,
-	"smart-match-outlined": 59430,
-	"sparkle-outlined": 59431,
-	"speaker-active-outlined": 59432,
-	"speaker-outlined": 59433,
-	"star-circle-outlined": 59434,
-	"star-outlined": 59435,
-	"start-break-outlined": 59436,
-	"stash-outlined": 59437,
-	"stopwatch-outlined": 59438,
+	"show-chart-outlined": 59428,
+	"single-down-arrow": 59429,
+	"single-left-arrow": 59430,
+	"single-right-arrow": 59431,
+	"single-up-arrow": 59432,
+	"smart-match-outlined": 59433,
+	"sparkle-outlined": 59434,
+	"speaker-active-outlined": 59435,
+	"speaker-outlined": 59436,
+	"star-circle-outlined": 59437,
+	"star-outlined": 59438,
+	"start-break-outlined": 59439,
+	"stash-outlined": 59440,
+	"stopwatch-outlined": 59441,
 	strikethrough: strikethrough,
-	"styler-outlined": 59440,
-	"suitcase-clock-outlined": 59441,
-	"suitcase-outlined": 59442,
-	"survey-outlined": 59443,
-	"switch-outlined": 59444,
+	"styler-outlined": 59443,
+	"suitcase-clock-outlined": 59444,
+	"suitcase-outlined": 59445,
+	"survey-outlined": 59446,
+	"switch-outlined": 59447,
 	sync: sync,
-	"tag-outlined": 59446,
-	"target-outlined": 59447,
-	"tennis-outlined": 59448,
-	"thumb-down-outlined": 59449,
-	"thumb-up-outlined": 59450,
-	"ticket-outlined": 59451,
-	"timesheet-outlined": 59452,
-	"timesheets-outlined": 59453,
-	"today-outlined": 59454,
+	"tag-outlined": 59449,
+	"target-outlined": 59450,
+	"tennis-outlined": 59451,
+	"thumb-down-outlined": 59452,
+	"thumb-up-outlined": 59453,
+	"ticket-outlined": 59454,
+	"timesheet-outlined": 59455,
+	"timesheets-outlined": 59456,
+	"today-outlined": 59457,
 	transfer: transfer,
-	"transportation-outlined": 59456,
-	"trash-bin-outlined": 59457,
-	"umbrela-outlined": 59458,
-	"unavailability-outlined": 59459,
+	"transportation-outlined": 59459,
+	"trash-bin-outlined": 59460,
+	"umbrela-outlined": 59461,
+	"unavailability-outlined": 59462,
 	unavailable: unavailable,
 	underline: underline,
-	"union-outlined": 59462,
-	"unlock-outlined": 59463,
-	"upload-outlined": 59464,
-	"user-circle-outlined": 59465,
-	"user-gear-outlined": 59466,
-	"user-outlined": 59467,
-	"user-rectangle-outlined": 59468,
-	"video-1-outlined": 59469,
-	"video-2-outlined": 59470,
-	"volunteer-outlined": 59471,
-	"wallet-outlined": 59472,
-	"wellness-outlined": 59473
+	"union-outlined": 59465,
+	"unlock-outlined": 59466,
+	"upload-outlined": 59467,
+	"user-circle-outlined": 59468,
+	"user-gear-outlined": 59469,
+	"user-outlined": 59470,
+	"user-rectangle-outlined": 59471,
+	"video-1-outlined": 59472,
+	"video-2-outlined": 59473,
+	"volunteer-outlined": 59474,
+	"wallet-outlined": 59475,
+	"wellness-outlined": 59476
 };
 
 var HeroIcon = reactNativeVectorIcons.createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
@@ -9624,7 +9640,7 @@ var Header = function Header(_ref) {
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'fixed' : _ref$variant;
   var theme = useTheme();
-  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(StyledHeaderWrapper$1, null, typeof content === 'string' ? /*#__PURE__*/React__namespace.default.createElement(StyledHeader, null, /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(StyledHeaderWrapper$1, null, typeof content === 'string' ? /*#__PURE__*/React__namespace.default.createElement(StyledHeader$1, null, /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
     variant: "regular-bold"
   }, content)) : /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
     style: {
@@ -16478,7 +16494,7 @@ var BottomBarItem = index$c(reactNative.View)({
   flex: 1,
   alignItems: 'center'
 });
-var StyledBottomBarText = index$c(Typography.Caption)(function (_ref3) {
+var StyledBottomBarText = index$c(Typography.Label)(function (_ref3) {
   var theme = _ref3.theme;
   return {
     marginTop: theme.__hd__.bottomNavigation.space.titleMarginTop
@@ -16554,11 +16570,10 @@ var BottomNavigation = function BottomNavigation(_ref) {
       testID: testID
     }, /*#__PURE__*/React__namespace.default.createElement(BottomBarItem, null, /*#__PURE__*/React__namespace.default.createElement(Icon, {
       icon: active ? icon : inactiveIcon,
-      intent: active ? 'primary' : 'text',
+      intent: active ? 'primary' : 'muted',
       testID: "hero-icon-".concat(icon)
     }), !!title && /*#__PURE__*/React__namespace.default.createElement(StyledBottomBarText, {
-      fontWeight: "semi-bold",
-      intent: active ? 'primary' : 'body',
+      intent: active ? 'primary' : 'muted',
       numberOfLines: 1
     }, title)));
   }))));
@@ -24308,15 +24323,16 @@ var Portal$1 = Object.assign(Portal, {
   Host: PortalHost
 });
 
-var _excluded$o = ["visible"];
 var DEFAULT_BACKDROP_OPACITY = 0.4;
 var DEFAULT_ANIMATION_CONFIG = {
   easing: reactNative.Easing.inOut(reactNative.Easing.cubic),
   useNativeDriver: reactNative.Platform.OS !== 'web',
   duration: 400
 };
-var Modal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+var Modal = function Modal(_ref) {
   var children = _ref.children,
+    _ref$visible = _ref.visible,
+    visible = _ref$visible === void 0 ? true : _ref$visible,
     onShow = _ref.onShow,
     onRequestClose = _ref.onRequestClose,
     testID = _ref.testID,
@@ -24328,59 +24344,60 @@ var Modal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var theme = useTheme();
   var animatedBackdropValue = React.useRef(new reactNative.Animated.Value(0)).current;
   var animatedModalValue = React.useRef(new reactNative.Animated.Value(0)).current;
+  var _useState = React.useState(visible),
+    _useState2 = _slicedToArray(_useState, 2),
+    mounted = _useState2[0],
+    setMounted = _useState2[1];
+  var previousVisible = React.useRef(false);
 
-  // Show or hide the backdrop and modal content
-  var animateBackdropAndContent = React.useCallback(function (_ref2) {
-    var toValue = _ref2.toValue,
-      callback = _ref2.callback;
-    if (animationType !== 'none') {
-      // Backdrop animation
-      if (!transparent) {
-        reactNative.Animated.timing(animatedBackdropValue, _objectSpread2({
-          toValue: toValue
-        }, DEFAULT_ANIMATION_CONFIG)).start();
-      }
-
-      // Modal content animation
-      reactNative.Animated.timing(animatedModalValue, _objectSpread2({
-        toValue: toValue
-      }, DEFAULT_ANIMATION_CONFIG)).start(callback);
-    } else {
-      callback === null || callback === void 0 || callback();
-    }
-  }, [animationType, onShow, transparent]);
-  var backdropOpacityAnimation = animatedBackdropValue.interpolate({
-    inputRange: [0, 1],
-    outputRange: [0, DEFAULT_BACKDROP_OPACITY]
-  });
-  var modalAnimation = animatedModalValue.interpolate({
-    inputRange: [0, 1],
-    outputRange: animationType === 'slide' ? [reactNative.Dimensions.get('window').height, 0] : [0, 1]
-  });
-  React.useImperativeHandle(ref, function () {
-    return {
-      show: function show() {
-        animateBackdropAndContent({
-          toValue: 1,
-          callback: onShow
+  // Animate in/out based on visible prop
+  React.useEffect(function () {
+    if (visible && !previousVisible.current) {
+      // Show animation
+      setMounted(true);
+      if (animationType !== 'none') {
+        if (!transparent) {
+          reactNative.Animated.timing(animatedBackdropValue, _objectSpread2({
+            toValue: 1
+          }, DEFAULT_ANIMATION_CONFIG)).start();
+        }
+        reactNative.Animated.timing(animatedModalValue, _objectSpread2({
+          toValue: 1
+        }, DEFAULT_ANIMATION_CONFIG)).start(function () {
+          onShow === null || onShow === void 0 || onShow();
         });
-      },
-      hide: function hide(wrapperCallback) {
-        animateBackdropAndContent({
-          toValue: 0,
-          callback: function callback() {
-            if (reactNative.Platform.OS === 'ios') {
-              onDismiss === null || onDismiss === void 0 || onDismiss();
-            }
-            wrapperCallback();
+      } else {
+        onShow === null || onShow === void 0 || onShow();
+      }
+    } else if (!visible && previousVisible.current) {
+      // Hide animation
+      if (animationType !== 'none') {
+        if (!transparent) {
+          reactNative.Animated.timing(animatedBackdropValue, _objectSpread2({
+            toValue: 0
+          }, DEFAULT_ANIMATION_CONFIG)).start();
+        }
+        reactNative.Animated.timing(animatedModalValue, _objectSpread2({
+          toValue: 0
+        }, DEFAULT_ANIMATION_CONFIG)).start(function () {
+          setMounted(false);
+          if (reactNative.Platform.OS === 'ios') {
+            onDismiss === null || onDismiss === void 0 || onDismiss();
           }
         });
+      } else {
+        setMounted(false);
+        if (reactNative.Platform.OS === 'ios') {
+          onDismiss === null || onDismiss === void 0 || onDismiss();
+        }
       }
-    };
-  }, [onDismiss, onShow, animateBackdropAndContent]);
+    }
+    previousVisible.current = visible;
+  }, [visible, animationType, transparent, onShow, onDismiss]);
 
   // Back button handler
   React.useEffect(function () {
+    if (!visible) return;
     var backHandler = reactNative.BackHandler.addEventListener('hardwareBackPress', function () {
       onRequestClose === null || onRequestClose === void 0 || onRequestClose();
       return true;
@@ -24388,7 +24405,18 @@ var Modal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return function () {
       return backHandler.remove();
     };
-  }, [onRequestClose]);
+  }, [visible, onRequestClose]);
+  var backdropOpacityAnimation = animatedBackdropValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: [0, DEFAULT_BACKDROP_OPACITY]
+  });
+  var modalAnimation = animatedModalValue.interpolate({
+    inputRange: [0, 1],
+    outputRange: animationType === 'slide' ? [reactNative.Dimensions.get('window').height, 0] : [0, 1]
+  });
+  if (!visible && !mounted) {
+    return null;
+  }
   return /*#__PURE__*/React__namespace.default.createElement(Portal$1, null, /*#__PURE__*/React__namespace.default.createElement(reactNative.Animated.View, {
     style: _objectSpread2(_objectSpread2({}, reactNative.StyleSheet.absoluteFillObject), {}, {
       backgroundColor: transparent ? 'transparent' : theme.colors.overlayGlobalSurface,
@@ -24403,39 +24431,9 @@ var Modal = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       }]
     })
   }, children));
-});
-var ModalWrapper = function ModalWrapper(_ref3) {
-  var _ref3$visible = _ref3.visible,
-    visible = _ref3$visible === void 0 ? true : _ref3$visible,
-    props = _objectWithoutProperties(_ref3, _excluded$o);
-  var modalRef = React.useRef(null);
-  var _useState = React.useState(visible),
-    _useState2 = _slicedToArray(_useState, 2),
-    internalVisible = _useState2[0],
-    setInternalVisible = _useState2[1];
-  React.useEffect(function () {
-    if (visible) {
-      setInternalVisible(true);
-    } else {
-      var _modalRef$current;
-      // Wait for animation to finish before hiding the modal
-      (_modalRef$current = modalRef.current) === null || _modalRef$current === void 0 || _modalRef$current.hide(function () {
-        return setInternalVisible(false);
-      });
-    }
-  }, [visible]);
-  React.useEffect(function () {
-    if (internalVisible) {
-      var _modalRef$current2;
-      (_modalRef$current2 = modalRef.current) === null || _modalRef$current2 === void 0 || _modalRef$current2.show();
-    }
-  }, [internalVisible]);
-  return internalVisible ? /*#__PURE__*/React__namespace.default.createElement(Modal, _extends$1({
-    ref: modalRef
-  }, props)) : null;
 };
 
-var StyledErrorModal = index$c(ModalWrapper)({
+var StyledErrorModal = index$c(Modal)({
   height: '100%',
   width: '100%'
 });
@@ -24527,7 +24525,7 @@ var StyledErrorDescription = index$c(Typography.Body)(function (_ref10) {
   };
 });
 
-var _excluded$n = ["variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress", "icon"],
+var _excluded$o = ["variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress", "icon"],
   _excluded2$1 = ["visible", "variant", "title", "description", "image", "testID", "ctaText", "onCtaPress", "secondaryCtaText", "onSecondaryCtaPress"];
 var renderImage$1 = function renderImage(image) {
   if (/*#__PURE__*/React.isValidElement(image)) {
@@ -24568,7 +24566,7 @@ var ErrorPage = function ErrorPage(_ref2) {
     secondaryCtaText = _ref2.secondaryCtaText,
     onSecondaryCtaPress = _ref2.onSecondaryCtaPress,
     icon = _ref2.icon,
-    nativeProps = _objectWithoutProperties(_ref2, _excluded$n);
+    nativeProps = _objectWithoutProperties(_ref2, _excluded$o);
   var showCta = ctaText && onCtaPress !== undefined;
   var showSecondaryCta = secondaryCtaText && onSecondaryCtaPress !== undefined;
   var showButtonContainer = showCta || showSecondaryCta;
@@ -24795,13 +24793,13 @@ var ActionItem = function ActionItem(_ref) {
   })), /*#__PURE__*/React__namespace.default.createElement(StyledActionItemText, null, title))));
 };
 
-var _excluded$m = ["active"];
+var _excluded$n = ["active"];
 var AnimatedIcons = reactNative.Animated.createAnimatedComponent(/*#__PURE__*/React__namespace.default.forwardRef(function (props, _) {
   return /*#__PURE__*/React__namespace.default.createElement(StyledFABIcon, props);
 }));
 var AnimatedFABIcon = function AnimatedFABIcon(_ref) {
   var active = _ref.active,
-    iconProps = _objectWithoutProperties(_ref, _excluded$m);
+    iconProps = _objectWithoutProperties(_ref, _excluded$n);
   var rotateAnimation = React.useRef(new reactNative.Animated.Value(active ? 1 : 0));
   React.useEffect(function () {
     var animation = reactNative.Animated.spring(rotateAnimation.current, {
@@ -25159,11 +25157,11 @@ var StyledFAB = index$c(FAB$1)(function (_ref) {
   };
 });
 
-var _excluded$l = ["fabConfig", "onCancel"];
+var _excluded$m = ["fabConfig", "onCancel"];
 var Pair = function Pair(_ref) {
   var fabConfig = _ref.fabConfig,
     onCancel = _ref.onCancel,
-    props = _objectWithoutProperties(_ref, _excluded$l);
+    props = _objectWithoutProperties(_ref, _excluded$m);
   var icon = fabConfig.icon,
     title = fabConfig.title,
     onPress = fabConfig.onPress,
@@ -25893,11 +25891,11 @@ var StyledFocusIcon = index$c(Icon)(function (_ref7) {
   };
 });
 
-var _excluded$k = ["style", "testID"];
+var _excluded$l = ["style", "testID"];
 var MapPinFocussed = function MapPinFocussed(_ref) {
   var style = _ref.style,
     testID = _ref.testID,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$k);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$l);
   return /*#__PURE__*/React__namespace.default.createElement(StyledContainer$4, _extends$1({}, nativeProps, {
     style: style,
     testID: testID
@@ -25907,7 +25905,7 @@ var MapPinFocussed = function MapPinFocussed(_ref) {
   }));
 };
 
-var _excluded$j = ["style", "testID", "state", "image", "icon"];
+var _excluded$k = ["style", "testID", "state", "image", "icon"];
 var getBadgeIconName = function getBadgeIconName(state) {
   var iconMap = {
     idle: undefined,
@@ -25923,7 +25921,7 @@ var MapPin = function MapPin(_ref) {
     state = _ref$state === void 0 ? 'idle' : _ref$state,
     image = _ref.image,
     icon = _ref.icon,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$j);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$k);
   var badgeIcon = getBadgeIconName(state);
   return /*#__PURE__*/React__namespace.default.createElement(StyledContainer$4, _extends$1({}, nativeProps, {
     style: style,
@@ -26245,7 +26243,7 @@ var THEME_INTENT_MAP = {
   'archived-inverted': 'archivedInverted'
 };
 
-var _excluded$i = ["value", "renderValue", "intent", "style", "testID"];
+var _excluded$j = ["value", "renderValue", "intent", "style", "testID"];
 var defaultRenderValue = function defaultRenderValue(value) {
   return "".concat(value, "%");
 };
@@ -26258,7 +26256,7 @@ var ProgressCircle = function ProgressCircle(_ref) {
     intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
     style = _ref.style,
     testID = _ref.testID,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$i);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$j);
   var theme = useTheme$1();
   var size = theme.__hd__.progress.sizes.circleDiameter;
   var strokeWidth = theme.__hd__.progress.sizes.circleCompletenessHeight;
@@ -26329,14 +26327,14 @@ var StyledInner = index$c(reactNative.Animated.View)(function (_ref2) {
   };
 });
 
-var _excluded$h = ["value", "intent", "style", "testID"];
+var _excluded$i = ["value", "intent", "style", "testID"];
 var ProgressBar = function ProgressBar(_ref) {
   var value = _ref.value,
     _ref$intent = _ref.intent,
     intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
     style = _ref.style,
     testID = _ref.testID,
-    nativeProps = _objectWithoutProperties(_ref, _excluded$h);
+    nativeProps = _objectWithoutProperties(_ref, _excluded$i);
   var _useState = React.useState(0),
     _useState2 = _slicedToArray(_useState, 2),
     width = _useState2[0],
@@ -26426,7 +26424,7 @@ var StyledSingleStep = index$c(Box)(function (_ref3) {
   };
 });
 
-var _excluded$g = ["steps", "current", "onLayout"];
+var _excluded$h = ["steps", "current", "onLayout"];
 var getStepState = function getStepState(current, index) {
   if (index < current) {
     return 'complete';
@@ -26440,7 +26438,7 @@ var ProgressStep = function ProgressStep(_ref) {
   var steps = _ref.steps,
     current = _ref.current,
     onLayout = _ref.onLayout,
-    props = _objectWithoutProperties(_ref, _excluded$g);
+    props = _objectWithoutProperties(_ref, _excluded$h);
   var theme = useTheme$1();
   var _React$useState = React__namespace.default.useState(0),
     _React$useState2 = _slicedToArray(_React$useState, 2),
@@ -26476,9 +26474,375 @@ var ProgressStep = function ProgressStep(_ref) {
   }));
 };
 
+var SEGMENTED_BAR_COLORS = ['primaryMedium', 'blueMedium', 'greenMedium', 'redMedium', 'orangeMedium', 'yellowMedium', 'pinkMedium', 'greyMedium', 'primaryLight', 'blueLight', 'greenLight', 'redLight', 'orangeLight', 'yellowLight', 'pinkLight', 'greyLight', 'success', 'onSuccessSurface', 'onInfoSurface', 'warning', 'onWarningSurface', 'error', 'onErrorSurface', 'archive', 'onArchiveSurface'];
+var MIN_PROGRESS_VALUE = 0;
+var MAX_PROGRESS_VALUE = 100;
+var SEGMENTED_BAR_ERRORS = {
+  negativeValue: '[Progress.SegmentedBar] value:$value is less than 0',
+  legendDisplayValues: '[Progress.SegmentedBar] legendConfig.displayValues must include a non-null/non-undefined entry for each data series (length must match and no null/undefined values are allowed)',
+  customColorsInvalid: '[Progress.SegmentedBar] Invalid styleConfig.series: length must match the number of data series, each entry must include a color value, and labels must match the data series labels'
+};
+
+var useValidateSegmentedBarData = function useValidateSegmentedBarData(_ref) {
+  var values = _ref.values,
+    dataLength = _ref.dataLength;
+  var _React$useMemo = React__namespace.default.useMemo(function () {
+      var foundNegativeValue = values.find(function (value) {
+        return value < 0;
+      });
+      return {
+        hasNegativeValue: foundNegativeValue !== undefined,
+        negativeValue: foundNegativeValue
+      };
+    }, [dataLength, values]),
+    hasNegativeValue = _React$useMemo.hasNegativeValue,
+    negativeValue = _React$useMemo.negativeValue;
+  assert(!hasNegativeValue, SEGMENTED_BAR_ERRORS.negativeValue.replace('$value', String(negativeValue)));
+};
+var useValidateSegmentedBarLegendDisplayValues = function useValidateSegmentedBarLegendDisplayValues(_ref2) {
+  var dataLength = _ref2.dataLength,
+    legendConfig = _ref2.legendConfig,
+    fallbackValues = _ref2.fallbackValues;
+  var displayValues = legendConfig === null || legendConfig === void 0 ? void 0 : legendConfig.displayValues;
+  var _React$useMemo2 = React__namespace.default.useMemo(function () {
+      if (displayValues === undefined) {
+        return {
+          valuesToUse: fallbackValues,
+          hasLengthMismatch: false,
+          hasEmptyEntry: false
+        };
+      }
+      var isLengthMismatch = displayValues.length !== dataLength;
+      var isEmptyEntry = displayValues.some(function (value) {
+        return value === undefined || value === null;
+      });
+      return {
+        valuesToUse: displayValues,
+        hasLengthMismatch: isLengthMismatch,
+        hasEmptyEntry: isEmptyEntry
+      };
+    }, [dataLength, displayValues, fallbackValues]),
+    valuesToUse = _React$useMemo2.valuesToUse,
+    hasLengthMismatch = _React$useMemo2.hasLengthMismatch,
+    hasEmptyEntry = _React$useMemo2.hasEmptyEntry;
+  assert(!(hasLengthMismatch || hasEmptyEntry), SEGMENTED_BAR_ERRORS.legendDisplayValues);
+  return valuesToUse;
+};
+var useValidateSegmentedBarStyleConfig = function useValidateSegmentedBarStyleConfig(_ref3) {
+  var dataSeries = _ref3.dataSeries,
+    customSeries = _ref3.customSeries;
+  var _React$useMemo3 = React__namespace.default.useMemo(function () {
+      if (!customSeries || dataSeries.length === 0) {
+        return {
+          hasInvalidLength: false,
+          hasMissingColor: false,
+          hasMissingLabel: false
+        };
+      }
+      var invalidLength = !Array.isArray(customSeries) || customSeries.length !== dataSeries.length;
+      if (invalidLength) {
+        return {
+          hasInvalidLength: invalidLength,
+          hasMissingColor: false,
+          hasMissingLabel: false
+        };
+      }
+      var missingColor = customSeries.some(function (item) {
+        return !(item !== null && item !== void 0 && item.color);
+      });
+      var providedLabels = new Set(customSeries.map(function (item) {
+        return item.label;
+      }));
+      var missingLabel = dataSeries.some(function (_ref4) {
+        var label = _ref4.label;
+        return !providedLabels.has(label);
+      });
+      return {
+        hasInvalidLength: invalidLength,
+        hasMissingColor: missingColor,
+        hasMissingLabel: missingLabel
+      };
+    }, [customSeries, dataSeries]),
+    hasInvalidLength = _React$useMemo3.hasInvalidLength,
+    hasMissingColor = _React$useMemo3.hasMissingColor,
+    hasMissingLabel = _React$useMemo3.hasMissingLabel;
+  assert(!(hasInvalidLength || hasMissingColor || hasMissingLabel), SEGMENTED_BAR_ERRORS.customColorsInvalid);
+};
+
+/**
+ * Retrieves a color value from a theme source by token.
+ */
+var getThemeColorValue = function getThemeColorValue(source, token) {
+  var value = source === null || source === void 0 ? void 0 : source[token];
+  return typeof value === 'string' ? value : undefined;
+};
+
+/**
+ * Resolves a SegmentedBar color token to a concrete CSS color string.
+ * Falls back to the raw token string if not found.
+ */
+var getColorFromList = function getColorFromList(_ref) {
+  var _ref2, _getThemeColorValue;
+  var theme = _ref.theme,
+    token = _ref.token;
+  return (_ref2 = (_getThemeColorValue = getThemeColorValue(theme.colors, token)) !== null && _getThemeColorValue !== void 0 ? _getThemeColorValue : getThemeColorValue(palette$9, token)) !== null && _ref2 !== void 0 ? _ref2 : token;
+};
+
+/**
+ * Maps custom series colors by matching labels.
+ */
+var mapCustomSeriesColors = function mapCustomSeriesColors(_ref3) {
+  var dataSeries = _ref3.dataSeries,
+    customSeries = _ref3.customSeries,
+    theme = _ref3.theme;
+  var colorByLabel = new Map(customSeries.map(function (_ref4) {
+    var label = _ref4.label,
+      color = _ref4.color;
+    return [label, getColorFromList({
+      theme: theme,
+      token: color
+    })];
+  }));
+  return dataSeries.map(function (_ref5) {
+    var label = _ref5.label;
+    var resolvedColor = colorByLabel.get(label);
+    return resolvedColor || '';
+  });
+};
+
+/**
+ * Returns an array of colors (index-aligned to the segmented bar data).
+ *
+ * - if `customSeries` is provided, uses the provided series colors (resolved via theme/palette)
+ * - otherwise returns the default palette-based colors
+ */
+var useSegmentedBarColors = function useSegmentedBarColors(_ref6) {
+  var dataSeries = _ref6.dataSeries,
+    customSeries = _ref6.customSeries;
+  var theme = useTheme$1();
+  var colors = React.useMemo(function () {
+    if (customSeries !== undefined) {
+      return mapCustomSeriesColors({
+        dataSeries: dataSeries,
+        customSeries: customSeries,
+        theme: theme
+      });
+    }
+
+    // Default colors
+    return Array.from({
+      length: dataSeries.length
+    }, function (_, index) {
+      return getColorFromList({
+        theme: theme,
+        token: SEGMENTED_BAR_COLORS[index % SEGMENTED_BAR_COLORS.length]
+      });
+    });
+  }, [customSeries, dataSeries, theme]);
+  return colors;
+};
+
+var LegendBox = index$c(Box)(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    flexDirection: 'row',
+    alignItems: 'center',
+    flexWrap: 'wrap',
+    marginTop: theme.__hd__.progress.space.segmentedLegendMarginTop
+  };
+});
+var LegendItem = index$c(Box)(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginRight: theme.__hd__.progress.space.legendGap,
+    marginBottom: theme.__hd__.progress.space.legendGap
+  };
+});
+var LegendCircle = index$c(Box)(function (_ref3) {
+  var theme = _ref3.theme,
+    themeColor = _ref3.themeColor;
+  return {
+    width: theme.__hd__.progress.sizes.legendWidth,
+    height: theme.__hd__.progress.sizes.legendHeight,
+    borderRadius: theme.__hd__.progress.radii.legendCircle,
+    backgroundColor: themeColor,
+    marginRight: theme.__hd__.progress.space.legendInnerGap
+  };
+});
+var LegendValue = index$c(Box)(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    marginLeft: theme.__hd__.progress.space.legendInnerGap
+  };
+});
+
+var getTextComponent = function getTextComponent(content, textElement) {
+  if (!content) {
+    return null;
+  }
+  if (typeof content === 'string' || typeof content === 'number') {
+    return textElement;
+  }
+  return content;
+};
+
+var ProgressSegmentedBarLegendItem = function ProgressSegmentedBarLegendItem(_ref) {
+  var title = _ref.title,
+    color = _ref.color,
+    displayValue = _ref.displayValue,
+    testID = _ref.testID;
+  var renderedDisplayValue = getTextComponent(displayValue, /*#__PURE__*/React__namespace.default.createElement(Typography.Caption, {
+    intent: "muted"
+  }, displayValue));
+  return /*#__PURE__*/React__namespace.default.createElement(LegendItem, {
+    testID: testID
+  }, /*#__PURE__*/React__namespace.default.createElement(LegendCircle, {
+    themeColor: color
+  }), /*#__PURE__*/React__namespace.default.createElement(Typography.Caption, null, "".concat(title, ":")), renderedDisplayValue ? /*#__PURE__*/React__namespace.default.createElement(LegendValue, null, renderedDisplayValue) : null);
+};
+
+var StyledHeader = index$c(Box)(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'baseline',
+    flexWrap: 'wrap',
+    marginBottom: theme.__hd__.progress.space.segmentedHeaderMarginBottom
+  };
+});
+var StyledTrack = index$c(Box)(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    width: '100%',
+    height: theme.__hd__.progress.sizes.barHeight,
+    borderRadius: theme.__hd__.progress.radii["default"],
+    overflow: 'hidden',
+    flexDirection: 'row'
+  };
+});
+var StyledSegment = index$c(Box)(function (_ref3) {
+  var themeColor = _ref3.themeColor,
+    themeWidthPercent = _ref3.themeWidthPercent;
+  return {
+    backgroundColor: themeColor,
+    flexGrow: 0,
+    flexShrink: 0,
+    width: "".concat(themeWidthPercent, "%")
+  };
+});
+var StyledEmptyText = index$c(Typography.Caption)(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    marginTop: theme.__hd__.progress.space.segmentedLegendMarginTop
+  };
+});
+
+var _excluded$g = ["data", "headerConfig", "emptyText", "legendConfig", "styleConfig", "style", "testID", "collapsable"];
+var ProgressSegmentedBar = function ProgressSegmentedBar(_ref) {
+  var data = _ref.data,
+    headerConfig = _ref.headerConfig,
+    emptyText = _ref.emptyText,
+    legendConfig = _ref.legendConfig,
+    styleConfig = _ref.styleConfig,
+    style = _ref.style,
+    testID = _ref.testID,
+    collapsable = _ref.collapsable,
+    nativeProps = _objectWithoutProperties(_ref, _excluded$g);
+  var values = React__namespace.default.useMemo(function () {
+    return data.map(function (s) {
+      return s.data;
+    });
+  }, [data]);
+  useValidateSegmentedBarData({
+    dataLength: data.length,
+    values: values
+  });
+  var legendDisplayValues = useValidateSegmentedBarLegendDisplayValues({
+    dataLength: data.length,
+    legendConfig: legendConfig,
+    fallbackValues: values
+  });
+  useValidateSegmentedBarStyleConfig({
+    dataSeries: data,
+    customSeries: styleConfig === null || styleConfig === void 0 ? void 0 : styleConfig.series
+  });
+  var theme = useTheme$1();
+  var totalPercent = React__namespace.default.useMemo(function () {
+    return values.reduce(function (acc, value) {
+      return acc + value;
+    }, 0);
+  }, [values]);
+  var ariaValueMax = totalPercent > MAX_PROGRESS_VALUE ? totalPercent : MAX_PROGRESS_VALUE;
+  var remainderPercent = React__namespace.default.useMemo(function () {
+    return totalPercent >= MAX_PROGRESS_VALUE ? 0 : MAX_PROGRESS_VALUE - totalPercent;
+  }, [totalPercent]);
+  var segmentColors = useSegmentedBarColors({
+    dataSeries: data,
+    customSeries: styleConfig === null || styleConfig === void 0 ? void 0 : styleConfig.series
+  });
+  var headerRight = React__namespace.default.useMemo(function () {
+    return getTextComponent(headerConfig === null || headerConfig === void 0 ? void 0 : headerConfig.right, /*#__PURE__*/React__namespace.default.createElement(Typography.Caption, {
+      intent: "muted"
+    }, headerConfig === null || headerConfig === void 0 ? void 0 : headerConfig.right));
+  }, [headerConfig === null || headerConfig === void 0 ? void 0 : headerConfig.right]);
+  var showHeader = Boolean((headerConfig === null || headerConfig === void 0 ? void 0 : headerConfig.left) || headerRight);
+  var showLegend = Boolean(legendConfig && Object.keys(legendConfig).length > 0);
+  var showEmptyText = Boolean(!data.length && emptyText);
+  return /*#__PURE__*/React__namespace.default.createElement(Box, _extends$1({}, nativeProps, {
+    style: style,
+    testID: testID,
+    collapsable: collapsable || false
+  }), showHeader ? /*#__PURE__*/React__namespace.default.createElement(StyledHeader, {
+    testID: testID ? "".concat(testID, "-header") : undefined
+  }, headerConfig !== null && headerConfig !== void 0 && headerConfig.left ? /*#__PURE__*/React__namespace.default.createElement(Typography.Body, {
+    variant: "regular-bold",
+    testID: testID ? "".concat(testID, "-header-left") : undefined
+  }, headerConfig.left) : null, headerRight ? /*#__PURE__*/React__namespace.default.createElement(Box, {
+    testID: testID ? "".concat(testID, "-header-right") : undefined
+  }, headerRight) : null) : null, /*#__PURE__*/React__namespace.default.createElement(StyledTrack, {
+    testID: testID ? "".concat(testID, "-track") : undefined,
+    accessibilityRole: "progressbar",
+    accessibilityValue: {
+      min: MIN_PROGRESS_VALUE,
+      max: ariaValueMax,
+      now: totalPercent
+    }
+  }, data.map(function (s, index) {
+    var segmentColor = segmentColors[index % segmentColors.length];
+    return /*#__PURE__*/React__namespace.default.createElement(StyledSegment, {
+      key: "".concat(s.label, "-").concat(segmentColor),
+      themeColor: segmentColor,
+      themeWidthPercent: s.data,
+      testID: testID ? "".concat(testID, "-segment-").concat(s.label) : undefined
+    });
+  }), remainderPercent > 0 ? /*#__PURE__*/React__namespace.default.createElement(StyledSegment, {
+    key: "remainder",
+    themeColor: theme.__hd__.progress.colors.segmentedRemainderBackground,
+    themeWidthPercent: remainderPercent,
+    testID: testID ? "".concat(testID, "-segment-remainder") : undefined
+  }) : null), showEmptyText ? /*#__PURE__*/React__namespace.default.createElement(StyledEmptyText, {
+    intent: "muted",
+    testID: testID ? "".concat(testID, "-empty-text") : undefined
+  }, emptyText) : null, showLegend ? /*#__PURE__*/React__namespace.default.createElement(LegendBox, {
+    testID: testID ? "".concat(testID, "-legend") : undefined
+  }, data.map(function (item, index) {
+    return /*#__PURE__*/React__namespace.default.createElement(ProgressSegmentedBarLegendItem, {
+      key: "".concat(item.label, "-").concat(segmentColors[index % segmentColors.length]),
+      title: item.label,
+      color: segmentColors[index % segmentColors.length],
+      displayValue: legendDisplayValues[index],
+      testID: testID ? "".concat(testID, "-legend-").concat(item.label) : undefined
+    });
+  })) : null);
+};
+
 var Progress = {
   Circle: ProgressCircle,
   Bar: ProgressBar,
+  SegmentedBar: ProgressSegmentedBar,
   Step: ProgressStep
 };
 
@@ -27092,7 +27456,7 @@ var StyledSuccessButtonSecondary = index$c(CompoundButton)(function (_ref10) {
     marginTop: theme.__hd__.success.space.button.secondaryCTAMarginTop
   };
 });
-var StyledSuccessModal = index$c(ModalWrapper)({
+var StyledSuccessModal = index$c(Modal)({
   height: '100%',
   width: '100%'
 });
@@ -27840,10 +28204,10 @@ var ScrollableTabHeader = function ScrollableTabHeader(_ref2) {
         badge = tab.badge;
       var active = selectedIndex === index;
       var activeAnimated = tabsAnims[index];
-      var outlineScale = active ? activeAnimated.interpolate({
+      var outlineScale = activeAnimated.interpolate({
         inputRange: [0, 1],
         outputRange: [0.5, 1]
-      }) : 0;
+      });
       var inactiveItem = originalInactiveItem !== null && originalInactiveItem !== void 0 ? originalInactiveItem : activeItem;
       var tabItem = getTabItem$1({
         item: active ? activeItem : inactiveItem,
@@ -27921,7 +28285,8 @@ var ScrollableTab = function ScrollableTab(_ref) {
     swipeEnabled = _ref$swipeEnabled === void 0 ? true : _ref$swipeEnabled,
     componentTestID = _ref.testID,
     _ref$variant = _ref.variant,
-    variant = _ref$variant === void 0 ? 'highlighted' : _ref$variant;
+    variant = _ref$variant === void 0 ? 'highlighted' : _ref$variant,
+    header = _ref.header;
   var pagerViewRef = React.useRef(null);
   var insets = reactNativeSafeAreaContext.useSafeAreaInsets();
   var selectedTabIndex = tabs.findIndex(function (item) {
@@ -27952,20 +28317,23 @@ var ScrollableTab = function ScrollableTab(_ref) {
       selectedTabKey: selectedTabKey
     };
   }, [selectedTabKey]);
+  var headerProps = React.useMemo(function () {
+    return {
+      tabs: tabs,
+      selectedIndex: selectedTabIndex,
+      onTabPress: onTabPress,
+      barStyle: barStyle,
+      insets: insets,
+      testID: componentTestID ? "".concat(componentTestID, "-tab-bar") : undefined,
+      variant: variant
+    };
+  }, [tabs, selectedTabIndex, onTabPress, barStyle, insets, componentTestID, variant]);
   return /*#__PURE__*/React__namespace.default.createElement(TabContext.Provider, {
     value: tabContextProviderValue
   }, /*#__PURE__*/React__namespace.default.createElement(TabContainer, {
     style: containerStyle,
     testID: componentTestID
-  }, /*#__PURE__*/React__namespace.default.createElement(ScrollableTabHeader, {
-    tabs: tabs,
-    selectedIndex: selectedTabIndex,
-    onTabPress: onTabPress,
-    barStyle: barStyle,
-    insets: insets,
-    testID: componentTestID ? "".concat(componentTestID, "-tab-bar") : undefined,
-    variant: variant
-  }), /*#__PURE__*/React__namespace.default.createElement(PagerView__default.default, {
+  }, header ? header(headerProps) : /*#__PURE__*/React__namespace.default.createElement(ScrollableTabHeader, headerProps), /*#__PURE__*/React__namespace.default.createElement(PagerView__default.default, {
     initialPage: selectedTabIndex,
     ref: pagerViewRef,
     onPageScrollStateChanged: onPageScrollStateChanged,
@@ -28142,6 +28510,7 @@ var Tabs = function Tabs(_ref2) {
 };
 var index$4 = Object.assign(Tabs, {
   Scroll: ScrollableTab,
+  ScrollHeader: ScrollableTabHeader,
   useIsFocused: useIsFocused
 });