@hero-design/rn 8.92.3 → 8.93.0

package/src/components/Badge/__tests__/__snapshots__/Count.spec.tsx.snap

@@ -0,0 +1,310 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`BadgeCount displays 1 for content 1 1`] = `
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
+  <View
+    testID="wrapper"
+  >
+    <HeroIcon
+      name="bell-outlined"
+      style={
+        [
+          {
+            "color": "#001f23",
+            "fontSize": 20,
+          },
+          undefined,
+        ]
+      }
+      themeIntent="text"
+      themeSize="small"
+    />
+    <View
+      style={
+        [
+          {
+            "alignItems": "center",
+            "backgroundColor": "#cb300a",
+            "borderRadius": 999,
+            "color": "#ffffff",
+            "display": "flex",
+            "height": 12,
+            "justifyContent": "center",
+            "minWidth": 12,
+            "paddingHorizontal": 2,
+            "position": "absolute",
+            "right": -2,
+            "textAlign": "center",
+            "textAlignVertical": "center",
+            "top": -2,
+          },
+          undefined,
+        ]
+      }
+      testID="count-badge"
+    >
+      <Text
+        allowFontScaling={false}
+        style={
+          [
+            {
+              "color": "#001f23",
+              "fontFamily": "BeVietnamPro-Regular",
+              "fontSize": 14,
+              "letterSpacing": 0.42,
+              "lineHeight": 22,
+            },
+            [
+              {
+                "color": "#ffffff",
+                "fontSize": 6,
+                "height": 12,
+                "lineHeight": 12,
+              },
+              undefined,
+            ],
+          ]
+        }
+        themeFontSize="medium"
+        themeFontWeight="regular"
+        themeIntent="body"
+        themeTypeface="neutral"
+      >
+        1
+      </Text>
+    </View>
+  </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[`BadgeCount displays 12 for content 12 1`] = `
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
+  <View
+    testID="wrapper"
+  >
+    <HeroIcon
+      name="bell-outlined"
+      style={
+        [
+          {
+            "color": "#001f23",
+            "fontSize": 20,
+          },
+          undefined,
+        ]
+      }
+      themeIntent="text"
+      themeSize="small"
+    />
+    <View
+      style={
+        [
+          {
+            "alignItems": "center",
+            "backgroundColor": "#cb300a",
+            "borderRadius": 999,
+            "color": "#ffffff",
+            "display": "flex",
+            "height": 12,
+            "justifyContent": "center",
+            "minWidth": 12,
+            "paddingHorizontal": 2,
+            "position": "absolute",
+            "right": -2,
+            "textAlign": "center",
+            "textAlignVertical": "center",
+            "top": -2,
+          },
+          undefined,
+        ]
+      }
+      testID="count-badge"
+    >
+      <Text
+        allowFontScaling={false}
+        style={
+          [
+            {
+              "color": "#001f23",
+              "fontFamily": "BeVietnamPro-Regular",
+              "fontSize": 14,
+              "letterSpacing": 0.42,
+              "lineHeight": 22,
+            },
+            [
+              {
+                "color": "#ffffff",
+                "fontSize": 6,
+                "height": 12,
+                "lineHeight": 12,
+              },
+              undefined,
+            ],
+          ]
+        }
+        themeFontSize="medium"
+        themeFontWeight="regular"
+        themeIntent="body"
+        themeTypeface="neutral"
+      >
+        12
+      </Text>
+    </View>
+  </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[`BadgeCount displays 99+ for content 999 1`] = `
+<View
+  style={
+    {
+      "flex": 1,
+    }
+  }
+>
+  <View
+    testID="wrapper"
+  >
+    <HeroIcon
+      name="bell-outlined"
+      style={
+        [
+          {
+            "color": "#001f23",
+            "fontSize": 20,
+          },
+          undefined,
+        ]
+      }
+      themeIntent="text"
+      themeSize="small"
+    />
+    <View
+      style={
+        [
+          {
+            "alignItems": "center",
+            "backgroundColor": "#cb300a",
+            "borderRadius": 999,
+            "color": "#ffffff",
+            "display": "flex",
+            "height": 12,
+            "justifyContent": "center",
+            "minWidth": 12,
+            "paddingHorizontal": 2,
+            "position": "absolute",
+            "right": -2,
+            "textAlign": "center",
+            "textAlignVertical": "center",
+            "top": -2,
+          },
+          undefined,
+        ]
+      }
+      testID="count-badge"
+    >
+      <Text
+        allowFontScaling={false}
+        style={
+          [
+            {
+              "color": "#001f23",
+              "fontFamily": "BeVietnamPro-Regular",
+              "fontSize": 14,
+              "letterSpacing": 0.42,
+              "lineHeight": 22,
+            },
+            [
+              {
+                "color": "#ffffff",
+                "fontSize": 6,
+                "height": 12,
+                "lineHeight": 12,
+              },
+              undefined,
+            ],
+          ]
+        }
+        themeFontSize="medium"
+        themeFontWeight="regular"
+        themeIntent="body"
+        themeTypeface="neutral"
+      >
+        99+
+      </Text>
+    </View>
+  </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>
+`;

