@hero-design/rn 8.91.4 → 8.91.5

package/src/components/Avatar/StyledAvatar.tsx

@@ -32,7 +32,7 @@ const StyledTextWrapper = styled(View)(() => ({
   height: '100%',
 }));
 
-const StyledText = styled(Typography.Text)<
+const StyledText = styled(Typography.Body)<
   TextProps & {
     themeSize: ThemeSize;
   }

package/src/components/Avatar/__tests__/__snapshots__/StyledAvatar.spec.tsx.snap

@@ -133,9 +133,9 @@ exports[`StyledText renders correct style 1`] = `
         {
           "color": "#001f23",
           "fontFamily": "BeVietnamPro-Regular",
-          "fontSize": 14,
-          "letterSpacing": 0.42,
-          "lineHeight": 22,
+          "fontSize": 16,
+          "letterSpacing": 0.48,
+          "lineHeight": 24,
         },
         [
           {
@@ -151,11 +151,10 @@ exports[`StyledText renders correct style 1`] = `
         ],
       ]
     }
-    themeFontSize="medium"
-    themeFontWeight="regular"
     themeIntent="body"
     themeSize="small"
     themeTypeface="neutral"
+    themeVariant="regular"
   >
     MD
   </Text>

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

@@ -67,9 +67,9 @@ exports[`Avatar fallbacks to title when there image failed to load 1`] = `
             {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 16,
+              "letterSpacing": 0.48,
+              "lineHeight": 24,
             },
             [
               {
@@ -85,11 +85,10 @@ exports[`Avatar fallbacks to title when there image failed to load 1`] = `
             ],
           ]
         }
-        themeFontSize="medium"
-        themeFontWeight="regular"
         themeIntent="body"
         themeSize="small"
         themeTypeface="neutral"
+        themeVariant="regular"
       >
         TT
       </Text>
@@ -300,9 +299,9 @@ exports[`Avatar shows title when there is no source 1`] = `
             {
               "color": "#001f23",
               "fontFamily": "BeVietnamPro-Regular",
-              "fontSize": 14,
-              "letterSpacing": 0.42,
-              "lineHeight": 22,
+              "fontSize": 16,
+              "letterSpacing": 0.48,
+              "lineHeight": 24,
             },
             [
               {
@@ -318,11 +317,10 @@ exports[`Avatar shows title when there is no source 1`] = `
             ],
           ]
         }
-        themeFontSize="medium"
-        themeFontWeight="regular"
         themeIntent="body"
         themeSize="small"
         themeTypeface="neutral"
+        themeVariant="regular"
       >
         TT
       </Text>

package/src/components/BottomNavigation/StyledBottomNavigation.tsx

@@ -26,11 +26,9 @@ const BottomBarWrapper = styled(View)<{
   paddingLeft: Math.max(themeInsets.left, themeInsets.right),
   paddingRight: Math.max(themeInsets.left, themeInsets.right),
   backgroundColor: theme.__hd__.bottomNavigation.colors.background,
-  shadowColor: theme.__hd__.bottomNavigation.colors.shadow,
-  shadowOffset: theme.__hd__.bottomNavigation.shadows.offset,
-  shadowOpacity: theme.__hd__.bottomNavigation.shadows.opacity,
-  shadowRadius: theme.__hd__.bottomNavigation.shadows.radius,
-  elevation: theme.__hd__.bottomNavigation.shadows.elevation,
+  borderTopColor: theme.__hd__.bottomNavigation.colors.borderTop,
+  borderTopWidth: theme.__hd__.bottomNavigation.borderWidths.borderTop,
+  ...theme.__hd__.bottomNavigation.shadows.wrapper,
 }));
 
 const BottomBar = styled(View)({

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

@@ -67,18 +67,20 @@ exports[`BottomNavigation renders correctly 1`] = `
           [
             {
               "backgroundColor": "#ffffff",
+              "borderTopColor": "#e8e9ea",
+              "borderTopWidth": 1,
               "elevation": 10,
               "height": 72,
               "paddingBottom": 0,
               "paddingLeft": 0,
               "paddingRight": 0,
-              "shadowColor": "#401960",
+              "shadowColor": "#001f23",
               "shadowOffset": {
-                "height": 3,
+                "height": -4,
                 "width": 0,
               },
-              "shadowOpacity": 0.27,
-              "shadowRadius": 4.65,
+              "shadowOpacity": 0.04,
+              "shadowRadius": 6,
             },
             undefined,
           ]

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

@@ -363,19 +363,19 @@ exports[`Chip renders correctly with custom icon 1`] = `
         "backgroundColor": "#ffffff",
         "borderColor": "transparent",
         "borderRadius": 999,
-        "elevation": 3,
+        "elevation": 6,
         "flexDirection": "row",
         "justifyContent": "center",
         "opacity": 1,
         "paddingHorizontal": 12,
         "paddingVertical": 8,
-        "shadowColor": "#121214",
+        "shadowColor": "#001f23",
         "shadowOffset": {
           "height": 2,
           "width": 0,
         },
         "shadowOpacity": 0.12,
-        "shadowRadius": 4,
+        "shadowRadius": 2,
       }
     }
     testID="chip"
