@hero-design/rn 8.113.1 → 8.114.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.113.1",
+  "version": "8.114.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/src/components/Calendar/__tests__/CalendarRange.spec.tsx

@@ -226,7 +226,7 @@ describe('CalendarRange', () => {
 
     fireEvent.press(getByTestId('calendar-month-picker'));
 
-    // Pickers are mocked at packages/rn/testUtils/setup.tsx
+    // Pickers are mocked at libs/rn/testUtils/setup.tsx
     if (mockedPlatform === 'ios') {
       expect(queryByText('IOS picker')).toBeDefined();
     } else {

package/src/components/Calendar/__tests__/index.spec.tsx

@@ -136,7 +136,7 @@ describe('Calendar', () => {
 
     fireEvent.press(getByTestId('calendar-month-picker'));
 
-    // Pickers are mocked at packages/rn/testUtils/setup.tsx
+    // Pickers are mocked at libs/rn/testUtils/setup.tsx
     if (mockedPlatform === 'ios') {
       expect(queryByText('IOS picker')).toBeDefined();
     } else {

package/src/components/Icon/HeroIcon/glyphMap.json

@@ -1 +1 @@
-{"activate":59000,"add-emoji":59001,"add-person":59002,"adjustment":59003,"alignment":59004,"antenna":59005,"archive":59006,"assignment-warning":59007,"bank":59008,"bell":59009,"billing":59010,"bolt":59011,"bookmark-added":59012,"bookmark-checked":59013,"bookmark":59014,"box-check":59015,"box":59016,"bpay":59017,"buildings":59018,"cake":59019,"calendar-clock":59020,"calendar":59021,"candy-box-menu":59022,"caret-down-small":59023,"caret-down":59024,"caret-left-small":59025,"caret-left":59026,"caret-right-small":59027,"caret-right":59028,"caret-up-small":59029,"caret-up":59030,"check-radio":59031,"circle-add":59032,"circle-cancel":59033,"circle-check":59034,"circle-down":59035,"circle-info":59036,"circle-left":59037,"circle-ok":59038,"circle-pencil":59039,"circle-question":59040,"circle-remove":59041,"circle-right":59042,"circle-up":59043,"circle-warning":59044,"clock-3":59045,"clock":59046,"cloud-download":59047,"cloud-upload":59048,"cog":59049,"coin":59050,"contacts":59051,"credit-card":59052,"diamond":59053,"direction-arrows":59054,"directory":59055,"document":59056,"dollar-coin-shine":59057,"dot":59058,"double-buildings":59059,"edit-template":59060,"envelope":59061,"exclude":59062,"expand-content":59063,"expense":59064,"explore_nearby":59065,"eye-circle":59066,"eye-invisible":59067,"eye":59068,"face-meh":59069,"face-sad":59070,"face-smiley":59071,"feed":59072,"feedbacks":59073,"file-certified":59074,"file-clone":59075,"file-copy":59076,"file-csv":59077,"file-dispose":59078,"file-doc":59079,"file-excel":59080,"file-export":59081,"file-lock":59082,"file-pdf":59083,"file-powerpoint":59084,"file-search":59085,"file-secured":59086,"file-sheets":59087,"file-slide":59088,"file-verified":59089,"file-word":59090,"file":59091,"filter":59092,"folder-user":59093,"folder":59094,"format-bold":59095,"format-heading1":59096,"format-heading2":59097,"format-italic":59098,"format-list-bulleted":59099,"format-list-numbered":59100,"format-underlined":59101,"funnel-filter":59102,"global-dollar":59103,"global-pound":59104,"globe":59105,"graduation-cap":59106,"graph":59107,"happy-sun":59108,"health-bag":59109,"heart":59110,"hero-points":59111,"home":59112,"image":59113,"import":59114,"incident-siren":59115,"instapay-daily":59116,"instapay-now":59117,"instapay":59118,"list":59119,"loading-2":59120,"loading":59121,"location-on":59122,"location":59123,"lock":59124,"looks-one":59125,"looks-two":59126,"media-content":59127,"menu":59128,"money-notes":59129,"moneybag":59130,"moon":59131,"multiple-stars":59132,"multiple-users":59133,"near-me":59134,"node":59135,"open-folder":59136,"paperclip-vertical":59137,"paperclip":59138,"payment-summary":59139,"pencil":59140,"phone":59141,"piggy-bank":59142,"plane-up":59143,"plane":59144,"play-arrow":59145,"play-circle":59146,"pound-coin-shine":59147,"pound-sign":59148,"print":59149,"raising-hands":59150,"reply-arrow":59151,"reply":59152,"reschedule":59153,"rostering":59154,"salary-sacrifice":59155,"save":59156,"schedule-send":59157,"schedule":59158,"search-person":59159,"search":59160,"send":59161,"speaker-active":59162,"speaker":59163,"star-award":59164,"star-badge":59165,"star-circle":59166,"star-medal":59167,"star":59168,"steps-circle":59169,"stopwatch":59170,"suitcase":59171,"surfing":59172,"survey":59173,"swag-pillar-benefit":59174,"swag-pillar-career":59175,"swag-pillar-money":59176,"swag-pillar-work":59177,"swag":59178,"swipe-right":59179,"switch":59180,"tag":59181,"target":59182,"teams":59183,"thumb-down":59184,"thumb-up":59185,"timesheet":59186,"touch-id":59187,"trash-bin":59188,"unlock":59189,"user":59190,"video-1":59191,"video-2":59192,"wallet":59193,"warning":59194,"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,"add":59202,"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,"bold":59232,"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,"cancel":59249,"car-forward-outlined":59250,"cashback-outlined":59251,"charging-station-outlined":59252,"chat-bubble-outlined":59253,"chat-unread-outlined":59254,"checkmark":59255,"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,"italic":59352,"job-search-outlined":59353,"leave-approval-outlined":59354,"lighting-outlined":59355,"link-1":59356,"link-2":59357,"list-outlined":59358,"live-help-outlined":59359,"local_mall_outlined":59360,"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,"number":59383,"overview-outlined":59384,"park-outlined":59385,"payment-summary-outlined":59386,"payslip-outlined":59387,"pencil-outlined":59388,"percentage":59389,"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,"redeem":59403,"refresh":59404,"remove":59405,"reply-outlined":59406,"restart":59407,"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,"shopping_basket_outlined":59424,"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,"strikethrough":59439,"styler-outlined":59440,"suitcase-clock-outlined":59441,"suitcase-outlined":59442,"survey-outlined":59443,"switch-outlined":59444,"sync":59445,"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,"transfer":59455,"transportation-outlined":59456,"trash-bin-outlined":59457,"umbrela-outlined":59458,"unavailability-outlined":59459,"unavailable":59460,"underline":59461,"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}
+{"activate":59000,"add-emoji":59001,"add-person":59002,"adjustment":59003,"alignment":59004,"antenna":59005,"archive":59006,"assignment-warning":59007,"bank":59008,"bell":59009,"billing":59010,"bolt":59011,"bookmark-added":59012,"bookmark-checked":59013,"bookmark":59014,"box-check":59015,"box":59016,"bpay":59017,"buildings":59018,"cake":59019,"calendar-clock":59020,"calendar":59021,"candy-box-menu":59022,"caret-down-small":59023,"caret-down":59024,"caret-left-small":59025,"caret-left":59026,"caret-right-small":59027,"caret-right":59028,"caret-up-small":59029,"caret-up":59030,"check-radio":59031,"circle-add":59032,"circle-cancel":59033,"circle-check":59034,"circle-down":59035,"circle-info":59036,"circle-left":59037,"circle-ok":59038,"circle-pencil":59039,"circle-question":59040,"circle-remove":59041,"circle-right":59042,"circle-up":59043,"circle-warning":59044,"clock-3":59045,"clock":59046,"cloud-download":59047,"cloud-upload":59048,"cog":59049,"coin":59050,"contacts":59051,"credit-card":59052,"diamond":59053,"direction-arrows":59054,"directory":59055,"document":59056,"dollar-coin-shine":59057,"dot":59058,"double-buildings":59059,"edit-template":59060,"envelope":59061,"exclude":59062,"expand-content":59063,"expense":59064,"explore_nearby":59065,"eye-circle":59066,"eye-invisible":59067,"eye":59068,"face-meh":59069,"face-sad":59070,"face-smiley":59071,"feed":59072,"feedbacks":59073,"file-certified":59074,"file-clone":59075,"file-copy":59076,"file-csv":59077,"file-dispose":59078,"file-doc":59079,"file-excel":59080,"file-export":59081,"file-lock":59082,"file-pdf":59083,"file-powerpoint":59084,"file-search":59085,"file-secured":59086,"file-sheets":59087,"file-slide":59088,"file-verified":59089,"file-word":59090,"file":59091,"filter":59092,"folder-user":59093,"folder":59094,"format-bold":59095,"format-heading1":59096,"format-heading2":59097,"format-italic":59098,"format-list-bulleted":59099,"format-list-numbered":59100,"format-underlined":59101,"funnel-filter":59102,"global-dollar":59103,"global-pound":59104,"globe":59105,"graduation-cap":59106,"graph":59107,"happy-sun":59108,"health-bag":59109,"heart":59110,"hero-points":59111,"home":59112,"image":59113,"import":59114,"incident-siren":59115,"instapay-daily":59116,"instapay-now":59117,"instapay":59118,"list":59119,"loading-2":59120,"loading":59121,"location-on":59122,"location":59123,"lock":59124,"looks-one":59125,"looks-two":59126,"media-content":59127,"menu":59128,"money-notes":59129,"moneybag":59130,"moon":59131,"multiple-stars":59132,"multiple-users":59133,"near-me":59134,"node":59135,"open-folder":59136,"paperclip-vertical":59137,"paperclip":59138,"payment-summary":59139,"pencil":59140,"phone":59141,"piggy-bank":59142,"plane-up":59143,"plane":59144,"play-arrow":59145,"play-circle":59146,"pound-coin-shine":59147,"pound-sign":59148,"print":59149,"raising-hands":59150,"reply-arrow":59151,"reply":59152,"reschedule":59153,"rocket-launch":59154,"rostering":59155,"salary-sacrifice":59156,"save":59157,"schedule-send":59158,"schedule":59159,"search-person":59160,"search":59161,"send":59162,"speaker-active":59163,"speaker":59164,"star-award":59165,"star-badge":59166,"star-circle":59167,"star-medal":59168,"star":59169,"steps-circle":59170,"stopwatch":59171,"suitcase":59172,"surfing":59173,"survey":59174,"swag-pillar-benefit":59175,"swag-pillar-career":59176,"swag-pillar-money":59177,"swag-pillar-work":59178,"swag":59179,"swipe-right":59180,"switch":59181,"tag":59182,"target":59183,"teams":59184,"thumb-down":59185,"thumb-up":59186,"timesheet":59187,"touch-id":59188,"trash-bin":59189,"unlock":59190,"user":59191,"video-1":59192,"video-2":59193,"wallet":59194,"warning":59195,"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":59203,"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":59233,"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":59250,"car-forward-outlined":59251,"cashback-outlined":59252,"charging-station-outlined":59253,"chat-bubble-outlined":59254,"chat-unread-outlined":59255,"checkmark":59256,"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":59354,"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":59362,"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":59385,"overview-outlined":59386,"park-outlined":59387,"payment-summary-outlined":59388,"payslip-outlined":59389,"pencil-outlined":59390,"percentage":59391,"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":59405,"refresh":59406,"remove":59407,"reply-outlined":59408,"restart":59409,"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":59427,"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":59442,"styler-outlined":59443,"suitcase-clock-outlined":59444,"suitcase-outlined":59445,"survey-outlined":59446,"switch-outlined":59447,"sync":59448,"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":59458,"transportation-outlined":59459,"trash-bin-outlined":59460,"umbrela-outlined":59461,"unavailability-outlined":59462,"unavailable":59463,"underline":59464,"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}

package/src/components/Icon/IconList.ts

@@ -154,6 +154,7 @@ const IconList = [
   'reply-arrow',
   'reply',
   'reschedule',
+  'rocket-launch',
   'rostering',
   'salary-sacrifice',
   'save',
@@ -281,6 +282,7 @@ const IconList = [
   'cultural-site-outlined',
   'cup-outlined',
   'dentistry-outlined',
+  'diamond-outlined',
   'direction-arrows-outlined',
   'directory-outlined',
   'document-outlined',
@@ -411,6 +413,7 @@ const IconList = [
   'restaurant-outlined',
   'resume-outlined',
   'return-arrow',
+  'rocket-launch-outlined',
   'rostering-outlined',
   'safety-outlined',
   'save-outlined',

package/src/components/Progress/SegmentedBar/Legend.tsx

@@ -0,0 +1,39 @@
+import type { ReactNode } from 'react';
+import React from 'react';
+
+import Typography from '../../Typography';
+
+import { LegendCircle, LegendItem, LegendValue } from './StyledLegend';
+import { getTextComponent } from './utils';
+import type { SegmentedBarLegendDisplayValue } from './types';
+
+interface ProgressSegmentedBarLegendItemProps {
+  title: string;
+  color: string;
+  displayValue?: SegmentedBarLegendDisplayValue;
+  testID?: string;
+}
+
+const ProgressSegmentedBarLegendItem = ({
+  title,
+  color,
+  displayValue,
+  testID,
+}: ProgressSegmentedBarLegendItemProps): ReactNode => {
+  const renderedDisplayValue = getTextComponent(
+    displayValue,
+    <Typography.Caption intent="muted">{displayValue}</Typography.Caption>
+  );
+
+  return (
+    <LegendItem testID={testID}>
+      <LegendCircle themeColor={color} />
+      <Typography.Caption>{`${title}:`}</Typography.Caption>
+      {renderedDisplayValue ? (
+        <LegendValue>{renderedDisplayValue}</LegendValue>
+      ) : null}
+    </LegendItem>
+  );
+};
+
+export default ProgressSegmentedBarLegendItem;

package/src/components/Progress/SegmentedBar/StyledLegend.tsx

@@ -0,0 +1,32 @@
+import styled from '@emotion/native';
+import Box from '../../Box';
+
+const LegendBox = styled(Box)(({ theme }) => ({
+  flexDirection: 'row',
+  alignItems: 'center',
+  flexWrap: 'wrap',
+  marginTop: theme.__hd__.progress.space.segmentedLegendMarginTop,
+}));
+
+const LegendItem = styled(Box)(({ theme }) => ({
+  flexDirection: 'row',
+  alignItems: 'center',
+  marginRight: theme.__hd__.progress.space.legendGap,
+  marginBottom: theme.__hd__.progress.space.legendGap,
+}));
+
+const LegendCircle = styled(Box)<{ themeColor: string }>(
+  ({ theme, themeColor }) => ({
+    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,
+  })
+);
+
+const LegendValue = styled(Box)(({ theme }) => ({
+  marginLeft: theme.__hd__.progress.space.legendInnerGap,
+}));
+
+export { LegendBox, LegendCircle, LegendItem, LegendValue };

package/src/components/Progress/SegmentedBar/StyledSegmentedBar.tsx

@@ -0,0 +1,30 @@
+import styled from '@emotion/native';
+import Box from '../../Box';
+
+const StyledHeader = styled(Box)(({ theme }) => ({
+  flexDirection: 'row',
+  justifyContent: 'space-between',
+  alignItems: 'baseline',
+  flexWrap: 'wrap',
+  marginBottom: theme.__hd__.progress.space.segmentedHeaderMarginBottom,
+}));
+
+const StyledTrack = styled(Box)(({ theme }) => ({
+  width: '100%',
+  height: theme.__hd__.progress.sizes.barHeight,
+  borderRadius: theme.__hd__.progress.radii.default,
+  overflow: 'hidden',
+  flexDirection: 'row',
+}));
+
+const StyledSegment = styled(Box)<{
+  themeColor: string;
+  themeWidthPercent: number;
+}>(({ themeColor, themeWidthPercent }) => ({
+  backgroundColor: themeColor,
+  flexGrow: 0,
+  flexShrink: 0,
+  width: `${themeWidthPercent}%`,
+}));
+
+export { StyledHeader, StyledSegment, StyledTrack };

package/src/components/Progress/SegmentedBar/__tests__/index.spec.tsx

@@ -0,0 +1,115 @@
+import React from 'react';
+import renderWithTheme from '../../../../testHelpers/renderWithTheme';
+import ProgressSegmentedBar from '..';
+import { SEGMENTED_BAR_ERRORS } from '../constants';
+
+describe('Progress.SegmentedBar', () => {
+  it('renders correctly with header', () => {
+    const { getByTestId, getByText } = renderWithTheme(
+      <ProgressSegmentedBar
+        testID="progress-segmented"
+        headerConfig={{ left: 'Title', right: 'Right' }}
+        data={[
+          { label: 'A', data: 25 },
+          { label: 'B', data: 25 },
+        ]}
+      />
+    );
+
+    expect(getByTestId('progress-segmented')).toBeVisible();
+    expect(getByTestId('progress-segmented-header')).toBeVisible();
+    expect(getByTestId('progress-segmented-track')).toBeVisible();
+    expect(getByTestId('progress-segmented-segment-A')).toBeVisible();
+    expect(getByTestId('progress-segmented-segment-B')).toBeVisible();
+    expect(getByTestId('progress-segmented-segment-remainder')).toBeVisible();
+    expect(getByText('Title')).toBeVisible();
+    expect(getByText('Right')).toBeVisible();
+  });
+
+  it('renders legend when legendConfig is provided', () => {
+    const { getByTestId, getByText } = renderWithTheme(
+      <ProgressSegmentedBar
+        testID="progress-segmented"
+        legendConfig={{ displayValues: ['40%', '60%'] }}
+        data={[
+          { label: 'A', data: 40 },
+          { label: 'B', data: 60 },
+        ]}
+      />
+    );
+
+    expect(getByTestId('progress-segmented-legend')).toBeVisible();
+    expect(getByTestId('progress-segmented-legend-A')).toBeVisible();
+    expect(getByText('A:')).toBeVisible();
+    expect(getByText('40%')).toBeVisible();
+    expect(getByText('B:')).toBeVisible();
+    expect(getByText('60%')).toBeVisible();
+  });
+
+  it('renders without legend when legendConfig is not provided', () => {
+    const { getByTestId, queryByTestId } = renderWithTheme(
+      <ProgressSegmentedBar
+        testID="progress-segmented"
+        data={[
+          { label: 'A', data: 40 },
+          { label: 'B', data: 60 },
+        ]}
+      />
+    );
+
+    expect(getByTestId('progress-segmented-track')).toBeVisible();
+    expect(queryByTestId('progress-segmented-legend')).toBeNull();
+  });
+
+  it('renders without legend when legendConfig is empty object', () => {
+    const { getByTestId, queryByTestId } = renderWithTheme(
+      <ProgressSegmentedBar
+        testID="progress-segmented"
+        legendConfig={{}}
+        data={[
+          { label: 'A', data: 40 },
+          { label: 'B', data: 60 },
+        ]}
+      />
+    );
+
+    expect(getByTestId('progress-segmented-track')).toBeVisible();
+    expect(queryByTestId('progress-segmented-legend')).toBeNull();
+  });
+
+  it('throws on negative segment value', () => {
+    expect(() =>
+      renderWithTheme(
+        <ProgressSegmentedBar
+          testID="progress-segmented"
+          data={[
+            { label: 'A', data: 25 },
+            { label: 'B', data: -10 },
+          ]}
+        />
+      )
+    ).toThrow(SEGMENTED_BAR_ERRORS.negativeValue.replace('$value', '-10'));
+  });
+
+  it.each`
+    description                           | legendConfig
+    ${'fewer display values than data'}   | ${{ displayValues: ['30%'] }}
+    ${'display values contain undefined'} | ${{ displayValues: ['40%', undefined] }}
+    ${'more display values than data'}    | ${{ displayValues: ['40%', '60%', 'extra'] }}
+  `(
+    'throws when legend display values are invalid: $description',
+    ({ legendConfig }) => {
+      expect(() =>
+        renderWithTheme(
+          <ProgressSegmentedBar
+            data={[
+              { label: 'A', data: 25 },
+              { label: 'B', data: 25 },
+            ]}
+            legendConfig={legendConfig}
+          />
+        )
+      ).toThrow(SEGMENTED_BAR_ERRORS.legendDisplayValues);
+    }
+  );
+});

package/src/components/Progress/SegmentedBar/__tests__/utils.spec.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { getTextComponent } from '../utils';
+import Typography from '../../../Typography';
+
+const TextComponent = (
+  <Typography.Caption intent="muted">Sample Text</Typography.Caption>
+);
+
+describe('getTextComponent', () => {
+  it('should return null when content is falsy', () => {
+    expect(getTextComponent(null, TextComponent)).toBeNull();
+    expect(getTextComponent(undefined, TextComponent)).toBeNull();
+  });
+
+  it('should return TextComponent when content is a string or number', () => {
+    expect(getTextComponent('Progress', TextComponent)).toBe(TextComponent);
+    expect(getTextComponent(50, TextComponent)).toBe(TextComponent);
+  });
+
+  it('should return content when it is a ReactNode', () => {
+    const customContent = <Typography.Body>Custom Content</Typography.Body>;
+    expect(getTextComponent(customContent, TextComponent)).toBe(customContent);
+  });
+});

package/src/components/Progress/SegmentedBar/constants.ts

@@ -0,0 +1,8 @@
+export const MIN_PROGRESS_VALUE = 0;
+export const MAX_PROGRESS_VALUE = 100;
+
+export const 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)',
+} as const;

package/src/components/Progress/SegmentedBar/hooks/validation.ts

@@ -0,0 +1,71 @@
+import React from 'react';
+
+import { SEGMENTED_BAR_ERRORS } from '../constants';
+
+import { assert } from '../../../../utils/helpers';
+import type {
+  SegmentedBarLegendConfig,
+  SegmentedBarLegendDisplayValue,
+} from '../types';
+
+export const useValidateSegmentedBarData = ({
+  values,
+  dataLength,
+}: {
+  dataLength: number;
+  values: number[];
+}) => {
+  const { hasNegativeValue, negativeValue } = React.useMemo(() => {
+    const foundNegativeValue = values.find((value) => value < 0);
+
+    return {
+      hasNegativeValue: foundNegativeValue !== undefined,
+      negativeValue: foundNegativeValue,
+    };
+  }, [dataLength, values]);
+
+  assert(
+    !hasNegativeValue,
+    SEGMENTED_BAR_ERRORS.negativeValue.replace('$value', String(negativeValue))
+  );
+};
+
+export const useValidateSegmentedBarLegendDisplayValues = ({
+  dataLength,
+  legendConfig,
+  fallbackValues,
+}: {
+  dataLength: number;
+  legendConfig: SegmentedBarLegendConfig | undefined;
+  fallbackValues: ReadonlyArray<SegmentedBarLegendDisplayValue>;
+}): ReadonlyArray<SegmentedBarLegendDisplayValue> => {
+  const displayValues = legendConfig?.displayValues;
+
+  const { valuesToUse, hasLengthMismatch, hasEmptyEntry } =
+    React.useMemo(() => {
+      if (displayValues === undefined) {
+        return {
+          valuesToUse: fallbackValues,
+          hasLengthMismatch: false,
+          hasEmptyEntry: false,
+        };
+      }
+
+      const isLengthMismatch = displayValues.length !== dataLength;
+      const isEmptyEntry = displayValues.some(
+        (value) => value === undefined || value === null
+      );
+
+      return {
+        valuesToUse: displayValues,
+        hasLengthMismatch: isLengthMismatch,
+        hasEmptyEntry: isEmptyEntry,
+      };
+    }, [dataLength, displayValues, fallbackValues]);
+
+  assert(
+    !(hasLengthMismatch || hasEmptyEntry),
+    SEGMENTED_BAR_ERRORS.legendDisplayValues
+  );
+  return valuesToUse;
+};

package/src/components/Progress/SegmentedBar/index.tsx

@@ -0,0 +1,153 @@
+import { useTheme } from '@emotion/react';
+import type { ReactElement } from 'react';
+import React from 'react';
+
+import Typography from '../../Typography';
+
+import Box from '../../Box';
+import { MAX_PROGRESS_VALUE, MIN_PROGRESS_VALUE } from './constants';
+import {
+  useValidateSegmentedBarData,
+  useValidateSegmentedBarLegendDisplayValues,
+} from './hooks/validation';
+import LegendItem from './Legend';
+import { LegendBox } from './StyledLegend';
+import { StyledHeader, StyledSegment, StyledTrack } from './StyledSegmentedBar';
+import type { ProgressSegmentedBarProps } from './types';
+import { getTextComponent } from './utils';
+
+const ProgressSegmentedBar = ({
+  data,
+  headerConfig,
+  legendConfig,
+  style,
+  testID,
+  ...nativeProps
+}: ProgressSegmentedBarProps): ReactElement => {
+  const values = React.useMemo(() => data.map((s) => s.data), [data]);
+  useValidateSegmentedBarData({ dataLength: data.length, values });
+
+  const legendDisplayValues = useValidateSegmentedBarLegendDisplayValues({
+    dataLength: data.length,
+    legendConfig,
+    fallbackValues: values,
+  });
+
+  const theme = useTheme();
+  const totalPercent = React.useMemo(
+    () => values.reduce((acc, value) => acc + value, 0),
+    [values]
+  );
+
+  const ariaValueMax =
+    totalPercent > MAX_PROGRESS_VALUE ? totalPercent : MAX_PROGRESS_VALUE;
+
+  const remainderPercent = React.useMemo(() => {
+    return totalPercent >= MAX_PROGRESS_VALUE
+      ? 0
+      : MAX_PROGRESS_VALUE - totalPercent;
+  }, [totalPercent]);
+
+  // Mock colors
+  const segmentColors = [
+    theme.colors.primary,
+    theme.colors.success,
+    theme.colors.warning,
+    theme.colors.error,
+    theme.colors.info,
+    theme.colors.archived,
+  ];
+
+  const headerRight = React.useMemo(
+    () =>
+      getTextComponent(
+        headerConfig?.right,
+        <Typography.Caption intent="muted">
+          {headerConfig?.right}
+        </Typography.Caption>
+      ),
+    [headerConfig?.right]
+  );
+
+  const showHeader = Boolean(headerConfig?.left || headerRight);
+  const showLegend = Boolean(
+    legendConfig && Object.keys(legendConfig).length > 0
+  );
+
+  return (
+    <Box {...nativeProps} style={style} testID={testID}>
+      {showHeader ? (
+        <StyledHeader testID={testID ? `${testID}-header` : undefined}>
+          {headerConfig?.left ? (
+            <Typography.Body
+              variant="regular-bold"
+              testID={testID ? `${testID}-header-left` : undefined}
+            >
+              {headerConfig.left}
+            </Typography.Body>
+          ) : null}
+
+          {headerRight ? (
+            <Box testID={testID ? `${testID}-header-right` : undefined}>
+              {headerRight}
+            </Box>
+          ) : null}
+        </StyledHeader>
+      ) : null}
+
+      <StyledTrack
+        testID={testID ? `${testID}-track` : undefined}
+        accessibilityRole="progressbar"
+        accessibilityValue={{
+          min: MIN_PROGRESS_VALUE,
+          max: ariaValueMax,
+          now: totalPercent,
+        }}
+      >
+        {data.map((s, index) => {
+          const segmentColor = segmentColors[index % segmentColors.length];
+
+          return (
+            <StyledSegment
+              key={`${s.label}-${segmentColor}`}
+              themeColor={segmentColor}
+              themeWidthPercent={s.data}
+              testID={testID ? `${testID}-segment-${s.label}` : undefined}
+            />
+          );
+        })}
+
+        {remainderPercent > 0 ? (
+          <StyledSegment
+            key="remainder"
+            themeColor={
+              theme.__hd__.progress.colors.segmentedRemainderBackground
+            }
+            themeWidthPercent={remainderPercent}
+            testID={testID ? `${testID}-segment-remainder` : undefined}
+          />
+        ) : null}
+      </StyledTrack>
+
+      {showLegend ? (
+        <LegendBox
+          testID={testID ? `${testID}-legend` : 'segmented-progress-legend'}
+        >
+          {data.map((item, index) => (
+            <LegendItem
+              key={`${item.label}-${
+                segmentColors[index % segmentColors.length]
+              }`}
+              title={item.label}
+              color={segmentColors[index % segmentColors.length]}
+              displayValue={legendDisplayValues[index]}
+              testID={testID ? `${testID}-legend-${item.label}` : undefined}
+            />
+          ))}
+        </LegendBox>
+      ) : null}
+    </Box>
+  );
+};
+
+export default ProgressSegmentedBar;

package/src/components/Progress/SegmentedBar/types.ts

@@ -0,0 +1,62 @@
+import type { ReactElement, ReactNode } from 'react';
+
+import type { ViewProps } from 'react-native';
+
+export interface SegmentedBarSeries<Data> {
+  /**
+   * Label of series.
+   */
+  label: string;
+  /**
+   * Data of series.
+   */
+  data: Data;
+}
+
+export type SegmentedBarData = Array<SegmentedBarSeries<number>>;
+
+export interface SegmentedBarHeaderConfig {
+  /**
+   * Left header content.
+   */
+  left?: string;
+  /**
+   * Right header content.
+   */
+  right?: ReactNode;
+}
+
+export type SegmentedBarLegendDisplayValue = string | number | ReactElement;
+
+export interface SegmentedBarLegendConfig {
+  /**
+   * Optional values shown next to each series label.
+   *
+   * Entries are index-aligned with `data`.
+   */
+  displayValues?: Array<SegmentedBarLegendDisplayValue>;
+}
+
+export interface ProgressSegmentedBarProps extends ViewProps {
+  /**
+   * Segmented data.
+   *
+   * Each segment value is treated as a percentage amount.
+   *
+   * Runtime validation:
+   * - Throws if any segment value is negative.
+   * - Values do not need to sum to 100; if the total exceeds 100, the bar will be fully filled and no remainder segment will be shown.
+   */
+  data: SegmentedBarData;
+
+  /**
+   * Optional header content.
+   */
+  headerConfig?: SegmentedBarHeaderConfig;
+
+  /**
+   * Optional legend config.
+   * If provided, the legend is rendered below the segmented bar.
+   */
+  legendConfig?: SegmentedBarLegendConfig;
+}