package/src/components/Badge/constants.ts

@@ -0,0 +1 @@
+export const DEFAULT_MAX_NUMBER = 99;

package/src/components/Badge/index.tsx

@@ -2,12 +2,12 @@ import { Animated } from 'react-native';
 import React, { useMemo } from 'react';
 import { StyledView, StyledText, StyledIcon } from './StyledBadge';
 import BadgeStatus from './Status';
+import BadgeCount from './Count';
 import { BasicBadgeProps, IconBadgeProps } from './types';
+import { DEFAULT_MAX_NUMBER } from './constants';
 
 export type BadgeProps = BasicBadgeProps | IconBadgeProps;
 
-const DEFAULT_MAX_NUMBER = 99;
-
 const getPaddingState = (content: string): 'narrowContent' | 'wideContent' =>
   content.length > 1 ? 'wideContent' : 'narrowContent';
 
@@ -87,4 +87,5 @@ const Badge = ({
 
 export default Object.assign(Badge, {
   Status: BadgeStatus,
+  Count: BadgeCount,
 });

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-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,"calculator-outlined":59238,"calendar-dates-outlined":59239,"calendar-star-outlined":59240,"call-outlined":59241,"call-split-outlined":59242,"camera-outlined":59243,"cancel":59244,"car-forward-outlined":59245,"cashback-outlined":59246,"charging-station-outlined":59247,"chat-bubble-outlined":59248,"chat-unread-outlined":59249,"checkmark":59250,"circle-add-outlined":59251,"circle-cancel-outlined":59252,"circle-down-outlined":59253,"circle-info-outlined":59254,"circle-left-outlined":59255,"circle-ok-outlined":59256,"circle-question-outlined":59257,"circle-remove-outlined":59258,"circle-right-outlined":59259,"circle-up-outlined":59260,"circle-warning-outlined":59261,"clock-2-outlined":59262,"clock-in-outlined":59263,"clock-out-outlined":59264,"clock-outlined":59265,"cog-outlined":59266,"coin-outlined":59267,"coin-super-outlined":59268,"comment-outlined":59269,"contacts-outlined":59270,"contacts-user-outlined":59271,"credit-card-outlined":59272,"cultural-site-outlined":59273,"cup-outlined":59274,"dentistry-outlined":59275,"direction-arrows-outlined":59276,"directory-outlined":59277,"document-outlined":59278,"dollar-box-outlined":59279,"dollar-card-outlined":59280,"dollar-coin-shine-outlined":59281,"dollar-credit-card-outlined":59282,"dollar-sign":59283,"double-buildings-outlined":59284,"double-left-arrows":59285,"double-right-arrows":59286,"download-box-outlined":59287,"download-outlined":59288,"edit-template-outlined":59289,"electronics-outlined":59290,"email-outlined":59291,"end-break-outlined":59292,"enter-arrow":59293,"entertainment-outlined":59294,"envelope-outlined":59295,"evening-outlined":59296,"expense-approval-outlined":59297,"expense-outlined":59298,"explore-outlined":59299,"extension-outlined":59300,"external-link":59301,"eye-invisible-outlined":59302,"eye-outlined":59303,"face-id":59304,"face-meh-outlined":59305,"face-open-smiley-outlined":59306,"face-sad-outlined":59307,"face-smiley-outlined":59308,"fastfood-outlined":59309,"feed-outlined":59310,"file-certified-outlined":59311,"file-clone-outlined":59312,"file-copy-outlined":59313,"file-dispose-outlined":59314,"file-dollar-certified-outlined":59315,"file-dollar-outlined":59316,"file-download-outlined":59317,"file-export-outlined":59318,"file-lock-outlined":59319,"file-outlined":59320,"file-search-outlined":59321,"file-secured-outlined":59322,"file-statutory-outlined":59323,"file-verified-outlined":59324,"filter-outlined":59325,"fitness-outlined":59326,"folder-outlined":59327,"folder-upload-outlined":59328,"folder-user-outlined":59329,"form-outlined":59330,"funnel-filter-outline":59331,"goal-outlined":59332,"graph-outlined":59333,"grocery-outlined":59334,"hand-holding-user-outlined":59335,"handshake-outlined":59336,"happy-sun-outlined":59337,"health-bag-outlined":59338,"heart-outlined":59339,"home-active-outlined":59340,"home-outlined":59341,"id-card-outlined":59342,"image-outlined":59343,"import-outlined":59344,"instapay-outlined":59345,"italic":59346,"job-search-outlined":59347,"leave-approval-outlined":59348,"link-1":59349,"link-2":59350,"list-outlined":59351,"live-help-outlined":59352,"local_mall_outlined":59353,"location-on-outlined":59354,"location-outlined":59355,"lock-outlined":59356,"locked-file-outlined":59357,"log-out":59358,"mail-outlined":59359,"map-outlined":59360,"media-content-outlined":59361,"menu-close":59362,"menu-expand":59363,"menu-fold-outlined":59364,"menu-unfold-outlined":59365,"moneybag-outlined":59366,"moon-outlined":59367,"more-horizontal":59368,"more-vertical":59369,"morning-outlined":59370,"multiple-folders-outlined":59371,"multiple-users-outlined":59372,"near-me-outlined":59373,"node-outlined":59374,"number-points":59375,"number":59376,"overview-outlined":59377,"park-outlined":59378,"payment-summary-outlined":59379,"payslip-outlined":59380,"pencil-outlined":59381,"percentage":59382,"phone-outlined":59383,"piggy-bank-outlined":59384,"plane-outlined":59385,"play-circle-outlined":59386,"print-outlined":59387,"propane-tank-outlined":59388,"qr-code-outlined":59389,"qualification-outlined":59390,"re-assign":59391,"redeem":59392,"refresh":59393,"remove":59394,"reply-outlined":59395,"restart":59396,"restaurant-outlined":59397,"resume-outlined":59398,"return-arrow":59399,"rostering-outlined":59400,"safety-outlined":59401,"save-outlined":59402,"schedule-outlined":59403,"search-outlined":59404,"search-secured-outlined":59405,"send-outlined":59406,"share-1":59407,"share-2":59408,"share-outlined-2":59409,"share-outlined":59410,"shop-outlined":59411,"shopping_basket_outlined":59412,"show-chart-outlined":59413,"single-down-arrow":59414,"single-left-arrow":59415,"single-right-arrow":59416,"single-up-arrow":59417,"smart-match-outlined":59418,"sparkle-outlined":59419,"speaker-active-outlined":59420,"speaker-outlined":59421,"star-circle-outlined":59422,"star-outlined":59423,"start-break-outlined":59424,"stash-outlined":59425,"stopwatch-outlined":59426,"strikethrough":59427,"styler-outlined":59428,"suitcase-clock-outlined":59429,"suitcase-outlined":59430,"survey-outlined":59431,"switch-outlined":59432,"sync":59433,"tag-outlined":59434,"target-outlined":59435,"tennis-outlined":59436,"thumb-down-outlined":59437,"ticket-outlined":59438,"timesheet-outlined":59439,"timesheets-outlined":59440,"today-outlined":59441,"transfer":59442,"transportation-outlined":59443,"trash-bin-outlined":59444,"umbrela-outlined":59445,"unavailability-outlined":59446,"unavailable":59447,"underline":59448,"union-outlined":59449,"unlock-outlined":59450,"upload-outlined":59451,"user-circle-outlined":59452,"user-gear-outlined":59453,"user-outlined":59454,"user-rectangle-outlined":59455,"video-1-outlined":59456,"video-2-outlined":59457,"volunteer-outlined":59458,"wallet-outlined":59459,"wellness-outlined":59460}
+{"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,"calculator-outlined":59238,"calendar-dates-outlined":59239,"calendar-star-outlined":59240,"call-outlined":59241,"call-split-outlined":59242,"camera-outlined":59243,"cancel":59244,"car-forward-outlined":59245,"cashback-outlined":59246,"charging-station-outlined":59247,"chat-bubble-outlined":59248,"chat-unread-outlined":59249,"checkmark":59250,"circle-add-outlined":59251,"circle-cancel-outlined":59252,"circle-down-outlined":59253,"circle-info-outlined":59254,"circle-left-outlined":59255,"circle-ok-outlined":59256,"circle-question-outlined":59257,"circle-remove-outlined":59258,"circle-right-outlined":59259,"circle-up-outlined":59260,"circle-warning-outlined":59261,"clock-2-outlined":59262,"clock-in-outlined":59263,"clock-out-outlined":59264,"clock-outlined":59265,"cog-outlined":59266,"coin-outlined":59267,"coin-super-outlined":59268,"comment-outlined":59269,"contacts-outlined":59270,"contacts-user-outlined":59271,"credit-card-outlined":59272,"cultural-site-outlined":59273,"cup-outlined":59274,"dentistry-outlined":59275,"direction-arrows-outlined":59276,"directory-outlined":59277,"document-outlined":59278,"dollar-box-outlined":59279,"dollar-card-outlined":59280,"dollar-coin-shine-outlined":59281,"dollar-credit-card-outlined":59282,"dollar-sign":59283,"double-buildings-outlined":59284,"double-left-arrows":59285,"double-right-arrows":59286,"download-box-outlined":59287,"download-outlined":59288,"edit-template-outlined":59289,"electronics-outlined":59290,"email-outlined":59291,"end-break-outlined":59292,"enter-arrow":59293,"entertainment-outlined":59294,"envelope-outlined":59295,"evening-outlined":59296,"expense-approval-outlined":59297,"expense-outlined":59298,"explore-outlined":59299,"extension-outlined":59300,"external-link":59301,"eye-invisible-outlined":59302,"eye-outlined":59303,"face-id":59304,"face-meh-outlined":59305,"face-open-smiley-outlined":59306,"face-sad-outlined":59307,"face-smiley-outlined":59308,"fastfood-outlined":59309,"feed-outlined":59310,"file-certified-outlined":59311,"file-clone-outlined":59312,"file-copy-outlined":59313,"file-dispose-outlined":59314,"file-dollar-certified-outlined":59315,"file-dollar-outlined":59316,"file-download-outlined":59317,"file-export-outlined":59318,"file-lock-outlined":59319,"file-outlined":59320,"file-search-outlined":59321,"file-secured-outlined":59322,"file-statutory-outlined":59323,"file-verified-outlined":59324,"filter-outlined":59325,"fitness-outlined":59326,"folder-outlined":59327,"folder-upload-outlined":59328,"folder-user-outlined":59329,"form-outlined":59330,"funnel-filter-outline":59331,"goal-outlined":59332,"graph-outlined":59333,"grocery-outlined":59334,"hand-holding-user-outlined":59335,"handshake-outlined":59336,"happy-sun-outlined":59337,"health-bag-outlined":59338,"heart-outlined":59339,"home-active-outlined":59340,"home-outlined":59341,"id-card-outlined":59342,"image-outlined":59343,"import-outlined":59344,"instapay-outlined":59345,"italic":59346,"job-search-outlined":59347,"leave-approval-outlined":59348,"link-1":59349,"link-2":59350,"list-outlined":59351,"live-help-outlined":59352,"local_mall_outlined":59353,"location-on-outlined":59354,"location-outlined":59355,"lock-outlined":59356,"locked-file-outlined":59357,"log-out":59358,"mail-outlined":59359,"map-outlined":59360,"media-content-outlined":59361,"menu-close":59362,"menu-expand":59363,"menu-fold-outlined":59364,"menu-unfold-outlined":59365,"moneybag-outlined":59366,"moon-outlined":59367,"more-horizontal":59368,"more-vertical":59369,"morning-outlined":59370,"multiple-folders-outlined":59371,"multiple-users-outlined":59372,"near-me-outlined":59373,"node-outlined":59374,"number-points":59375,"number":59376,"overview-outlined":59377,"park-outlined":59378,"payment-summary-outlined":59379,"payslip-outlined":59380,"pencil-outlined":59381,"percentage":59382,"phone-outlined":59383,"piggy-bank-outlined":59384,"plane-outlined":59385,"play-circle-outlined":59386,"print-outlined":59387,"propane-tank-outlined":59388,"qr-code-outlined":59389,"qualification-outlined":59390,"re-assign":59391,"redeem":59392,"refresh":59393,"remove":59394,"reply-outlined":59395,"restart":59396,"restaurant-outlined":59397,"resume-outlined":59398,"return-arrow":59399,"rostering-outlined":59400,"safety-outlined":59401,"save-outlined":59402,"schedule-outlined":59403,"search-outlined":59404,"search-secured-outlined":59405,"send-outlined":59406,"share-1":59407,"share-2":59408,"share-outlined-2":59409,"share-outlined":59410,"shield-check-outlined":59411,"shop-outlined":59412,"shopping_basket_outlined":59413,"show-chart-outlined":59414,"single-down-arrow":59415,"single-left-arrow":59416,"single-right-arrow":59417,"single-up-arrow":59418,"smart-match-outlined":59419,"sparkle-outlined":59420,"speaker-active-outlined":59421,"speaker-outlined":59422,"star-circle-outlined":59423,"star-outlined":59424,"start-break-outlined":59425,"stash-outlined":59426,"stopwatch-outlined":59427,"strikethrough":59428,"styler-outlined":59429,"suitcase-clock-outlined":59430,"suitcase-outlined":59431,"survey-outlined":59432,"switch-outlined":59433,"sync":59434,"tag-outlined":59435,"target-outlined":59436,"tennis-outlined":59437,"thumb-down-outlined":59438,"ticket-outlined":59439,"timesheet-outlined":59440,"timesheets-outlined":59441,"today-outlined":59442,"transfer":59443,"transportation-outlined":59444,"trash-bin-outlined":59445,"umbrela-outlined":59446,"unavailability-outlined":59447,"unavailable":59448,"underline":59449,"union-outlined":59450,"unlock-outlined":59451,"upload-outlined":59452,"user-circle-outlined":59453,"user-gear-outlined":59454,"user-outlined":59455,"user-rectangle-outlined":59456,"video-1-outlined":59457,"video-2-outlined":59458,"volunteer-outlined":59459,"wallet-outlined":59460,"wellness-outlined":59461}

package/src/components/Icon/IconList.ts

@@ -411,6 +411,7 @@ const IconList = [
   'share-2',
   'share-outlined-2',
   'share-outlined',
+  'shield-check-outlined',
   'shop-outlined',
   'shopping_basket_outlined',
   'show-chart-outlined',

package/src/theme/__tests__/__snapshots__/index.spec.ts.snap

@@ -148,6 +148,7 @@ exports[`theme returns correct theme object 1`] = `
       "colors": {
         "archived": "#606065",
         "border": "#ffffff",
+        "countText": "#ffffff",
         "danger": "#cb300a",
         "info": "#355bfb",
         "primary": "#401960",
@@ -156,6 +157,7 @@ exports[`theme returns correct theme object 1`] = `
         "warning": "#ac5d00",
       },
       "fontSizes": {
+        "count": 6,
         "icon": {
           "medium": 12,
           "small": 8,
@@ -168,10 +170,18 @@ exports[`theme returns correct theme object 1`] = `
         "small": "BeVietnamPro-SemiBold",
       },
       "lineHeights": {
+        "count": 12,
         "medium": 16,
         "small": 10,
       },
+      "radii": {
+        "count": 999,
+      },
       "sizes": {
+        "count": {
+          "height": 12,
+          "width": 12,
+        },
         "medium": {
           "height": 24,
           "minWidth": 24,
@@ -184,6 +194,7 @@ exports[`theme returns correct theme object 1`] = `
         "statusWidth": 8,
       },
       "space": {
+        "countPaddingHorizontal": 2,
         "medium": {
           "horizontalPadding": 8,
         },

package/src/theme/components/badge.ts

@@ -1,3 +1,4 @@
+import { Platform } from 'react-native';
 import type { GlobalTheme } from '../global';
 
 const getBadgeTheme = (theme: GlobalTheme) => {
@@ -10,6 +11,7 @@ const getBadgeTheme = (theme: GlobalTheme) => {
     archived: theme.colors.onArchivedSurface,
     text: theme.colors.onDarkGlobalSurface,
     border: theme.colors.defaultGlobalSurface,
+    countText: theme.colors.onDarkGlobalSurface,
   };
 
   const fonts = {
@@ -24,11 +26,20 @@ const getBadgeTheme = (theme: GlobalTheme) => {
       medium: theme.fontSizes.small,
       small: 8,
     },
+    count: 6,
   };
 
   const lineHeights = {
     medium: theme.lineHeights.small,
     small: 10,
+    count: Platform.select({
+      android: 11, // vertical alignment
+      default: 12,
+    }),
+  };
+
+  const radii = {
+    count: theme.radii.rounded,
   };
 
   const sizes = {
@@ -42,6 +53,10 @@ const getBadgeTheme = (theme: GlobalTheme) => {
     },
     statusHeight: theme.sizes.small,
     statusWidth: theme.sizes.small,
+    count: {
+      width: theme.sizes.smallMedium,
+      height: theme.sizes.smallMedium,
+    },
   };
 
   const borderWidths = {
@@ -57,9 +72,19 @@ const getBadgeTheme = (theme: GlobalTheme) => {
     },
     statusPositionTop: -theme.space.xxsmall,
     statusPositionRight: -theme.space.xxsmall,
+    countPaddingHorizontal: theme.space.xxsmall,
   };
 
-  return { colors, fonts, fontSizes, sizes, space, lineHeights, borderWidths };
+  return {
+    colors,
+    fonts,
+    fontSizes,
+    sizes,
+    space,
+    lineHeights,
+    borderWidths,
+    radii,
+  };
 };
 
 export type BadgeThemeType = ReturnType<typeof getBadgeTheme>;

package/types/components/Badge/Count.d.ts

@@ -0,0 +1,27 @@
+import type { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import type { ReactNode } from 'react';
+export interface CountProps extends ViewProps {
+    children: ReactNode;
+    /**
+     * Whether the Status Badge is visible.
+     */
+    visible?: boolean;
+    /**
+     * Additional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+    /**
+     * The content will be displayed in the badge.
+     */
+    content: number;
+    /**
+     * The maximum number displayed on the badge. If number exceeds this value, `${max}+` are displayed instead. (Only applied when content is number.)
+     */
+    max?: number;
+}
+declare const Status: ({ children, visible, style, max, testID, content: originalContent, ...nativeProps }: CountProps) => JSX.Element;
+export default Status;

package/types/components/Badge/StyledBadge.d.ts

@@ -1,9 +1,9 @@
-import { Animated } from 'react-native';
+import { Animated, View } from 'react-native';
 type ThemeIntent = 'primary' | 'success' | 'warning' | 'danger' | 'info' | 'archived';
 type ThemePadding = 'narrowContent' | 'wideContent';
 type ThemeSize = 'medium' | 'small';
 type ThemeVariant = 'filled' | 'outlined';
-declare const StyledView: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
+declare const StyledView: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
@@ -18,16 +18,26 @@ declare const StyledText: import("@emotion/native").StyledComponent<import("../T
 } & {
     themeSize: ThemeSize;
 }, {}, {}>;
-declare const StyledStatus: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
+declare const StyledStatus: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     themeIntent: ThemeIntent;
 }, {}, {}>;
+declare const StyledCount: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledCountText: import("@emotion/native").StyledComponent<import("../..").TextProps & {
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, {}, {}>;
 declare const StyledIcon: import("@emotion/native").StyledComponent<import("../Icon").IconProps & {
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
     themeSize: ThemeSize;
 }, {}, {}>;
-export { StyledView, StyledText, StyledStatus, StyledIcon };
+export { StyledCountText, StyledView, StyledText, StyledStatus, StyledIcon, StyledCount, };

package/types/components/Badge/constants.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_MAX_NUMBER = 99;

package/types/components/Badge/index.d.ts

@@ -2,5 +2,6 @@ import { BasicBadgeProps, IconBadgeProps } from './types';
 export type BadgeProps = BasicBadgeProps | IconBadgeProps;
 declare const _default: (({ content: originalContent, visible, max, intent, style, testID, size, variant, icon, ...nativeProps }: BadgeProps) => JSX.Element) & {
     Status: ({ children, visible, intent, style, testID, ...nativeProps }: import("./Status").StatusProps) => JSX.Element;
+    Count: ({ children, visible, style, max, testID, content: originalContent, ...nativeProps }: import("./Count").CountProps) => JSX.Element;
 };
 export default _default;

package/types/components/Icon/IconList.d.ts

@@ -1,2 +1,2 @@
-declare const IconList: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bolt", "bookmark-added", "bookmark-checked", "bookmark", "box-check", "box", "bpay", "buildings", "cake", "calendar-clock", "calendar", "candy-box-menu", "caret-down-small", "caret-down", "caret-left-small", "caret-left", "caret-right-small", "caret-right", "caret-up-small", "caret-up", "check-radio", "circle-add", "circle-cancel", "circle-check", "circle-down", "circle-info", "circle-left", "circle-ok", "circle-pencil", "circle-question", "circle-remove", "circle-right", "circle-up", "circle-warning", "clock-3", "clock", "cloud-download", "cloud-upload", "cog", "coin", "contacts", "credit-card", "diamond", "direction-arrows", "directory", "document", "dollar-coin-shine", "dot", "double-buildings", "edit-template", "envelope", "exclude", "expand-content", "expense", "explore_nearby", "eye-circle", "eye-invisible", "eye", "face-meh", "face-sad", "face-smiley", "feed", "feedbacks", "file-certified", "file-clone", "file-copy", "file-csv", "file-dispose", "file-doc", "file-excel", "file-export", "file-lock", "file-pdf", "file-powerpoint", "file-search", "file-secured", "file-sheets", "file-slide", "file-verified", "file-word", "file", "filter", "folder-user", "folder", "format-bold", "format-heading1", "format-heading2", "format-italic", "format-list-bulleted", "format-list-numbered", "format-underlined", "funnel-filter", "global-dollar", "globe", "graduation-cap", "graph", "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", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "near-me", "node", "open-folder", "paperclip-vertical", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane-up", "plane", "play-arrow", "play-circle", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rostering", "salary-sacrifice", "save", "schedule-send", "schedule", "search-person", "search", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "surfing", "survey", "swag-pillar-benefit", "swag-pillar-career", "swag-pillar-money", "swag-pillar-work", "swag", "swipe-right", "switch", "tag", "target", "teams", "thumb-down", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "accommodation-outlined", "activate-outlined", "add-credit-card-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "afternoon-outlined", "ai-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "application-outlined", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "at-sign", "auto-graph-outlined", "automotive-outlined", "bakery-outlined", "bar-outlined", "beauty-outlined", "beer-outlined", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "bill-management-outlined", "billing-outlined", "body-outlined", "bold", "bolt-outlined", "book-outlined", "bookmark-added-outlined", "bookmark-checked-outlined", "bookmark-outlined", "box-1-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calculator-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", "checkmark", "circle-add-outlined", "circle-cancel-outlined", "circle-down-outlined", "circle-info-outlined", "circle-left-outlined", "circle-ok-outlined", "circle-question-outlined", "circle-remove-outlined", "circle-right-outlined", "circle-up-outlined", "circle-warning-outlined", "clock-2-outlined", "clock-in-outlined", "clock-out-outlined", "clock-outlined", "cog-outlined", "coin-outlined", "coin-super-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cultural-site-outlined", "cup-outlined", "dentistry-outlined", "direction-arrows-outlined", "directory-outlined", "document-outlined", "dollar-box-outlined", "dollar-card-outlined", "dollar-coin-shine-outlined", "dollar-credit-card-outlined", "dollar-sign", "double-buildings-outlined", "double-left-arrows", "double-right-arrows", "download-box-outlined", "download-outlined", "edit-template-outlined", "electronics-outlined", "email-outlined", "end-break-outlined", "enter-arrow", "entertainment-outlined", "envelope-outlined", "evening-outlined", "expense-approval-outlined", "expense-outlined", "explore-outlined", "extension-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "fastfood-outlined", "feed-outlined", "file-certified-outlined", "file-clone-outlined", "file-copy-outlined", "file-dispose-outlined", "file-dollar-certified-outlined", "file-dollar-outlined", "file-download-outlined", "file-export-outlined", "file-lock-outlined", "file-outlined", "file-search-outlined", "file-secured-outlined", "file-statutory-outlined", "file-verified-outlined", "filter-outlined", "fitness-outlined", "folder-outlined", "folder-upload-outlined", "folder-user-outlined", "form-outlined", "funnel-filter-outline", "goal-outlined", "graph-outlined", "grocery-outlined", "hand-holding-user-outlined", "handshake-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "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", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "morning-outlined", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "park-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "propane-tank-outlined", "qr-code-outlined", "qualification-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "restaurant-outlined", "resume-outlined", "return-arrow", "rostering-outlined", "safety-outlined", "save-outlined", "schedule-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined-2", "share-outlined", "shop-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", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "tag-outlined", "target-outlined", "tennis-outlined", "thumb-down-outlined", "ticket-outlined", "timesheet-outlined", "timesheets-outlined", "today-outlined", "transfer", "transportation-outlined", "trash-bin-outlined", "umbrela-outlined", "unavailability-outlined", "unavailable", "underline", "union-outlined", "unlock-outlined", "upload-outlined", "user-circle-outlined", "user-gear-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "volunteer-outlined", "wallet-outlined", "wellness-outlined"];
+declare const IconList: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bolt", "bookmark-added", "bookmark-checked", "bookmark", "box-check", "box", "bpay", "buildings", "cake", "calendar-clock", "calendar", "candy-box-menu", "caret-down-small", "caret-down", "caret-left-small", "caret-left", "caret-right-small", "caret-right", "caret-up-small", "caret-up", "check-radio", "circle-add", "circle-cancel", "circle-check", "circle-down", "circle-info", "circle-left", "circle-ok", "circle-pencil", "circle-question", "circle-remove", "circle-right", "circle-up", "circle-warning", "clock-3", "clock", "cloud-download", "cloud-upload", "cog", "coin", "contacts", "credit-card", "diamond", "direction-arrows", "directory", "document", "dollar-coin-shine", "dot", "double-buildings", "edit-template", "envelope", "exclude", "expand-content", "expense", "explore_nearby", "eye-circle", "eye-invisible", "eye", "face-meh", "face-sad", "face-smiley", "feed", "feedbacks", "file-certified", "file-clone", "file-copy", "file-csv", "file-dispose", "file-doc", "file-excel", "file-export", "file-lock", "file-pdf", "file-powerpoint", "file-search", "file-secured", "file-sheets", "file-slide", "file-verified", "file-word", "file", "filter", "folder-user", "folder", "format-bold", "format-heading1", "format-heading2", "format-italic", "format-list-bulleted", "format-list-numbered", "format-underlined", "funnel-filter", "global-dollar", "globe", "graduation-cap", "graph", "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", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "near-me", "node", "open-folder", "paperclip-vertical", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane-up", "plane", "play-arrow", "play-circle", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rostering", "salary-sacrifice", "save", "schedule-send", "schedule", "search-person", "search", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "surfing", "survey", "swag-pillar-benefit", "swag-pillar-career", "swag-pillar-money", "swag-pillar-work", "swag", "swipe-right", "switch", "tag", "target", "teams", "thumb-down", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "accommodation-outlined", "activate-outlined", "add-credit-card-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "afternoon-outlined", "ai-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "application-outlined", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "at-sign", "auto-graph-outlined", "automotive-outlined", "bakery-outlined", "bar-outlined", "beauty-outlined", "beer-outlined", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "bill-management-outlined", "billing-outlined", "body-outlined", "bold", "bolt-outlined", "book-outlined", "bookmark-added-outlined", "bookmark-checked-outlined", "bookmark-outlined", "box-1-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calculator-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", "checkmark", "circle-add-outlined", "circle-cancel-outlined", "circle-down-outlined", "circle-info-outlined", "circle-left-outlined", "circle-ok-outlined", "circle-question-outlined", "circle-remove-outlined", "circle-right-outlined", "circle-up-outlined", "circle-warning-outlined", "clock-2-outlined", "clock-in-outlined", "clock-out-outlined", "clock-outlined", "cog-outlined", "coin-outlined", "coin-super-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cultural-site-outlined", "cup-outlined", "dentistry-outlined", "direction-arrows-outlined", "directory-outlined", "document-outlined", "dollar-box-outlined", "dollar-card-outlined", "dollar-coin-shine-outlined", "dollar-credit-card-outlined", "dollar-sign", "double-buildings-outlined", "double-left-arrows", "double-right-arrows", "download-box-outlined", "download-outlined", "edit-template-outlined", "electronics-outlined", "email-outlined", "end-break-outlined", "enter-arrow", "entertainment-outlined", "envelope-outlined", "evening-outlined", "expense-approval-outlined", "expense-outlined", "explore-outlined", "extension-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "fastfood-outlined", "feed-outlined", "file-certified-outlined", "file-clone-outlined", "file-copy-outlined", "file-dispose-outlined", "file-dollar-certified-outlined", "file-dollar-outlined", "file-download-outlined", "file-export-outlined", "file-lock-outlined", "file-outlined", "file-search-outlined", "file-secured-outlined", "file-statutory-outlined", "file-verified-outlined", "filter-outlined", "fitness-outlined", "folder-outlined", "folder-upload-outlined", "folder-user-outlined", "form-outlined", "funnel-filter-outline", "goal-outlined", "graph-outlined", "grocery-outlined", "hand-holding-user-outlined", "handshake-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "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", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "morning-outlined", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "park-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "propane-tank-outlined", "qr-code-outlined", "qualification-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "restaurant-outlined", "resume-outlined", "return-arrow", "rostering-outlined", "safety-outlined", "save-outlined", "schedule-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined-2", "share-outlined", "shield-check-outlined", "shop-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", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "tag-outlined", "target-outlined", "tennis-outlined", "thumb-down-outlined", "ticket-outlined", "timesheet-outlined", "timesheets-outlined", "today-outlined", "transfer", "transportation-outlined", "trash-bin-outlined", "umbrela-outlined", "unavailability-outlined", "unavailable", "underline", "union-outlined", "unlock-outlined", "upload-outlined", "user-circle-outlined", "user-gear-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "volunteer-outlined", "wallet-outlined", "wellness-outlined"];
 export default IconList;