@@ -496,22 +496,22 @@ exports[`Chip renders correctly with custom icon 2`] = `
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#ece8ef",
+        "backgroundColor": undefined,
         "borderColor": "transparent",
         "borderRadius": 999,
-        "elevation": 3,
+        "elevation": 6,
         "flexDirection": "row",
         "justifyContent": "center",
         "opacity": 1,
         "paddingHorizontal": 12,
         "paddingVertical": 8,
-        "shadowColor": "#121214",
+        "shadowColor": "#001f23",
         "shadowOffset": {
           "height": 2,
           "width": 0,
         },
         "shadowOpacity": 0.12,
-        "shadowRadius": 4,
+        "shadowRadius": 2,
       }
     }
     testID="chip"
@@ -861,19 +861,19 @@ exports[`Chip renders correctly with variant compact and selected false 1`] = `
         "backgroundColor": "#ffffff",
         "borderColor": "transparent",
         "borderRadius": 999,
-        "elevation": 3,
+        "elevation": 6,
         "flexDirection": "row",
         "justifyContent": "center",
         "opacity": 1,
         "paddingHorizontal": 8,
         "paddingVertical": 4,
-        "shadowColor": "#121214",
+        "shadowColor": "#001f23",
         "shadowOffset": {
           "height": 2,
           "width": 0,
         },
         "shadowOpacity": 0.12,
-        "shadowRadius": 4,
+        "shadowRadius": 2,
       }
     }
     testID="chip"
@@ -962,22 +962,22 @@ exports[`Chip renders correctly with variant compact and selected true 1`] = `
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#ece8ef",
+        "backgroundColor": undefined,
         "borderColor": "transparent",
         "borderRadius": 999,
-        "elevation": 3,
+        "elevation": 6,
         "flexDirection": "row",
         "justifyContent": "center",
         "opacity": 1,
         "paddingHorizontal": 8,
         "paddingVertical": 4,
-        "shadowColor": "#121214",
+        "shadowColor": "#001f23",
         "shadowOffset": {
           "height": 2,
           "width": 0,
         },
         "shadowOpacity": 0.12,
-        "shadowRadius": 4,
+        "shadowRadius": 2,
       }
     }
     testID="chip"
@@ -1295,19 +1295,19 @@ exports[`Chip renders correctly with variant filled and selected false 1`] = `
         "backgroundColor": "#ffffff",
         "borderColor": "transparent",
         "borderRadius": 999,
-        "elevation": 3,
+        "elevation": 6,
         "flexDirection": "row",
         "justifyContent": "center",
         "opacity": 1,
         "paddingHorizontal": 12,
         "paddingVertical": 8,
-        "shadowColor": "#121214",
+        "shadowColor": "#001f23",
         "shadowOffset": {
           "height": 2,
           "width": 0,
         },
         "shadowOpacity": 0.12,
-        "shadowRadius": 4,
+        "shadowRadius": 2,
       }
     }
     testID="chip"
@@ -1396,22 +1396,22 @@ exports[`Chip renders correctly with variant filled and selected true 1`] = `
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#ece8ef",
+        "backgroundColor": undefined,
         "borderColor": "transparent",
         "borderRadius": 999,
-        "elevation": 3,
+        "elevation": 6,
         "flexDirection": "row",
         "justifyContent": "center",
         "opacity": 1,
         "paddingHorizontal": 12,
         "paddingVertical": 8,
-        "shadowColor": "#121214",
+        "shadowColor": "#001f23",
         "shadowOffset": {
           "height": 2,
           "width": 0,
         },
         "shadowOpacity": 0.12,
-        "shadowRadius": 4,
+        "shadowRadius": 2,
       }
     }
     testID="chip"
@@ -1503,19 +1503,19 @@ exports[`Chip renders correctly with variant filter and selected false 1`] = `
         "backgroundColor": "#ffffff",
         "borderColor": "transparent",
         "borderRadius": 999,
-        "elevation": 3,
+        "elevation": 6,
         "flexDirection": "row",
         "justifyContent": "center",
         "opacity": 1,
         "paddingHorizontal": 12,
         "paddingVertical": 8,
-        "shadowColor": "#121214",
+        "shadowColor": "#001f23",
         "shadowOffset": {
           "height": 2,
           "width": 0,
         },
         "shadowOpacity": 0.12,
-        "shadowRadius": 4,
+        "shadowRadius": 2,
       }
     }
     testID="chip"
