@hero-design/rn 8.44.0-alpha.0 → 8.44.0

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

package/src/components/Icon/IconList.ts

@@ -61,6 +61,7 @@ const IconList = [
   'edit-template',
   'envelope',
   'exclude',
+  'expand-content',
   'expense',
   'eye-circle',
   'eye-invisible',
@@ -163,6 +164,7 @@ const IconList = [
   'swag-pillar-money',
   'swag-pillar-work',
   'swag',
+  'swipe-right',
   'switch',
   'tag',
   'target',
@@ -295,6 +297,7 @@ const IconList = [
   'folder-user-outlined',
   'form-outlined',
   'funnel-filter-outline',
+  'goal-outlined',
   'graph-outlined',
   'hand-holding-user-outlined',
   'happy-sun-outlined',

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

@@ -2,19 +2,72 @@
 
 exports[`Icon render correctly with spin prop 1`] = `
 <View
-  collapsable={false}
   style={
     {
-      "transform": [
+      "flex": 1,
+    }
+  }
+>
+  <View
+    collapsable={false}
+    style={
+      {
+        "transform": [
+          {
+            "rotate": "0deg",
+          },
+        ],
+      }
+    }
+  >
+    <HeroIcon
+      name="sync"
+      style={
+        [
+          {
+            "color": "#001f23",
+            "fontSize": 24,
+          },
+          undefined,
+        ]
+      }
+      themeIntent="text"
+      themeSize="medium"
+    />
+  </View>
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
         {
-          "rotate": "0deg",
+          "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 1`] = `
+<View
+  style={
+    {
+      "flex": 1,
     }
   }
 >
   <HeroIcon
-    name="sync"
+    name="home"
     style={
       [
         {
@@ -27,56 +80,115 @@ exports[`Icon render correctly with spin prop 1`] = `
     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 1`] = `
-<HeroIcon
-  name="home"
-  style={
-    [
-      {
-        "color": "#001f23",
-        "fontSize": 24,
-      },
-      undefined,
-    ]
-  }
-  themeIntent="text"
-  themeSize="medium"
-/>
-`;
-
 exports[`Icon renders correctly with color and size 1`] = `
-<HeroIcon
-  name="home"
+<View
   style={
-    [
-      {
-        "color": "#cb300a",
-        "fontSize": 28,
-      },
-      undefined,
-    ]
+    {
+      "flex": 1,
+    }
   }
-  themeIntent="danger"
-  themeSize="large"
-/>
+>
+  <HeroIcon
+    name="home"
+    style={
+      [
+        {
+          "color": "#cb300a",
+          "fontSize": 28,
+        },
+        undefined,
+      ]
+    }
+    themeIntent="danger"
+    themeSize="large"
+  />
+  <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 1`] = `
-<HeroIcon
-  name="home"
+<View
   style={
-    [
-      {
-        "color": "#401960",
-        "fontSize": 24,
-      },
-      undefined,
-    ]
+    {
+      "flex": 1,
+    }
   }
-  themeIntent="primary"
-  themeSize="medium"
-/>
+>
+  <HeroIcon
+    name="home"
+    style={
+      [
+        {
+          "color": "#401960",
+          "fontSize": 24,
+        },
+        undefined,
+      ]
+    }
+    themeIntent="primary"
+    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/Image/__tests__/__snapshots__/index.spec.tsx.snap

@@ -1,81 +1,193 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Image renders correctly when rounded is false 1`] = `
-<Image
-  source={
+<View
+  style={
     {
-      "uri": "path_to_image",
+      "flex": 1,
     }
   }
-  style={
-    [
+>
+  <Image
+    source={
       {
-        "borderRadius": 0,
-        "height": 72,
-        "width": 72,
-      },
-      undefined,
-    ]
-  }
-/>
+        "uri": "path_to_image",
+      }
+    }
+    style={
+      [
+        {
+          "borderRadius": 0,
+          "height": 72,
+          "width": 72,
+        },
+        undefined,
+      ]
+    }
+  />
+  <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[`Image renders correctly when rounded is true 1`] = `
-<Image
-  source={
+<View
+  style={
     {
-      "uri": "path_to_image",
+      "flex": 1,
     }
   }
-  style={
-    [
+>
+  <Image
+    source={
       {
-        "borderRadius": 36,
-        "height": 72,
-        "width": 72,
-      },
-      undefined,
-    ]
-  }
-/>
+        "uri": "path_to_image",
+      }
+    }
+    style={
+      [
+        {
+          "borderRadius": 36,
+          "height": 72,
+          "width": 72,
+        },
+        undefined,
+      ]
+    }
+  />
+  <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[`Image renders correctly when size is 6xlarge 1`] = `
-<Image
-  source={
+<View
+  style={
     {
-      "uri": "path_to_image",
+      "flex": 1,
     }
   }
-  style={
-    [
+>
+  <Image
+    source={
       {
-        "borderRadius": 0,
-        "height": 72,
-        "width": 72,
-      },
-      undefined,
-    ]
-  }
-/>
+        "uri": "path_to_image",
+      }
+    }
+    style={
+      [
+        {
+          "borderRadius": 0,
+          "height": 72,
+          "width": 72,
+        },
+        undefined,
+      ]
+    }
+  />
+  <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[`Image renders correctly when size is 15xlarge 1`] = `
-<Image
-  source={
+<View
+  style={
     {
-      "uri": "path_to_image",
+      "flex": 1,
     }
   }
-  style={
-    [
+>
+  <Image
+    source={
       {
-        "borderRadius": 0,
-        "height": 144,
-        "width": 144,
-      },
-      undefined,
-    ]
-  }
-/>
+        "uri": "path_to_image",
+      }
+    }
+    style={
+      [
+        {
+          "borderRadius": 0,
+          "height": 144,
+          "width": 144,
+        },
+        undefined,
+      ]
+    }
+  />
+  <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>
 `;