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

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

@@ -0,0 +1,78 @@
+import React from 'react';
+import { waitFor, within } from '@testing-library/react-native';
+import renderWithTheme from '../../../testHelpers/renderWithTheme';
+import Typography from '../../Typography';
+import HeroDesignProvider from '..';
+import { getTheme } from '../../../theme';
+import Toast from '../../Toast';
+import Box from '../../Box';
+import Portal from '../../Portal';
+
+const TestComponent = () => (
+  <Typography.Title intent="primary">Test component</Typography.Title>
+);
+const theme = getTheme();
+
+describe('HeroDesignProvider', () => {
+  it('renders children correctly', () => {
+    const { toJSON, getByText } = renderWithTheme(
+      <HeroDesignProvider theme={theme}>
+        <TestComponent />
+      </HeroDesignProvider>
+    );
+
+    expect(toJSON()).toMatchSnapshot();
+    expect(getByText('Test component')).toBeTruthy();
+    expect(getByText('Test component')).toHaveStyle({
+      color: theme.colors.primary,
+    });
+  });
+
+  it('renders toast correctly', async () => {
+    const Component = () => {
+      const toast = Toast.useToast();
+
+      React.useEffect(() => {
+        toast.show({
+          content: 'Your timesheet has been deleted.',
+          intent: 'warning',
+          variant: 'round',
+          duration: 50,
+        });
+      }, []);
+
+      return <TestComponent />;
+    };
+
+    const { queryByText } = renderWithTheme(
+      <HeroDesignProvider theme={theme}>
+        <Component />
+      </HeroDesignProvider>
+    );
+
+    expect(queryByText('Your timesheet has been deleted.')).toBeTruthy();
+
+    await waitFor(() =>
+      expect(queryByText('Your timesheet has been deleted.')).toBeFalsy()
+    );
+  });
+
+  it('renders portal content correctly', async () => {
+    const { getByTestId } = renderWithTheme(
+      <HeroDesignProvider theme={theme}>
+        <Box testID="portal-wrapper">
+          <Portal.Host name="host" />
+        </Box>
+        <Portal hostName="host">
+          <Typography.Body>Portal content</Typography.Body>;
+        </Portal>
+      </HeroDesignProvider>
+    );
+
+    await waitFor(() =>
+      expect(
+        within(getByTestId('portal-wrapper')).getByText('Portal content')
+      ).toBeDefined()
+    );
+  });
+});