@@ -1604,22 +1604,22 @@ exports[`Chip renders correctly with variant filter and selected true 1`] = `
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#ece8ef",
+        "backgroundColor": undefined,
         "borderColor": "transparent",
         "borderRadius": 999,
-        "elevation": 3,
+        "elevation": 6,
         "flexDirection": "row",
         "justifyContent": "center",
         "opacity": 1,
         "paddingHorizontal": 12,
         "paddingVertical": 8,
-        "shadowColor": "#121214",
+        "shadowColor": "#001f23",
         "shadowOffset": {
           "height": 2,
           "width": 0,
         },
         "shadowOpacity": 0.12,
-        "shadowRadius": 4,
+        "shadowRadius": 2,
       }
     }
     testID="chip"

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

@@ -43,20 +43,20 @@ exports[`FloatingIsland renders correctly 1`] = `
         "alignSelf": "flex-start",
         "backgroundColor": "#ffffff",
         "borderRadius": 999,
-        "elevation": 3,
+        "elevation": 6,
         "flexDirection": "row",
         "justifyContent": "center",
         "left": "50%",
         "opacity": 1,
         "padding": 8,
         "position": "absolute",
-        "shadowColor": "#121214",
+        "shadowColor": "#001f23",
         "shadowOffset": {
           "height": 2,
           "width": 0,
         },
         "shadowOpacity": 0.12,
-        "shadowRadius": 4,
+        "shadowRadius": 2,
         "top": 12,
         "zIndex": 9999,
       }
@@ -149,20 +149,20 @@ exports[`FloatingIsland renders icons as prefix and suffix correctly 1`] = `
         "alignSelf": "flex-start",
         "backgroundColor": "#ffffff",
         "borderRadius": 999,
-        "elevation": 3,
+        "elevation": 6,
         "flexDirection": "row",
         "justifyContent": "center",
         "left": "50%",
         "opacity": 1,
         "padding": 8,
         "position": "absolute",
-        "shadowColor": "#121214",
+        "shadowColor": "#001f23",
         "shadowOffset": {
           "height": 2,
           "width": 0,
         },
         "shadowOpacity": 0.12,
-        "shadowRadius": 4,
+        "shadowRadius": 2,
         "top": 12,
         "zIndex": 9999,
       }
@@ -323,20 +323,20 @@ exports[`FloatingIsland renders prefix correctly 1`] = `
         "alignSelf": "flex-start",
         "backgroundColor": "#ffffff",
         "borderRadius": 999,
-        "elevation": 3,
+        "elevation": 6,
         "flexDirection": "row",
         "justifyContent": "center",
         "left": "50%",
         "opacity": 1,
         "padding": 8,
         "position": "absolute",
-        "shadowColor": "#121214",
+        "shadowColor": "#001f23",
         "shadowOffset": {
           "height": 2,
           "width": 0,
         },
         "shadowOpacity": 0.12,
-        "shadowRadius": 4,
+        "shadowRadius": 2,
         "top": 12,
         "zIndex": 9999,
       }
