@hero-design/rn 8.73.1 → 8.74.1-test.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.73.1",
+  "version": "8.74.1-test.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -32,7 +32,7 @@
     "@react-native-community/datetimepicker": "^3.5.2 || ^7.6.1",
     "@react-native-community/slider": "^4.5.1",
     "react": "18.2.0",
-    "react-native": "^0.73.8",
+    "react-native": "^0.74.5",
     "react-native-gesture-handler": "^2.15.0",
     "react-native-linear-gradient": "^2.8.3",
     "react-native-pager-view": "^6.2.1",
@@ -67,7 +67,7 @@
     "@types/react": "^18.2.0",
     "@types/react-native-vector-icons": "^6.4.10",
     "babel-plugin-inline-import": "^3.0.0",
-    "babel-preset-expo": "9.5.2",
+    "babel-preset-expo": "^11.0.15",
     "core-js": "^3.33.0",
     "eslint": "^8.56.0",
     "eslint-config-hd": "8.42.4",
@@ -78,7 +78,7 @@
     "prettier-config-hd": "8.42.4",
     "react": "18.2.0",
     "react-dom": "^18.2.0",
-    "react-native": "0.73.8",
+    "react-native": "^0.74.5",
     "react-native-gesture-handler": "^2.15.0",
     "react-native-linear-gradient": "2.8.3",
     "react-native-pager-view": "^6.2.1",

package/src/components/BottomSheet/index.tsx