package/src/components/HeroDesignProvider/index.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import ThemeProvider, { ThemeProviderProps } from '../../theme/ThemeProvider';
+import Toast from '../Toast';
+import Portal from '../Portal';
+
+const HeroDesignProvider = ({ theme, children }: ThemeProviderProps) => (
+  <ThemeProvider theme={theme}>
+    <Toast.Provider>
+      <Portal.Provider>{children}</Portal.Provider>
+    </Toast.Provider>
+  </ThemeProvider>
+);
+
+export default HeroDesignProvider;

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,"book-outlined":59205,"bookmark-added-outlined":59206,"bookmark-outlined":59207,"box-check-outlined":59208,"box-outlined":59209,"bullet-points":59210,"cake-outlined":59211,"calendar-dates-outlined":59212,"calendar-star-outlined":59213,"call-split-outlined":59214,"camera-outlined":59215,"cancel":59216,"car-forward-outlined":59217,"charging-station-outlined":59218,"chat-bubble-outlined":59219,"chat-unread-outlined":59220,"checkmark":59221,"circle-add-outlined":59222,"circle-cancel-outlined":59223,"circle-down-outlined":59224,"circle-info-outlined":59225,"circle-left-outlined":59226,"circle-ok-outlined":59227,"circle-question-outlined":59228,"circle-remove-outlined":59229,"circle-right-outlined":59230,"circle-up-outlined":59231,"circle-warning-outlined":59232,"clock-2-outlined":59233,"clock-outlined":59234,"cog-outlined":59235,"coin-outlined":59236,"coin-super-outlined":59237,"comment-outlined":59238,"contacts-outlined":59239,"contacts-user-outlined":59240,"credit-card-outlined":59241,"cup-outlined":59242,"dentistry-outlined":59243,"direction-arrows-outlined":59244,"directory-outlined":59245,"document-outlined":59246,"dollar-box-outlined":59247,"dollar-card-outlined":59248,"dollar-coin-shine-outlined":59249,"dollar-credit-card-outlined":59250,"dollar-sign":59251,"double-buildings-outlined":59252,"double-left-arrows":59253,"double-right-arrows":59254,"download-box-outlined":59255,"download-outlined":59256,"edit-template-outlined":59257,"email-outlined":59258,"enter-arrow":59259,"envelope-outlined":59260,"expense-outlined":59261,"explore-outlined":59262,"extension-outlined":59263,"external-link":59264,"eye-invisible-outlined":59265,"eye-outlined":59266,"face-id":59267,"face-meh-outlined":59268,"face-open-smiley-outlined":59269,"face-sad-outlined":59270,"face-smiley-outlined":59271,"fastfood-outlined":59272,"feed-outlined":59273,"file-certified-outlined":59274,"file-clone-outlined":59275,"file-copy-outlined":59276,"file-dispose-outlined":59277,"file-dollar-certified-outlined":59278,"file-dollar-outlined":59279,"file-download-outlined":59280,"file-export-outlined":59281,"file-lock-outlined":59282,"file-outlined":59283,"file-search-outlined":59284,"file-secured-outlined":59285,"file-statutory-outlined":59286,"file-verified-outlined":59287,"filter-outlined":59288,"folder-outlined":59289,"folder-user-outlined":59290,"form-outlined":59291,"funnel-filter-outline":59292,"graph-outlined":59293,"hand-holding-user-outlined":59294,"happy-sun-outlined":59295,"health-bag-outlined":59296,"heart-outlined":59297,"home-active-outlined":59298,"home-outlined":59299,"id-card-outlined":59300,"image-outlined":59301,"import-outlined":59302,"instapay-outlined":59303,"italic":59304,"link-1":59305,"link-2":59306,"list-outlined":59307,"live-help-outlined":59308,"location-on-outlined":59309,"location-outlined":59310,"lock-outlined":59311,"locked-file-outlined":59312,"log-out":59313,"media-content-outlined":59314,"menu-close":59315,"menu-expand":59316,"menu-fold-outlined":59317,"menu-unfold-outlined":59318,"moneybag-outlined":59319,"moon-outlined":59320,"more-horizontal":59321,"more-vertical":59322,"multiple-folders-outlined":59323,"multiple-users-outlined":59324,"near-me-outlined":59325,"node-outlined":59326,"number-points":59327,"number":59328,"overview-outlined":59329,"payment-summary-outlined":59330,"payslip-outlined":59331,"pencil-outlined":59332,"percentage":59333,"phone-outlined":59334,"piggy-bank-outlined":59335,"plane-outlined":59336,"play-circle-outlined":59337,"print-outlined":59338,"qr-code-outlined":59339,"qualification-outlined":59340,"re-assign":59341,"redeem":59342,"refresh":59343,"remove":59344,"reply-outlined":59345,"restart":59346,"return-arrow":59347,"rostering-outlined":59348,"save-outlined":59349,"schedule-outlined":59350,"search-outlined":59351,"search-secured-outlined":59352,"send-outlined":59353,"share-1":59354,"share-2":59355,"share-outlined":59356,"show-chart-outlined":59357,"single-down-arrow":59358,"single-left-arrow":59359,"single-right-arrow":59360,"single-up-arrow":59361,"speaker-active-outlined":59362,"speaker-outlined":59363,"star-circle-outlined":59364,"star-outlined":59365,"stopwatch-outlined":59366,"strikethrough":59367,"styler-outlined":59368,"suitcase-clock-outlined":59369,"suitcase-outlined":59370,"survey-outlined":59371,"switch-outlined":59372,"sync":59373,"tag-outlined":59374,"target-outlined":59375,"tennis-outlined":59376,"ticket-outlined":59377,"timesheet-outlined":59378,"today-outlined":59379,"transfer":59380,"trash-bin-outlined":59381,"umbrela-outlined":59382,"unavailable":59383,"underline":59384,"union-outlined":59385,"unlock-outlined":59386,"upload-outlined":59387,"user-circle-outlined":59388,"user-gear-outlined":59389,"user-outlined":59390,"user-rectangle-outlined":59391,"video-1-outlined":59392,"video-2-outlined":59393,"volunteer-outlined":59394,"wallet-outlined":59395}
+{"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}

package/src/components/Icon/IconList.ts

@@ -61,7 +61,9 @@ const IconList = [
   'edit-template',
   'envelope',
   'exclude',
+  'expand-content',
   'expense',
+  'explore_nearby',
   'eye-circle',
   'eye-invisible',
   'eye',
@@ -106,14 +108,18 @@ const IconList = [
   'happy-sun',
   'health-bag',
   'heart',
+  'hero-points',
   'home',
   'image',
   'import',
   'incident-siren',
+  'instapay-daily',
+  'instapay-now',
   'instapay',
   'list',
   'loading-2',
   'loading',
+  'location-on',
   'location',
   'lock',
   'looks-one',
@@ -125,6 +131,7 @@ const IconList = [
   'moon',
   'multiple-stars',
   'multiple-users',
+  'near-me',
   'node',
   'open-folder',
   'paperclip',
@@ -141,6 +148,7 @@ const IconList = [
   'reply',
   'reschedule',
   'rostering',
+  'salary-sacrifice',
   'save',
   'schedule-send',
   'schedule',
@@ -163,6 +171,7 @@ const IconList = [
   'swag-pillar-money',
   'swag-pillar-work',
   'swag',
+  'swipe-right',
   'switch',
   'tag',
   'target',
@@ -187,6 +196,7 @@ const IconList = [
   'alignment-2-outlined',
   'alignment-outlined',
   'all-caps',
+  'application-outlined',
   'arrow-down',
   'arrow-downwards',
   'arrow-left',
@@ -202,9 +212,11 @@ const IconList = [
   'bell-active-outlined',
   'bell-outlined',
   'bell-slash-outlined',
+  'bill-management-outlined',
   'billing-outlined',
   'body-outlined',
   'bold',
+  'bolt-outlined',
   'book-outlined',
   'bookmark-added-outlined',
   'bookmark-outlined',
@@ -214,10 +226,12 @@ const IconList = [
   'cake-outlined',
   'calendar-dates-outlined',
   'calendar-star-outlined',
+  'call-outlined',
   'call-split-outlined',
   'camera-outlined',
   'cancel',
   'car-forward-outlined',
+  'cashback-outlined',
   'charging-station-outlined',
   'chat-bubble-outlined',
   'chat-unread-outlined',
@@ -234,6 +248,8 @@ const IconList = [
   'circle-up-outlined',
   'circle-warning-outlined',
   'clock-2-outlined',
+  'clock-in-outlined',
+  'clock-out-outlined',
   'clock-outlined',
   'cog-outlined',
   'coin-outlined',
@@ -259,8 +275,10 @@ const IconList = [
   'download-outlined',
   'edit-template-outlined',
   'email-outlined',
+  'end-break-outlined',
   'enter-arrow',
   'envelope-outlined',
+  'expense-approval-outlined',
   'expense-outlined',
   'explore-outlined',
   'extension-outlined',
@@ -293,6 +311,7 @@ const IconList = [
   'folder-user-outlined',
   'form-outlined',
   'funnel-filter-outline',
+  'goal-outlined',
   'graph-outlined',
   'hand-holding-user-outlined',
   'happy-sun-outlined',
@@ -305,15 +324,20 @@ const IconList = [
   'import-outlined',
   'instapay-outlined',
   'italic',
+  'job-search-outlined',
+  'leave-approval-outlined',
   'link-1',
   'link-2',
   'list-outlined',
   'live-help-outlined',
+  'local_mall_outlined',
   'location-on-outlined',
   'location-outlined',
   'lock-outlined',
   'locked-file-outlined',
   'log-out',
+  'mail-outlined',
+  'map-outlined',
   'media-content-outlined',
   'menu-close',
   'menu-expand',
@@ -339,6 +363,7 @@ const IconList = [
   'plane-outlined',
   'play-circle-outlined',
   'print-outlined',
+  'propane-tank-outlined',
   'qr-code-outlined',
   'qualification-outlined',
   're-assign',
@@ -347,8 +372,10 @@ const IconList = [
   'remove',
   'reply-outlined',
   'restart',
+  'resume-outlined',
   'return-arrow',
   'rostering-outlined',
+  'safety-outlined',
   'save-outlined',
   'schedule-outlined',
   'search-outlined',
@@ -356,16 +383,22 @@ const IconList = [
   'send-outlined',
   'share-1',
   'share-2',
+  'share-outlined-2',
   'share-outlined',
+  'shopping_basket_outlined',
   'show-chart-outlined',
   'single-down-arrow',
   'single-left-arrow',
   'single-right-arrow',
   'single-up-arrow',
+  'smart-match-outlined',
+  'sparkle-outlined',
   'speaker-active-outlined',
   'speaker-outlined',
   'star-circle-outlined',
   'star-outlined',
+  'start-break-outlined',
+  'stash-outlined',
   'stopwatch-outlined',
   'strikethrough',
   'styler-outlined',
@@ -379,10 +412,12 @@ const IconList = [
   'tennis-outlined',
   'ticket-outlined',
   'timesheet-outlined',
+  'timesheets-outlined',
   'today-outlined',
   'transfer',
   'trash-bin-outlined',
   'umbrela-outlined',
+  'unavailability-outlined',
   'unavailable',
   'underline',
   'union-outlined',
@@ -396,6 +431,7 @@ const IconList = [
   'video-2-outlined',
   'volunteer-outlined',
   'wallet-outlined',
+  'wellness-outlined',
 ] as const;
 
 export default IconList;

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

@@ -2,22 +2,75 @@
 
 exports[`Icon render correctly with spin prop 1`] = `
 <View
-  collapsable={false}
   style={
-    Object {
-      "transform": Array [
-        Object {
-          "rotate": "0deg",
+    {
+      "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={
+      [
+        {
+          "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={
-      Array [
-        Object {
+      [
+        {
           "color": "#001f23",
           "fontSize": 24,
         },
@@ -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={
-    Array [
-      Object {
-        "color": "#001f23",
-        "fontSize": 24,
-      },
-      undefined,
-    ]
-  }
-  themeIntent="text"
-  themeSize="medium"
-/>
-`;
-
 exports[`Icon renders correctly with color and size 1`] = `
-<HeroIcon
-  name="home"
+<View
   style={
-    Array [
-      Object {
-        "color": "#de350b",
-        "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={
-    Array [
-      Object {
-        "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>
 `;