@@ -463,20 +463,20 @@ exports[`FloatingIsland renders suffix correctly 1`] = `
         "alignSelf": "flex-start",
         "backgroundColor": "#ffffff",
         "borderRadius": 999,
-        "elevation": 3,
+        "elevation": 6,
         "flexDirection": "row",
         "justifyContent": "center",
         "left": "50%",
         "opacity": 1,
         "padding": 8,
         "position": "absolute",
-        "shadowColor": "#121214",
+        "shadowColor": "#001f23",
         "shadowOffset": {
           "height": 2,
           "width": 0,
         },
         "shadowOpacity": 0.12,
-        "shadowRadius": 4,
+        "shadowRadius": 2,
         "top": 12,
         "zIndex": 9999,
       }

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,"globe":59104,"graduation-cap":59105,"graph":59106,"happy-sun":59107,"health-bag":59108,"heart":59109,"hero-points":59110,"home":59111,"image":59112,"import":59113,"incident-siren":59114,"instapay-daily":59115,"instapay-now":59116,"instapay":59117,"list":59118,"loading-2":59119,"loading":59120,"location-on":59121,"location":59122,"lock":59123,"looks-one":59124,"looks-two":59125,"media-content":59126,"menu":59127,"money-notes":59128,"moneybag":59129,"moon":59130,"multiple-stars":59131,"multiple-users":59132,"near-me":59133,"node":59134,"open-folder":59135,"paperclip":59136,"payment-summary":59137,"pencil":59138,"phone":59139,"piggy-bank":59140,"plane-up":59141,"plane":59142,"play-arrow":59143,"play-circle":59144,"print":59145,"raising-hands":59146,"reply-arrow":59147,"reply":59148,"reschedule":59149,"rostering":59150,"salary-sacrifice":59151,"save":59152,"schedule-send":59153,"schedule":59154,"search-person":59155,"search":59156,"send":59157,"speaker-active":59158,"speaker":59159,"star-award":59160,"star-badge":59161,"star-circle":59162,"star-medal":59163,"star":59164,"steps-circle":59165,"stopwatch":59166,"suitcase":59167,"surfing":59168,"survey":59169,"swag-pillar-benefit":59170,"swag-pillar-career":59171,"swag-pillar-money":59172,"swag-pillar-work":59173,"swag":59174,"swipe-right":59175,"switch":59176,"tag":59177,"target":59178,"teams":59179,"thumb-down":59180,"timesheet":59181,"touch-id":59182,"trash-bin":59183,"unlock":59184,"user":59185,"video-1":59186,"video-2":59187,"wallet":59188,"warning":59189,"accommodation-outlined":59190,"activate-outlined":59191,"add-credit-card-outlined":59192,"add-person-outlined":59193,"add-section-outlined":59194,"add-time-outlined":59195,"add":59196,"adjustment-outlined":59197,"afternoon-outlined":59198,"ai-outlined":59199,"alignment-2-outlined":59200,"alignment-outlined":59201,"all-caps":59202,"application-outlined":59203,"arrow-down":59204,"arrow-downwards":59205,"arrow-left":59206,"arrow-leftwards":59207,"arrow-right":59208,"arrow-rightwards":59209,"arrow-up":59210,"arrow-upwards":59211,"article-outlined":59212,"at-sign":59213,"auto-graph-outlined":59214,"automotive-outlined":59215,"bakery-outlined":59216,"bar-outlined":59217,"beauty-outlined":59218,"beer-outlined":59219,"bell-active-outlined":59220,"bell-outlined":59221,"bell-slash-outlined":59222,"bill-management-outlined":59223,"billing-outlined":59224,"body-outlined":59225,"bold":59226,"bolt-outlined":59227,"book-outlined":59228,"bookmark-added-outlined":59229,"bookmark-checked-outlined":59230,"bookmark-outlined":59231,"box-1-outlined":59232,"box-check-outlined":59233,"box-outlined":59234,"bullet-points":59235,"cake-outlined":59236,"calendar-dates-outlined":59237,"calendar-star-outlined":59238,"call-outlined":59239,"call-split-outlined":59240,"camera-outlined":59241,"cancel":59242,"car-forward-outlined":59243,"cashback-outlined":59244,"charging-station-outlined":59245,"chat-bubble-outlined":59246,"chat-unread-outlined":59247,"checkmark":59248,"circle-add-outlined":59249,"circle-cancel-outlined":59250,"circle-down-outlined":59251,"circle-info-outlined":59252,"circle-left-outlined":59253,"circle-ok-outlined":59254,"circle-question-outlined":59255,"circle-remove-outlined":59256,"circle-right-outlined":59257,"circle-up-outlined":59258,"circle-warning-outlined":59259,"clock-2-outlined":59260,"clock-in-outlined":59261,"clock-out-outlined":59262,"clock-outlined":59263,"cog-outlined":59264,"coin-outlined":59265,"coin-super-outlined":59266,"comment-outlined":59267,"contacts-outlined":59268,"contacts-user-outlined":59269,"credit-card-outlined":59270,"cultural-site-outlined":59271,"cup-outlined":59272,"dentistry-outlined":59273,"direction-arrows-outlined":59274,"directory-outlined":59275,"document-outlined":59276,"dollar-box-outlined":59277,"dollar-card-outlined":59278,"dollar-coin-shine-outlined":59279,"dollar-credit-card-outlined":59280,"dollar-sign":59281,"double-buildings-outlined":59282,"double-left-arrows":59283,"double-right-arrows":59284,"download-box-outlined":59285,"download-outlined":59286,"edit-template-outlined":59287,"electronics-outlined":59288,"email-outlined":59289,"end-break-outlined":59290,"enter-arrow":59291,"entertainment-outlined":59292,"envelope-outlined":59293,"evening-outlined":59294,"expense-approval-outlined":59295,"expense-outlined":59296,"explore-outlined":59297,"extension-outlined":59298,"external-link":59299,"eye-invisible-outlined":59300,"eye-outlined":59301,"face-id":59302,"face-meh-outlined":59303,"face-open-smiley-outlined":59304,"face-sad-outlined":59305,"face-smiley-outlined":59306,"fastfood-outlined":59307,"feed-outlined":59308,"file-certified-outlined":59309,"file-clone-outlined":59310,"file-copy-outlined":59311,"file-dispose-outlined":59312,"file-dollar-certified-outlined":59313,"file-dollar-outlined":59314,"file-download-outlined":59315,"file-export-outlined":59316,"file-lock-outlined":59317,"file-outlined":59318,"file-search-outlined":59319,"file-secured-outlined":59320,"file-statutory-outlined":59321,"file-verified-outlined":59322,"filter-outlined":59323,"fitness-outlined":59324,"folder-outlined":59325,"folder-upload-outlined":59326,"folder-user-outlined":59327,"form-outlined":59328,"funnel-filter-outline":59329,"goal-outlined":59330,"graph-outlined":59331,"grocery-outlined":59332,"hand-holding-user-outlined":59333,"handshake-outlined":59334,"happy-sun-outlined":59335,"health-bag-outlined":59336,"heart-outlined":59337,"home-active-outlined":59338,"home-outlined":59339,"id-card-outlined":59340,"image-outlined":59341,"import-outlined":59342,"instapay-outlined":59343,"italic":59344,"job-search-outlined":59345,"leave-approval-outlined":59346,"link-1":59347,"link-2":59348,"list-outlined":59349,"live-help-outlined":59350,"local_mall_outlined":59351,"location-on-outlined":59352,"location-outlined":59353,"lock-outlined":59354,"locked-file-outlined":59355,"log-out":59356,"mail-outlined":59357,"map-outlined":59358,"media-content-outlined":59359,"menu-close":59360,"menu-expand":59361,"menu-fold-outlined":59362,"menu-unfold-outlined":59363,"moneybag-outlined":59364,"moon-outlined":59365,"more-horizontal":59366,"more-vertical":59367,"morning-outlined":59368,"multiple-folders-outlined":59369,"multiple-users-outlined":59370,"near-me-outlined":59371,"node-outlined":59372,"number-points":59373,"number":59374,"overview-outlined":59375,"park-outlined":59376,"payment-summary-outlined":59377,"payslip-outlined":59378,"pencil-outlined":59379,"percentage":59380,"phone-outlined":59381,"piggy-bank-outlined":59382,"plane-outlined":59383,"play-circle-outlined":59384,"print-outlined":59385,"propane-tank-outlined":59386,"qr-code-outlined":59387,"qualification-outlined":59388,"re-assign":59389,"redeem":59390,"refresh":59391,"remove":59392,"reply-outlined":59393,"restart":59394,"restaurant-outlined":59395,"resume-outlined":59396,"return-arrow":59397,"rostering-outlined":59398,"safety-outlined":59399,"save-outlined":59400,"schedule-outlined":59401,"search-outlined":59402,"search-secured-outlined":59403,"send-outlined":59404,"share-1":59405,"share-2":59406,"share-outlined-2":59407,"share-outlined":59408,"shop-outlined":59409,"shopping_basket_outlined":59410,"show-chart-outlined":59411,"single-down-arrow":59412,"single-left-arrow":59413,"single-right-arrow":59414,"single-up-arrow":59415,"smart-match-outlined":59416,"sparkle-outlined":59417,"speaker-active-outlined":59418,"speaker-outlined":59419,"star-circle-outlined":59420,"star-outlined":59421,"start-break-outlined":59422,"stash-outlined":59423,"stopwatch-outlined":59424,"strikethrough":59425,"styler-outlined":59426,"suitcase-clock-outlined":59427,"suitcase-outlined":59428,"survey-outlined":59429,"switch-outlined":59430,"sync":59431,"tag-outlined":59432,"target-outlined":59433,"tennis-outlined":59434,"thumb-down-outlined":59435,"ticket-outlined":59436,"timesheet-outlined":59437,"timesheets-outlined":59438,"today-outlined":59439,"transfer":59440,"transportation-outlined":59441,"trash-bin-outlined":59442,"umbrela-outlined":59443,"unavailability-outlined":59444,"unavailable":59445,"underline":59446,"union-outlined":59447,"unlock-outlined":59448,"upload-outlined":59449,"user-circle-outlined":59450,"user-gear-outlined":59451,"user-outlined":59452,"user-rectangle-outlined":59453,"video-1-outlined":59454,"video-2-outlined":59455,"volunteer-outlined":59456,"wallet-outlined":59457,"wellness-outlined":59458}
+{"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,"globe":59104,"graduation-cap":59105,"graph":59106,"happy-sun":59107,"health-bag":59108,"heart":59109,"hero-points":59110,"home":59111,"image":59112,"import":59113,"incident-siren":59114,"instapay-daily":59115,"instapay-now":59116,"instapay":59117,"list":59118,"loading-2":59119,"loading":59120,"location-on":59121,"location":59122,"lock":59123,"looks-one":59124,"looks-two":59125,"media-content":59126,"menu":59127,"money-notes":59128,"moneybag":59129,"moon":59130,"multiple-stars":59131,"multiple-users":59132,"near-me":59133,"node":59134,"open-folder":59135,"paperclip-vertical":59136,"paperclip":59137,"payment-summary":59138,"pencil":59139,"phone":59140,"piggy-bank":59141,"plane-up":59142,"plane":59143,"play-arrow":59144,"play-circle":59145,"print":59146,"raising-hands":59147,"reply-arrow":59148,"reply":59149,"reschedule":59150,"rostering":59151,"salary-sacrifice":59152,"save":59153,"schedule-send":59154,"schedule":59155,"search-person":59156,"search":59157,"send":59158,"speaker-active":59159,"speaker":59160,"star-award":59161,"star-badge":59162,"star-circle":59163,"star-medal":59164,"star":59165,"steps-circle":59166,"stopwatch":59167,"suitcase":59168,"surfing":59169,"survey":59170,"swag-pillar-benefit":59171,"swag-pillar-career":59172,"swag-pillar-money":59173,"swag-pillar-work":59174,"swag":59175,"swipe-right":59176,"switch":59177,"tag":59178,"target":59179,"teams":59180,"thumb-down":59181,"timesheet":59182,"touch-id":59183,"trash-bin":59184,"unlock":59185,"user":59186,"video-1":59187,"video-2":59188,"wallet":59189,"warning":59190,"accommodation-outlined":59191,"activate-outlined":59192,"add-credit-card-outlined":59193,"add-person-outlined":59194,"add-section-outlined":59195,"add-time-outlined":59196,"add":59197,"adjustment-outlined":59198,"afternoon-outlined":59199,"ai-outlined":59200,"alignment-2-outlined":59201,"alignment-outlined":59202,"all-caps":59203,"application-outlined":59204,"arrow-down":59205,"arrow-downwards":59206,"arrow-left":59207,"arrow-leftwards":59208,"arrow-right":59209,"arrow-rightwards":59210,"arrow-up":59211,"arrow-upwards":59212,"article-outlined":59213,"at-sign":59214,"auto-graph-outlined":59215,"automotive-outlined":59216,"bakery-outlined":59217,"bar-outlined":59218,"beauty-outlined":59219,"beer-outlined":59220,"bell-active-outlined":59221,"bell-outlined":59222,"bell-slash-outlined":59223,"bill-management-outlined":59224,"billing-outlined":59225,"body-outlined":59226,"bold":59227,"bolt-outlined":59228,"book-outlined":59229,"bookmark-added-outlined":59230,"bookmark-checked-outlined":59231,"bookmark-outlined":59232,"box-1-outlined":59233,"box-check-outlined":59234,"box-outlined":59235,"bullet-points":59236,"cake-outlined":59237,"calendar-dates-outlined":59238,"calendar-star-outlined":59239,"call-outlined":59240,"call-split-outlined":59241,"camera-outlined":59242,"cancel":59243,"car-forward-outlined":59244,"cashback-outlined":59245,"charging-station-outlined":59246,"chat-bubble-outlined":59247,"chat-unread-outlined":59248,"checkmark":59249,"circle-add-outlined":59250,"circle-cancel-outlined":59251,"circle-down-outlined":59252,"circle-info-outlined":59253,"circle-left-outlined":59254,"circle-ok-outlined":59255,"circle-question-outlined":59256,"circle-remove-outlined":59257,"circle-right-outlined":59258,"circle-up-outlined":59259,"circle-warning-outlined":59260,"clock-2-outlined":59261,"clock-in-outlined":59262,"clock-out-outlined":59263,"clock-outlined":59264,"cog-outlined":59265,"coin-outlined":59266,"coin-super-outlined":59267,"comment-outlined":59268,"contacts-outlined":59269,"contacts-user-outlined":59270,"credit-card-outlined":59271,"cultural-site-outlined":59272,"cup-outlined":59273,"dentistry-outlined":59274,"direction-arrows-outlined":59275,"directory-outlined":59276,"document-outlined":59277,"dollar-box-outlined":59278,"dollar-card-outlined":59279,"dollar-coin-shine-outlined":59280,"dollar-credit-card-outlined":59281,"dollar-sign":59282,"double-buildings-outlined":59283,"double-left-arrows":59284,"double-right-arrows":59285,"download-box-outlined":59286,"download-outlined":59287,"edit-template-outlined":59288,"electronics-outlined":59289,"email-outlined":59290,"end-break-outlined":59291,"enter-arrow":59292,"entertainment-outlined":59293,"envelope-outlined":59294,"evening-outlined":59295,"expense-approval-outlined":59296,"expense-outlined":59297,"explore-outlined":59298,"extension-outlined":59299,"external-link":59300,"eye-invisible-outlined":59301,"eye-outlined":59302,"face-id":59303,"face-meh-outlined":59304,"face-open-smiley-outlined":59305,"face-sad-outlined":59306,"face-smiley-outlined":59307,"fastfood-outlined":59308,"feed-outlined":59309,"file-certified-outlined":59310,"file-clone-outlined":59311,"file-copy-outlined":59312,"file-dispose-outlined":59313,"file-dollar-certified-outlined":59314,"file-dollar-outlined":59315,"file-download-outlined":59316,"file-export-outlined":59317,"file-lock-outlined":59318,"file-outlined":59319,"file-search-outlined":59320,"file-secured-outlined":59321,"file-statutory-outlined":59322,"file-verified-outlined":59323,"filter-outlined":59324,"fitness-outlined":59325,"folder-outlined":59326,"folder-upload-outlined":59327,"folder-user-outlined":59328,"form-outlined":59329,"funnel-filter-outline":59330,"goal-outlined":59331,"graph-outlined":59332,"grocery-outlined":59333,"hand-holding-user-outlined":59334,"handshake-outlined":59335,"happy-sun-outlined":59336,"health-bag-outlined":59337,"heart-outlined":59338,"home-active-outlined":59339,"home-outlined":59340,"id-card-outlined":59341,"image-outlined":59342,"import-outlined":59343,"instapay-outlined":59344,"italic":59345,"job-search-outlined":59346,"leave-approval-outlined":59347,"link-1":59348,"link-2":59349,"list-outlined":59350,"live-help-outlined":59351,"local_mall_outlined":59352,"location-on-outlined":59353,"location-outlined":59354,"lock-outlined":59355,"locked-file-outlined":59356,"log-out":59357,"mail-outlined":59358,"map-outlined":59359,"media-content-outlined":59360,"menu-close":59361,"menu-expand":59362,"menu-fold-outlined":59363,"menu-unfold-outlined":59364,"moneybag-outlined":59365,"moon-outlined":59366,"more-horizontal":59367,"more-vertical":59368,"morning-outlined":59369,"multiple-folders-outlined":59370,"multiple-users-outlined":59371,"near-me-outlined":59372,"node-outlined":59373,"number-points":59374,"number":59375,"overview-outlined":59376,"park-outlined":59377,"payment-summary-outlined":59378,"payslip-outlined":59379,"pencil-outlined":59380,"percentage":59381,"phone-outlined":59382,"piggy-bank-outlined":59383,"plane-outlined":59384,"play-circle-outlined":59385,"print-outlined":59386,"propane-tank-outlined":59387,"qr-code-outlined":59388,"qualification-outlined":59389,"re-assign":59390,"redeem":59391,"refresh":59392,"remove":59393,"reply-outlined":59394,"restart":59395,"restaurant-outlined":59396,"resume-outlined":59397,"return-arrow":59398,"rostering-outlined":59399,"safety-outlined":59400,"save-outlined":59401,"schedule-outlined":59402,"search-outlined":59403,"search-secured-outlined":59404,"send-outlined":59405,"share-1":59406,"share-2":59407,"share-outlined-2":59408,"share-outlined":59409,"shop-outlined":59410,"shopping_basket_outlined":59411,"show-chart-outlined":59412,"single-down-arrow":59413,"single-left-arrow":59414,"single-right-arrow":59415,"single-up-arrow":59416,"smart-match-outlined":59417,"sparkle-outlined":59418,"speaker-active-outlined":59419,"speaker-outlined":59420,"star-circle-outlined":59421,"star-outlined":59422,"start-break-outlined":59423,"stash-outlined":59424,"stopwatch-outlined":59425,"strikethrough":59426,"styler-outlined":59427,"suitcase-clock-outlined":59428,"suitcase-outlined":59429,"survey-outlined":59430,"switch-outlined":59431,"sync":59432,"tag-outlined":59433,"target-outlined":59434,"tennis-outlined":59435,"thumb-down-outlined":59436,"ticket-outlined":59437,"timesheet-outlined":59438,"timesheets-outlined":59439,"today-outlined":59440,"transfer":59441,"transportation-outlined":59442,"trash-bin-outlined":59443,"umbrela-outlined":59444,"unavailability-outlined":59445,"unavailable":59446,"underline":59447,"union-outlined":59448,"unlock-outlined":59449,"upload-outlined":59450,"user-circle-outlined":59451,"user-gear-outlined":59452,"user-outlined":59453,"user-rectangle-outlined":59454,"video-1-outlined":59455,"video-2-outlined":59456,"volunteer-outlined":59457,"wallet-outlined":59458,"wellness-outlined":59459}

package/src/components/Icon/IconList.ts

@@ -136,6 +136,7 @@ const IconList = [
   'near-me',
   'node',
   'open-folder',
+  'paperclip-vertical',
   'paperclip',
   'payment-summary',
   'pencil',

package/src/components/List/StyledListItem.tsx

@@ -29,11 +29,7 @@ const StyledListItemContainer = styled(TouchableHighlight)<{
       return {
         ...sharedStyles,
         alignItems: 'center',
-        shadowColor: theme.__hd__.list.shadows.card.color,
-        shadowRadius: theme.__hd__.list.shadows.card.radius,
-        shadowOffset: theme.__hd__.list.shadows.card.offset,
-        shadowOpacity: theme.__hd__.list.shadows.card.opacity,
-        elevation: theme.__hd__.list.shadows.card.elevation,
+        ...theme.__hd__.list.shadows.card,
       };
     default:
       return sharedStyles;

package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap

@@ -132,9 +132,9 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
                     {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 14,
-                      "letterSpacing": 0.42,
-                      "lineHeight": 22,
+                      "fontSize": 16,
+                      "letterSpacing": 0.48,
+                      "lineHeight": 24,
                     },
                     [
                       {
@@ -150,11 +150,10 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
                     ],
                   ]
                 }
-                themeFontSize="medium"
-                themeFontWeight="regular"
                 themeIntent="body"
                 themeSize="small"
                 themeTypeface="neutral"
+                themeVariant="regular"
               >
                 ML
               </Text>
@@ -834,9 +833,9 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
                     {
                       "color": "#001f23",
                       "fontFamily": "BeVietnamPro-Regular",
-                      "fontSize": 14,
-                      "letterSpacing": 0.42,
-                      "lineHeight": 22,
+                      "fontSize": 16,
+                      "letterSpacing": 0.48,
+                      "lineHeight": 24,
                     },
                     [
                       {
@@ -852,11 +851,10 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
                     ],
                   ]
                 }
-                themeFontSize="medium"
-                themeFontWeight="regular"
                 themeIntent="body"
                 themeSize="small"
                 themeTypeface="neutral"
+                themeVariant="regular"
               >
                 ML
               </Text>

package/src/components/List/__tests__/__snapshots__/StyledListItem.spec.tsx.snap

@@ -257,16 +257,16 @@ exports[`ListItemContainer renders correctly themeSelected false themeVariant ca
           "alignItems": "center",
           "backgroundColor": "#ffffff",
           "borderRadius": 8,