@@ -115,24 +115,18 @@ const BottomSheet = ({
   const animatedValue = useRef(new Animated.Value(open ? 0 : 1));
   const [internalShowDivider, setInternalShowDivider] =
     useState<boolean>(showDivider);
+  const canCallOnDismiss = useRef(false);
 
   useEffect(() => {
+    // Prevent calling onDismiss when the component has not yet opened
+    if (open && !canCallOnDismiss.current) {
+      canCallOnDismiss.current = true;
+    }
+
     // Show the modal before the open animation start
     if (open && !visible) {
       setVisibility(open);
     }
-
-    // Delay closing the modal until after the closing animation end
-    animatedValue.current.removeAllListeners();
-    animatedValue.current.addListener(({ value }) => {
-      const endValueOfTransition = open ? 1 : 0;
-      if (endValueOfTransition === 0 && value === endValueOfTransition) {
-        setVisibility(false);
-        onDismiss?.();
-      }
-    });
-
-    return () => animatedValue.current.removeAllListeners();
   }, [open]);
 
   // Animation
@@ -143,9 +137,14 @@ const BottomSheet = ({
       useNativeDriver: true,
     });
 
-    animation.start(onAnimationEnd);
+    animation.start(() => {
+      if (!open && canCallOnDismiss.current) {
+        setVisibility(false);
+        onDismiss?.();
+      }
 
-    return () => animation.stop();
+      onAnimationEnd?.();
+    });
   }, [open]);
 
   const interpolateY = animatedValue.current.interpolate({

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":59013,"box-check":59014,"box":59015,"bpay":59016,"buildings":59017,"cake":59018,"calendar-clock":59019,"calendar":59020,"candy-box-menu":59021,"caret-down-small":59022,"caret-down":59023,"caret-left-small":59024,"caret-left":59025,"caret-right-small":59026,"caret-right":59027,"caret-up-small":59028,"caret-up":59029,"check-radio":59030,"circle-add":59031,"circle-cancel":59032,"circle-check":59033,"circle-down":59034,"circle-info":59035,"circle-left":59036,"circle-ok":59037,"circle-pencil":59038,"circle-question":59039,"circle-remove":59040,"circle-right":59041,"circle-up":59042,"circle-warning":59043,"clock-3":59044,"clock":59045,"cloud-download":59046,"cloud-upload":59047,"cog":59048,"coin":59049,"contacts":59050,"credit-card":59051,"diamond":59052,"direction-arrows":59053,"directory":59054,"document":59055,"dollar-coin-shine":59056,"double-buildings":59057,"edit-template":59058,"envelope":59059,"exclude":59060,"expand-content":59061,"expense":59062,"explore_nearby":59063,"eye-circle":59064,"eye-invisible":59065,"eye":59066,"face-meh":59067,"face-sad":59068,"face-smiley":59069,"feed":59070,"feedbacks":59071,"file-certified":59072,"file-clone":59073,"file-copy":59074,"file-csv":59075,"file-dispose":59076,"file-doc":59077,"file-excel":59078,"file-export":59079,"file-lock":59080,"file-pdf":59081,"file-powerpoint":59082,"file-search":59083,"file-secured":59084,"file-sheets":59085,"file-slide":59086,"file-verified":59087,"file-word":59088,"file":59089,"filter":59090,"folder-user":59091,"folder":59092,"format-bold":59093,"format-heading1":59094,"format-heading2":59095,"format-italic":59096,"format-list-bulleted":59097,"format-list-numbered":59098,"format-underlined":59099,"funnel-filter":59100,"global-dollar":59101,"globe":59102,"graduation-cap":59103,"graph":59104,"happy-sun":59105,"health-bag":59106,"heart":59107,"hero-points":59108,"home":59109,"image":59110,"import":59111,"incident-siren":59112,"instapay-daily":59113,"instapay-now":59114,"instapay":59115,"list":59116,"loading-2":59117,"loading":59118,"location-on":59119,"location":59120,"lock":59121,"looks-one":59122,"looks-two":59123,"media-content":59124,"menu":59125,"money-notes":59126,"moneybag":59127,"moon":59128,"multiple-stars":59129,"multiple-users":59130,"near-me":59131,"node":59132,"open-folder":59133,"paperclip":59134,"payment-summary":59135,"pencil":59136,"phone":59137,"piggy-bank":59138,"plane-up":59139,"plane":59140,"play-circle":59141,"print":59142,"raising-hands":59143,"reply-arrow":59144,"reply":59145,"reschedule":59146,"rostering":59147,"salary-sacrifice":59148,"save":59149,"schedule-send":59150,"schedule":59151,"search-person":59152,"send":59153,"speaker-active":59154,"speaker":59155,"star-award":59156,"star-badge":59157,"star-circle":59158,"star-medal":59159,"star":59160,"steps-circle":59161,"stopwatch":59162,"suitcase":59163,"surfing":59164,"survey":59165,"swag-pillar-benefit":59166,"swag-pillar-career":59167,"swag-pillar-money":59168,"swag-pillar-work":59169,"swag":59170,"swipe-right":59171,"switch":59172,"tag":59173,"target":59174,"teams":59175,"timesheet":59176,"touch-id":59177,"trash-bin":59178,"unlock":59179,"user":59180,"video-1":59181,"video-2":59182,"wallet":59183,"warning":59184,"activate-outlined":59185,"add-credit-card-outlined":59186,"add-person-outlined":59187,"add-section-outlined":59188,"add-time-outlined":59189,"add":59190,"adjustment-outlined":59191,"ai-outlined":59192,"alignment-2-outlined":59193,"alignment-outlined":59194,"all-caps":59195,"application-outlined":59196,"arrow-down":59197,"arrow-downwards":59198,"arrow-left":59199,"arrow-leftwards":59200,"arrow-right":59201,"arrow-rightwards":59202,"arrow-up":59203,"arrow-upwards":59204,"article-outlined":59205,"at-sign":59206,"auto-graph-outlined":59207,"beer-outlined":59208,"bell-active-outlined":59209,"bell-outlined":59210,"bell-slash-outlined":59211,"bill-management-outlined":59212,"billing-outlined":59213,"body-outlined":59214,"bold":59215,"bolt-outlined":59216,"book-outlined":59217,"bookmark-added-outlined":59218,"bookmark-outlined":59219,"box-check-outlined":59220,"box-outlined":59221,"bullet-points":59222,"cake-outlined":59223,"calendar-dates-outlined":59224,"calendar-star-outlined":59225,"call-outlined":59226,"call-split-outlined":59227,"camera-outlined":59228,"cancel":59229,"car-forward-outlined":59230,"cashback-outlined":59231,"charging-station-outlined":59232,"chat-bubble-outlined":59233,"chat-unread-outlined":59234,"checkmark":59235,"circle-add-outlined":59236,"circle-cancel-outlined":59237,"circle-down-outlined":59238,"circle-info-outlined":59239,"circle-left-outlined":59240,"circle-ok-outlined":59241,"circle-question-outlined":59242,"circle-remove-outlined":59243,"circle-right-outlined":59244,"circle-up-outlined":59245,"circle-warning-outlined":59246,"clock-2-outlined":59247,"clock-in-outlined":59248,"clock-out-outlined":59249,"clock-outlined":59250,"cog-outlined":59251,"coin-outlined":59252,"coin-super-outlined":59253,"comment-outlined":59254,"contacts-outlined":59255,"contacts-user-outlined":59256,"credit-card-outlined":59257,"cup-outlined":59258,"dentistry-outlined":59259,"direction-arrows-outlined":59260,"directory-outlined":59261,"document-outlined":59262,"dollar-box-outlined":59263,"dollar-card-outlined":59264,"dollar-coin-shine-outlined":59265,"dollar-credit-card-outlined":59266,"dollar-sign":59267,"double-buildings-outlined":59268,"double-left-arrows":59269,"double-right-arrows":59270,"download-box-outlined":59271,"download-outlined":59272,"edit-template-outlined":59273,"email-outlined":59274,"end-break-outlined":59275,"enter-arrow":59276,"envelope-outlined":59277,"expense-approval-outlined":59278,"expense-outlined":59279,"explore-outlined":59280,"extension-outlined":59281,"external-link":59282,"eye-invisible-outlined":59283,"eye-outlined":59284,"face-id":59285,"face-meh-outlined":59286,"face-open-smiley-outlined":59287,"face-sad-outlined":59288,"face-smiley-outlined":59289,"fastfood-outlined":59290,"feed-outlined":59291,"file-certified-outlined":59292,"file-clone-outlined":59293,"file-copy-outlined":59294,"file-dispose-outlined":59295,"file-dollar-certified-outlined":59296,"file-dollar-outlined":59297,"file-download-outlined":59298,"file-export-outlined":59299,"file-lock-outlined":59300,"file-outlined":59301,"file-search-outlined":59302,"file-secured-outlined":59303,"file-statutory-outlined":59304,"file-verified-outlined":59305,"filter-outlined":59306,"folder-outlined":59307,"folder-user-outlined":59308,"form-outlined":59309,"funnel-filter-outline":59310,"goal-outlined":59311,"graph-outlined":59312,"hand-holding-user-outlined":59313,"happy-sun-outlined":59314,"health-bag-outlined":59315,"heart-outlined":59316,"home-active-outlined":59317,"home-outlined":59318,"id-card-outlined":59319,"image-outlined":59320,"import-outlined":59321,"instapay-outlined":59322,"italic":59323,"job-search-outlined":59324,"leave-approval-outlined":59325,"link-1":59326,"link-2":59327,"list-outlined":59328,"live-help-outlined":59329,"local_mall_outlined":59330,"location-on-outlined":59331,"location-outlined":59332,"lock-outlined":59333,"locked-file-outlined":59334,"log-out":59335,"mail-outlined":59336,"map-outlined":59337,"media-content-outlined":59338,"menu-close":59339,"menu-expand":59340,"menu-fold-outlined":59341,"menu-unfold-outlined":59342,"moneybag-outlined":59343,"moon-outlined":59344,"more-horizontal":59345,"more-vertical":59346,"multiple-folders-outlined":59347,"multiple-users-outlined":59348,"near-me-outlined":59349,"node-outlined":59350,"number-points":59351,"number":59352,"overview-outlined":59353,"payment-summary-outlined":59354,"payslip-outlined":59355,"pencil-outlined":59356,"percentage":59357,"phone-outlined":59358,"piggy-bank-outlined":59359,"plane-outlined":59360,"play-circle-outlined":59361,"print-outlined":59362,"propane-tank-outlined":59363,"qr-code-outlined":59364,"qualification-outlined":59365,"re-assign":59366,"redeem":59367,"refresh":59368,"remove":59369,"reply-outlined":59370,"restart":59371,"resume-outlined":59372,"return-arrow":59373,"rostering-outlined":59374,"safety-outlined":59375,"save-outlined":59376,"schedule-outlined":59377,"search-outlined":59378,"search-secured-outlined":59379,"send-outlined":59380,"share-1":59381,"share-2":59382,"share-outlined-2":59383,"share-outlined":59384,"shopping_basket_outlined":59385,"show-chart-outlined":59386,"single-down-arrow":59387,"single-left-arrow":59388,"single-right-arrow":59389,"single-up-arrow":59390,"smart-match-outlined":59391,"sparkle-outlined":59392,"speaker-active-outlined":59393,"speaker-outlined":59394,"star-circle-outlined":59395,"star-outlined":59396,"start-break-outlined":59397,"stash-outlined":59398,"stopwatch-outlined":59399,"strikethrough":59400,"styler-outlined":59401,"suitcase-clock-outlined":59402,"suitcase-outlined":59403,"survey-outlined":59404,"switch-outlined":59405,"sync":59406,"tag-outlined":59407,"target-outlined":59408,"tennis-outlined":59409,"ticket-outlined":59410,"timesheet-outlined":59411,"timesheets-outlined":59412,"today-outlined":59413,"transfer":59414,"trash-bin-outlined":59415,"umbrela-outlined":59416,"unavailability-outlined":59417,"unavailable":59418,"underline":59419,"union-outlined":59420,"unlock-outlined":59421,"upload-outlined":59422,"user-circle-outlined":59423,"user-gear-outlined":59424,"user-outlined":59425,"user-rectangle-outlined":59426,"video-1-outlined":59427,"video-2-outlined":59428,"volunteer-outlined":59429,"wallet-outlined":59430,"wellness-outlined":59431}
+{"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":59013,"box-check":59014,"box":59015,"bpay":59016,"buildings":59017,"cake":59018,"calendar-clock":59019,"calendar":59020,"candy-box-menu":59021,"caret-down-small":59022,"caret-down":59023,"caret-left-small":59024,"caret-left":59025,"caret-right-small":59026,"caret-right":59027,"caret-up-small":59028,"caret-up":59029,"check-radio":59030,"circle-add":59031,"circle-cancel":59032,"circle-check":59033,"circle-down":59034,"circle-info":59035,"circle-left":59036,"circle-ok":59037,"circle-pencil":59038,"circle-question":59039,"circle-remove":59040,"circle-right":59041,"circle-up":59042,"circle-warning":59043,"clock-3":59044,"clock":59045,"cloud-download":59046,"cloud-upload":59047,"cog":59048,"coin":59049,"contacts":59050,"credit-card":59051,"diamond":59052,"direction-arrows":59053,"directory":59054,"document":59055,"dollar-coin-shine":59056,"dot-filled":59057,"double-buildings":59058,"edit-template":59059,"envelope":59060,"exclude":59061,"expand-content":59062,"expense":59063,"explore_nearby":59064,"eye-circle":59065,"eye-invisible":59066,"eye":59067,"face-meh":59068,"face-sad":59069,"face-smiley":59070,"feed":59071,"feedbacks":59072,"file-certified":59073,"file-clone":59074,"file-copy":59075,"file-csv":59076,"file-dispose":59077,"file-doc":59078,"file-excel":59079,"file-export":59080,"file-lock":59081,"file-pdf":59082,"file-powerpoint":59083,"file-search":59084,"file-secured":59085,"file-sheets":59086,"file-slide":59087,"file-verified":59088,"file-word":59089,"file":59090,"filter":59091,"folder-user":59092,"folder":59093,"format-bold":59094,"format-heading1":59095,"format-heading2":59096,"format-italic":59097,"format-list-bulleted":59098,"format-list-numbered":59099,"format-underlined":59100,"funnel-filter":59101,"global-dollar":59102,"globe":59103,"graduation-cap":59104,"graph":59105,"happy-sun":59106,"health-bag":59107,"heart":59108,"hero-points":59109,"home":59110,"image":59111,"import":59112,"incident-siren":59113,"instapay-daily":59114,"instapay-now":59115,"instapay":59116,"list":59117,"loading-2":59118,"loading":59119,"location-on":59120,"location":59121,"lock":59122,"looks-one":59123,"looks-two":59124,"media-content":59125,"menu":59126,"money-notes":59127,"moneybag":59128,"moon":59129,"multiple-stars":59130,"multiple-users":59131,"near-me":59132,"node":59133,"open-folder":59134,"paperclip":59135,"payment-summary":59136,"pencil":59137,"phone":59138,"piggy-bank":59139,"plane-up":59140,"plane":59141,"play-circle":59142,"print":59143,"raising-hands":59144,"reply-arrow":59145,"reply":59146,"reschedule":59147,"rostering":59148,"salary-sacrifice":59149,"save":59150,"schedule-send":59151,"schedule":59152,"search-person":59153,"send":59154,"speaker-active":59155,"speaker":59156,"star-award":59157,"star-badge":59158,"star-circle":59159,"star-medal":59160,"star":59161,"steps-circle":59162,"stopwatch":59163,"suitcase":59164,"surfing":59165,"survey":59166,"swag-pillar-benefit":59167,"swag-pillar-career":59168,"swag-pillar-money":59169,"swag-pillar-work":59170,"swag":59171,"swipe-right":59172,"switch":59173,"tag":59174,"target":59175,"teams":59176,"timesheet":59177,"touch-id":59178,"trash-bin":59179,"unlock":59180,"user":59181,"video-1":59182,"video-2":59183,"wallet":59184,"warning":59185,"activate-outlined":59186,"add-credit-card-outlined":59187,"add-person-outlined":59188,"add-section-outlined":59189,"add-time-outlined":59190,"add":59191,"adjustment-outlined":59192,"afternoon-outlined":59193,"ai-outlined":59194,"alignment-2-outlined":59195,"alignment-outlined":59196,"all-caps":59197,"application-outlined":59198,"arrow-down":59199,"arrow-downwards":59200,"arrow-left":59201,"arrow-leftwards":59202,"arrow-right":59203,"arrow-rightwards":59204,"arrow-up":59205,"arrow-upwards":59206,"article-outlined":59207,"at-sign":59208,"auto-graph-outlined":59209,"beer-outlined":59210,"bell-active-outlined":59211,"bell-outlined":59212,"bell-slash-outlined":59213,"bill-management-outlined":59214,"billing-outlined":59215,"body-outlined":59216,"bold":59217,"bolt-outlined":59218,"book-outlined":59219,"bookmark-added-outlined":59220,"bookmark-outlined":59221,"box-check-outlined":59222,"box-outlined":59223,"bullet-points":59224,"cake-outlined":59225,"calendar-dates-outlined":59226,"calendar-star-outlined":59227,"call-outlined":59228,"call-split-outlined":59229,"camera-outlined":59230,"cancel":59231,"car-forward-outlined":59232,"cashback-outlined":59233,"charging-station-outlined":59234,"chat-bubble-outlined":59235,"chat-unread-outlined":59236,"checkmark":59237,"circle-add-outlined":59238,"circle-cancel-outlined":59239,"circle-down-outlined":59240,"circle-info-outlined":59241,"circle-left-outlined":59242,"circle-ok-outlined":59243,"circle-question-outlined":59244,"circle-remove-outlined":59245,"circle-right-outlined":59246,"circle-up-outlined":59247,"circle-warning-outlined":59248,"clock-2-outlined":59249,"clock-in-outlined":59250,"clock-out-outlined":59251,"clock-outlined":59252,"cog-outlined":59253,"coin-outlined":59254,"coin-super-outlined":59255,"comment-outlined":59256,"contacts-outlined":59257,"contacts-user-outlined":59258,"credit-card-outlined":59259,"cup-outlined":59260,"dentistry-outlined":59261,"direction-arrows-outlined":59262,"directory-outlined":59263,"document-outlined":59264,"dollar-box-outlined":59265,"dollar-card-outlined":59266,"dollar-coin-shine-outlined":59267,"dollar-credit-card-outlined":59268,"dollar-sign":59269,"double-buildings-outlined":59270,"double-left-arrows":59271,"double-right-arrows":59272,"download-box-outlined":59273,"download-outlined":59274,"edit-template-outlined":59275,"email-outlined":59276,"end-break-outlined":59277,"enter-arrow":59278,"envelope-outlined":59279,"evening-outlined":59280,"expense-approval-outlined":59281,"expense-outlined":59282,"explore-outlined":59283,"extension-outlined":59284,"external-link":59285,"eye-invisible-outlined":59286,"eye-outlined":59287,"face-id":59288,"face-meh-outlined":59289,"face-open-smiley-outlined":59290,"face-sad-outlined":59291,"face-smiley-outlined":59292,"fastfood-outlined":59293,"feed-outlined":59294,"file-certified-outlined":59295,"file-clone-outlined":59296,"file-copy-outlined":59297,"file-dispose-outlined":59298,"file-dollar-certified-outlined":59299,"file-dollar-outlined":59300,"file-download-outlined":59301,"file-export-outlined":59302,"file-lock-outlined":59303,"file-outlined":59304,"file-search-outlined":59305,"file-secured-outlined":59306,"file-statutory-outlined":59307,"file-verified-outlined":59308,"filter-outlined":59309,"folder-outlined":59310,"folder-user-outlined":59311,"form-outlined":59312,"funnel-filter-outline":59313,"goal-outlined":59314,"graph-outlined":59315,"hand-holding-user-outlined":59316,"happy-sun-outlined":59317,"health-bag-outlined":59318,"heart-outlined":59319,"home-active-outlined":59320,"home-outlined":59321,"id-card-outlined":59322,"image-outlined":59323,"import-outlined":59324,"instapay-outlined":59325,"italic":59326,"job-search-outlined":59327,"leave-approval-outlined":59328,"link-1":59329,"link-2":59330,"list-outlined":59331,"live-help-outlined":59332,"local_mall_outlined":59333,"location-on-outlined":59334,"location-outlined":59335,"lock-outlined":59336,"locked-file-outlined":59337,"log-out":59338,"mail-outlined":59339,"map-outlined":59340,"media-content-outlined":59341,"menu-close":59342,"menu-expand":59343,"menu-fold-outlined":59344,"menu-unfold-outlined":59345,"moneybag-outlined":59346,"moon-outlined":59347,"more-horizontal":59348,"more-vertical":59349,"morning-outlined":59350,"multiple-folders-outlined":59351,"multiple-users-outlined":59352,"near-me-outlined":59353,"node-outlined":59354,"number-points":59355,"number":59356,"overview-outlined":59357,"payment-summary-outlined":59358,"payslip-outlined":59359,"pencil-outlined":59360,"percentage":59361,"phone-outlined":59362,"piggy-bank-outlined":59363,"plane-outlined":59364,"play-circle-outlined":59365,"print-outlined":59366,"propane-tank-outlined":59367,"qr-code-outlined":59368,"qualification-outlined":59369,"re-assign":59370,"redeem":59371,"refresh":59372,"remove":59373,"reply-outlined":59374,"restart":59375,"resume-outlined":59376,"return-arrow":59377,"rostering-outlined":59378,"safety-outlined":59379,"save-outlined":59380,"schedule-outlined":59381,"search-outlined":59382,"search-secured-outlined":59383,"send-outlined":59384,"share-1":59385,"share-2":59386,"share-outlined-2":59387,"share-outlined":59388,"shopping_basket_outlined":59389,"show-chart-outlined":59390,"single-down-arrow":59391,"single-left-arrow":59392,"single-right-arrow":59393,"single-up-arrow":59394,"smart-match-outlined":59395,"sparkle-outlined":59396,"speaker-active-outlined":59397,"speaker-outlined":59398,"star-circle-outlined":59399,"star-outlined":59400,"start-break-outlined":59401,"stash-outlined":59402,"stopwatch-outlined":59403,"strikethrough":59404,"styler-outlined":59405,"suitcase-clock-outlined":59406,"suitcase-outlined":59407,"survey-outlined":59408,"switch-outlined":59409,"sync":59410,"tag-outlined":59411,"target-outlined":59412,"tennis-outlined":59413,"ticket-outlined":59414,"timesheet-outlined":59415,"timesheets-outlined":59416,"today-outlined":59417,"transfer":59418,"trash-bin-outlined":59419,"umbrela-outlined":59420,"unavailability-outlined":59421,"unavailable":59422,"underline":59423,"union-outlined":59424,"unlock-outlined":59425,"upload-outlined":59426,"user-circle-outlined":59427,"user-gear-outlined":59428,"user-outlined":59429,"user-rectangle-outlined":59430,"video-1-outlined":59431,"video-2-outlined":59432,"volunteer-outlined":59433,"wallet-outlined":59434,"wellness-outlined":59435}

package/src/components/Icon/HeroIcon/index.tsx

@@ -12,7 +12,8 @@ type ThemeIntent =
   | 'success'
   | 'warning'
   | 'disabled-text'
-  | 'text-inverted';
+  | 'text-inverted'
+  | 'muted';
 
 const HeroIcon = createIconSet(
   glyphMap,
@@ -30,6 +31,7 @@ const COLOR_INTENTS = {
   warning: 'warning',
   'disabled-text': 'disabledText',
   'text-inverted': 'invertedText',
+  muted: 'muted',
 } as const;
 
 const StyledHeroIcon = styled(HeroIcon)<{

package/src/components/Icon/IconList.ts

@@ -57,6 +57,7 @@ const IconList = [
   'directory',
   'document',
   'dollar-coin-shine',
+  'dot-filled',
   'double-buildings',
   'edit-template',
   'envelope',
@@ -192,6 +193,7 @@ const IconList = [
   'add-time-outlined',
   'add',
   'adjustment-outlined',
+  'afternoon-outlined',
   'ai-outlined',
   'alignment-2-outlined',
   'alignment-outlined',
@@ -278,6 +280,7 @@ const IconList = [
   'end-break-outlined',
   'enter-arrow',
   'envelope-outlined',
+  'evening-outlined',
   'expense-approval-outlined',
   'expense-outlined',
   'explore-outlined',
@@ -347,6 +350,7 @@ const IconList = [
   'moon-outlined',
   'more-horizontal',
   'more-vertical',
+  'morning-outlined',
   'multiple-folders-outlined',
   'multiple-users-outlined',
   'near-me-outlined',

package/src/components/Icon/__tests__/__snapshots__/index.spec.tsx.snap

@@ -149,6 +149,51 @@ exports[`Icon renders correctly with color and size 1`] = `
 `;
 
 exports[`Icon renders correctly with intent 1`] = `
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
+  <HeroIcon
+    name="home"
+    style={
+      [
+        {
+          "color": "#001f23",
+          "fontSize": 24,
+        },
+        undefined,
+      ]
+    }
+    themeIntent="text"
+    themeSize="medium"
+  />
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
+`;
+
+exports[`Icon renders correctly with intent 2`] = `
 <View
   style={
     {
@@ -192,3 +237,363 @@ exports[`Icon renders correctly with intent 1`] = `
   />
 </View>
 `;
+
+exports[`Icon renders correctly with intent 3`] = `
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
+  <HeroIcon
+    name="home"
+    style={
+      [
+        {
+          "color": "#795e90",
+          "fontSize": 24,
+        },
+        undefined,
+      ]
+    }
+    themeIntent="secondary"
+    themeSize="medium"
+  />
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
+`;
+
+exports[`Icon renders correctly with intent 4`] = `
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
+  <HeroIcon
+    name="home"
+    style={
+      [
+        {
+          "color": "#b5c3fd",
+          "fontSize": 24,
+        },
+        undefined,
+      ]
+    }
+    themeIntent="info"
+    themeSize="medium"
+  />
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
+`;
+
+exports[`Icon renders correctly with intent 5`] = `
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
+  <HeroIcon
+    name="home"
+    style={
+      [
+        {
+          "color": "#cb300a",
+          "fontSize": 24,
+        },
+        undefined,
+      ]
+    }
+    themeIntent="danger"
+    themeSize="medium"
+  />
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
+`;
+
+exports[`Icon renders correctly with intent 6`] = `
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
+  <HeroIcon
+    name="home"
+    style={
+      [
+        {
+          "color": "#5ace7d",
+          "fontSize": 24,
+        },
+        undefined,
+      ]
+    }
+    themeIntent="success"
+    themeSize="medium"
+  />
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
+`;
+
+exports[`Icon renders correctly with intent 7`] = `
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
+  <HeroIcon
+    name="home"
+    style={
+      [
+        {
+          "color": "#ffbe71",
+          "fontSize": 24,
+        },
+        undefined,
+      ]
+    }
+    themeIntent="warning"
+    themeSize="medium"
+  />
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
+`;
+
+exports[`Icon renders correctly with intent 8`] = `
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
+  <HeroIcon
+    name="home"
+    style={
+      [
+        {
+          "color": "#bfc1c5",
+          "fontSize": 24,
+        },
+        undefined,
+      ]
+    }
+    themeIntent="disabled-text"
+    themeSize="medium"
+  />
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
+`;
+
+exports[`Icon renders correctly with intent 9`] = `
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
+  <HeroIcon
+    name="home"
+    style={
+      [
+        {
+          "color": "#ffffff",
+          "fontSize": 24,
+        },
+        undefined,
+      ]
+    }
+    themeIntent="text-inverted"
+    themeSize="medium"
+  />
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
+`;
+
+exports[`Icon renders correctly with intent 10`] = `
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
+  <HeroIcon
+    name="home"
+    style={
+      [
+        {
+          "color": "#4d6265",
+          "fontSize": 24,
+        },
+        undefined,
+      ]
+    }
+    themeIntent="muted"
+    themeSize="medium"
+  />
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
+`;

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

@@ -9,8 +9,20 @@ describe('Icon', () => {
     expect(toJSON()).toMatchSnapshot();
   });
 
-  it('renders correctly with intent', () => {
-    const { toJSON } = renderWithTheme(<Icon icon="home" intent="primary" />);
+  it.each`
+    intent
+    ${'text'}
+    ${'primary'}
+    ${'secondary'}
+    ${'info'}
+    ${'danger'}
+    ${'success'}
+    ${'warning'}
+    ${'disabled-text'}
+    ${'text-inverted'}
+    ${'muted'}
+  `('renders correctly with intent', ({ intent }) => {
+    const { toJSON } = renderWithTheme(<Icon icon="home" intent={intent} />);
 
     expect(toJSON()).toMatchSnapshot();
   });

package/src/components/Icon/index.tsx

@@ -24,7 +24,8 @@ export interface IconProps extends AccessibilityProps {
     | 'success'
     | 'warning'
     | 'disabled-text'
-    | 'text-inverted';
+    | 'text-inverted'
+    | 'muted';
   /**
    * Size of the Icon.
    */