-          "elevation": 3,
+          "elevation": 6,
           "flexDirection": "row",
           "padding": 16,
-          "shadowColor": "#121214",
+          "shadowColor": "#001f23",
           "shadowOffset": {
             "height": 2,
             "width": 0,
           },
           "shadowOpacity": 0.12,
-          "shadowRadius": 4,
+          "shadowRadius": 2,
         },
         undefined,
       ]
@@ -430,16 +430,16 @@ exports[`ListItemContainer renders correctly themeSelected true themeVariant car
           "alignItems": "center",
           "backgroundColor": undefined,
           "borderRadius": 8,
-          "elevation": 3,
+          "elevation": 6,
           "flexDirection": "row",
           "padding": 16,
-          "shadowColor": "#121214",
+          "shadowColor": "#001f23",
           "shadowOffset": {
             "height": 2,
             "width": 0,
           },
           "shadowOpacity": 0.12,
-          "shadowRadius": 4,
+          "shadowRadius": 2,
         },
         undefined,
       ]

package/src/components/MapPin/StyledMapPin.tsx

@@ -1,6 +1,5 @@
 import styled from '@emotion/native';
 import { View } from 'react-native';
-import Badge from '../Badge';
 import Icon from '../Icon';
 
 type State = 'idle' | 'selected' | 'applied';
@@ -32,13 +31,17 @@ export const StyledContent = styled(View)<{
   alignItems: 'center',
 }));
 
-export const StyledBadge = styled(Badge)(({ theme }) => ({
+export const StyledBadge = styled(View)(({ theme }) => ({
   right: theme.__hd__.mapPin.space.iconRight,
   top: theme.__hd__.mapPin.space.iconTop,
   position: 'absolute',
   backgroundColor: theme.__hd__.mapPin.colors.badge,
-  borderColor: theme.__hd__.mapPin.colors.badge,
+  borderRadius: theme.__hd__.mapPin.radii.badge,
   zIndex: 2,
+  alignItems: 'center',
+  justifyContent: 'center',
+  width: theme.__hd__.mapPin.sizes.badge,
+  height: theme.__hd__.mapPin.sizes.badge,
 }));
 
 export const StyledImage = styled.Image(({ theme }) => ({
@@ -49,6 +52,14 @@ export const StyledImage = styled.Image(({ theme }) => ({
     theme.__hd__.mapPin.borderWidths.default,
 }));
 
+export const StyledIcon = styled(Icon)(({ theme }) => ({
+  color: theme.__hd__.mapPin.colors.icon,
+}));
+
+export const StyledBadgeIcon = styled(Icon)(({ theme }) => ({
+  color: theme.__hd__.mapPin.colors.badgeIcon,
+}));
+
 function hexToRgba(hex: string, a: number) {
   const arrBuff = new ArrayBuffer(4);
   const vw = new DataView(arrBuff);