@hero-design/rn 8.9.0 → 8.10.0

package/src/components/Carousel/CarouselItem.tsx

@@ -16,7 +16,7 @@ interface CarouselItemProps extends Omit<CarouselData, 'background'> {
 function isCarouselImageProps(
   image: CarouselImageProps | string
 ): image is CarouselImageProps {
-  return typeof image !== 'string';
+  return typeof image === 'object';
 }
 
 const CarouselItem = ({
@@ -37,7 +37,9 @@ const CarouselItem = ({
             resizeMode={image.resizeMode}
           />
         ) : (
-          <StyledCarouselImage source={{ uri: image }} />
+          <StyledCarouselImage
+            source={typeof image === 'string' ? { uri: image } : image}
+          />
         ))}
 
       <StyledCarouselContentWrapper

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

@@ -39,7 +39,7 @@ exports[`Carousel renders basic carousel 1`] = `
             "background": "#ece8ef",
             "body": "Access your Work, Money and Benefits in the palm of your hand.",
             "heading": "Welcome to the new Employment Hero app",
-            "image": "https://picsum.photos/800/1200",
+            "image": 1,
           },
           Object {
             "background": "#ccd2d3",
@@ -58,7 +58,21 @@ exports[`Carousel renders basic carousel 1`] = `
             "background": "#ccd2d3",
             "body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae pulvinar quam, ac facilisis massa. Aliquam facilisis nisi eu justo dignissim, vel tempus justo iaculis.",
             "heading": "Easier to get around",
-            "image": "https://picsum.photos/800/1200",
+            "image": Object {
+              "height": 100,
+              "resizeMode": "cover",
+              "uri": "https://picsum.photos/1200/800",
+              "width": 30,
+            },
+          },
+          Object {
+            "background": "#ccd2d3",
+            "heading": "Test slide 4",
+            "image": Object {
+              "height": 100,
+              "uri": "https://picsum.photos/1200/800",
+              "width": 30,
+            },
           },
         ]
       }
@@ -119,11 +133,7 @@ exports[`Carousel renders basic carousel 1`] = `
             }
           >
             <Image
-              source={
-                Object {
-                  "uri": "https://picsum.photos/800/1200",
-                }
-              }
+              source={1}
               style={
                 Array [
                   Object {
@@ -370,9 +380,14 @@ exports[`Carousel renders basic carousel 1`] = `
             }
           >
             <Image
+              height={100}
+              resizeMode="cover"
               source={
                 Object {
-                  "uri": "https://picsum.photos/800/1200",
+                  "height": 100,
+                  "resizeMode": "cover",
+                  "uri": "https://picsum.photos/1200/800",
+                  "width": 30,
                 }
               }
               style={
@@ -384,14 +399,16 @@ exports[`Carousel renders basic carousel 1`] = `
                   },
                   Array [
                     Object {
-                      "flex": 1,
-                      "resizeMode": "contain",
-                      "width": "100%",
+                      "alignSelf": "center",
+                      "height": 100,
+                      "resizeMode": "cover",
+                      "width": 30,
                     },
                     undefined,
                   ],
                 ]
               }
+              width={30}
             />
             <View
               marginTop="large"
@@ -465,6 +482,108 @@ exports[`Carousel renders basic carousel 1`] = `
             </View>
           </View>
         </View>
+        <View
+          onLayout={[Function]}
+          style={
+            Array [
+              Object {
+                "flexDirection": "row",
+              },
+              null,
+            ]
+          }
+        >
+          <View
+            style={
+              Array [
+                Object {},
+                Object {
+                  "width": 750,
+                },
+              ]
+            }
+          >
+            <Image
+              height={100}
+              source={
+                Object {
+                  "height": 100,
+                  "uri": "https://picsum.photos/1200/800",
+                  "width": 30,
+                }
+              }
+              style={
+                Array [
+                  Object {
+                    "borderRadius": 0,
+                    "height": 72,
+                    "width": 72,
+                  },
+                  Array [
+                    Object {
+                      "alignSelf": "center",
+                      "height": 100,
+                      "resizeMode": "contain",
+                      "width": 30,
+                    },
+                    undefined,
+                  ],
+                ]
+              }
+              width={30}
+            />
+            <View
+              marginTop="large"
+              paddingHorizontal="large"
+              style={
+                Array [
+                  Object {
+                    "marginTop": 24,
+                    "paddingHorizontal": 24,
+                  },
+                  Array [
+                    Object {
+                      "minHeight": 250,
+                      "width": 750,
+                    },
+                    undefined,
+                  ],
+                ]
+              }
+              width={750}
+            >
+              <Text
+                style={
+                  Array [
+                    Object {
+                      "color": "#001f23",
+                      "fontFamily": "BeVietnamPro-Regular",
+                      "fontSize": 14,
+                      "letterSpacing": 0.42,
+                      "lineHeight": 22,
+                    },
+                    Array [
+                      Object {
+                        "fontFamily": "RebondGrotesque-SemiBold",
+                        "fontSize": 32,
+                        "lineHeight": 44,
+                        "marginBottom": 16,
+                        "marginTop": 8,
+                      },
+                      undefined,
+                    ],
+                  ]
+                }
+                themeFontSize="medium"
+                themeFontWeight="regular"
+                themeIntent="body"
+                themeTypeface="neutral"
+              >
+                Test slide 4
+              </Text>
+            </View>
+          </View>
+        </View>
       </View>
     </RCTScrollView>
     <View
@@ -603,6 +722,20 @@ exports[`Carousel renders basic carousel 1`] = `
           }
           testID="page-control-indicator2"
         />
+        <View
+          collapsable={false}
+          style={
+            Object {
+              "backgroundColor": "#401960",
+              "borderRadius": 999,
+              "height": 8,
+              "marginHorizontal": 8,
+              "opacity": 0.5,
+              "width": 8,
+            }
+          }
+          testID="page-control-indicator3"
+        />
       </View>
     </View>
   </View>
@@ -648,7 +781,7 @@ exports[`Carousel should call skip call back when press skip 1`] = `
             "background": "#ece8ef",
             "body": "Access your Work, Money and Benefits in the palm of your hand.",
             "heading": "Welcome to the new Employment Hero app",
-            "image": "https://picsum.photos/800/1200",
+            "image": 1,
           },
           Object {
             "background": "#ccd2d3",
@@ -667,7 +800,21 @@ exports[`Carousel should call skip call back when press skip 1`] = `
             "background": "#ccd2d3",
             "body": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae pulvinar quam, ac facilisis massa. Aliquam facilisis nisi eu justo dignissim, vel tempus justo iaculis.",
             "heading": "Easier to get around",
-            "image": "https://picsum.photos/800/1200",
+            "image": Object {
+              "height": 100,
+              "resizeMode": "cover",
+              "uri": "https://picsum.photos/1200/800",
+              "width": 30,
+            },
+          },
+          Object {
+            "background": "#ccd2d3",
+            "heading": "Test slide 4",
+            "image": Object {
+              "height": 100,
+              "uri": "https://picsum.photos/1200/800",
+              "width": 30,
+            },
           },
         ]
       }
@@ -728,11 +875,7 @@ exports[`Carousel should call skip call back when press skip 1`] = `
             }
           >
             <Image
-              source={
-                Object {
-                  "uri": "https://picsum.photos/800/1200",
-                }
-              }
+              source={1}
               style={
                 Array [
                   Object {
@@ -979,9 +1122,14 @@ exports[`Carousel should call skip call back when press skip 1`] = `
             }
           >
             <Image
+              height={100}
+              resizeMode="cover"
               source={
                 Object {
-                  "uri": "https://picsum.photos/800/1200",
+                  "height": 100,
+                  "resizeMode": "cover",
+                  "uri": "https://picsum.photos/1200/800",
+                  "width": 30,
                 }
               }
               style={
@@ -993,14 +1141,16 @@ exports[`Carousel should call skip call back when press skip 1`] = `
                   },
                   Array [
                     Object {
-                      "flex": 1,
-                      "resizeMode": "contain",
-                      "width": "100%",
+                      "alignSelf": "center",
+                      "height": 100,
+                      "resizeMode": "cover",
+                      "width": 30,
                     },
                     undefined,
                   ],
                 ]
               }
+              width={30}
             />
             <View
               marginTop="large"
@@ -1074,6 +1224,108 @@ exports[`Carousel should call skip call back when press skip 1`] = `
             </View>
           </View>
         </View>
+        <View
+          onLayout={[Function]}
+          style={
+            Array [
+              Object {
+                "flexDirection": "row",
+              },
+              null,
+            ]
+          }
+        >
+          <View
+            style={
+              Array [
+                Object {},
+                Object {
+                  "width": 750,
+                },
+              ]
+            }
+          >
+            <Image
+              height={100}
+              source={
+                Object {
+                  "height": 100,
+                  "uri": "https://picsum.photos/1200/800",
+                  "width": 30,
+                }
+              }
+              style={
+                Array [
+                  Object {
+                    "borderRadius": 0,
+                    "height": 72,
+                    "width": 72,
+                  },
+                  Array [
+                    Object {
+                      "alignSelf": "center",
+                      "height": 100,
+                      "resizeMode": "contain",
+                      "width": 30,
+                    },
+                    undefined,
+                  ],
+                ]
+              }
+              width={30}
+            />
+            <View
+              marginTop="large"
+              paddingHorizontal="large"
+              style={
+                Array [
+                  Object {
+                    "marginTop": 24,
+                    "paddingHorizontal": 24,
+                  },
+                  Array [
+                    Object {
+                      "minHeight": 250,
+                      "width": 750,
+                    },
+                    undefined,
+                  ],
+                ]
+              }
+              width={750}
+            >
+              <Text
+                style={
+                  Array [
+                    Object {
+                      "color": "#001f23",
+                      "fontFamily": "BeVietnamPro-Regular",
+                      "fontSize": 14,
+                      "letterSpacing": 0.42,
+                      "lineHeight": 22,
+                    },
+                    Array [
+                      Object {
+                        "fontFamily": "RebondGrotesque-SemiBold",
+                        "fontSize": 32,
+                        "lineHeight": 44,
+                        "marginBottom": 16,
+                        "marginTop": 8,
+                      },
+                      undefined,
+                    ],
+                  ]
+                }
+                themeFontSize="medium"
+                themeFontWeight="regular"
+                themeIntent="body"
+                themeTypeface="neutral"
+              >
+                Test slide 4
+              </Text>
+            </View>
+          </View>
+        </View>
       </View>
     </RCTScrollView>
     <View
@@ -1212,6 +1464,20 @@ exports[`Carousel should call skip call back when press skip 1`] = `
           }
           testID="page-control-indicator2"
         />
+        <View
+          collapsable={false}
+          style={
+            Object {
+              "backgroundColor": "#401960",
+              "borderRadius": 999,
+              "height": 8,
+              "marginHorizontal": 8,
+              "opacity": 0.5,
+              "width": 8,
+            }
+          }
+          testID="page-control-indicator3"
+        />
       </View>
     </View>
   </View>

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { fireEvent } from '@testing-library/react-native';
-
+import { ImageResizeMode } from 'react-native';
 import renderWithTheme from '../../../testHelpers/renderWithTheme';
 import Carousel from '..';
 import Image from '../../Image';
@@ -9,7 +9,7 @@ import Button from '../../Button/Button';
 
 const carouselData = [
   {
-    image: 'https://picsum.photos/800/1200',
+    image: 1, // Test the case when we import .png files as React Native component, it's convert to ImageRequireSource type (which is a number).
     heading: 'Welcome to the new Employment Hero app',
     body: 'Access your Work, Money and Benefits in the palm of your hand.',
     background: theme.colors.highlightedSurface,
@@ -22,11 +22,25 @@ const carouselData = [
     background: theme.colors.decorativePrimarySurface,
   },
   {
-    image: 'https://picsum.photos/800/1200',
+    image: {
+      uri: 'https://picsum.photos/1200/800',
+      width: 30,
+      height: 100,
+      resizeMode: 'cover' as ImageResizeMode,
+    },
     heading: 'Easier to get around',
     body: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vitae pulvinar quam, ac facilisis massa. Aliquam facilisis nisi eu justo dignissim, vel tempus justo iaculis.',
     background: theme.colors.decorativePrimarySurface,
   },
+  {
+    image: {
+      uri: 'https://picsum.photos/1200/800',
+      width: 30,
+      height: 100,
+    },
+    heading: 'Test slide 4',
+    background: theme.colors.decorativePrimarySurface,
+  },
 ];
 
 describe('Carousel', () => {
@@ -48,11 +62,6 @@ describe('Carousel', () => {
 
     // Slide 1
     expect(queryByText('Welcome to the new Employment Hero app')).toBeTruthy();
-    expect(
-      queryByText(
-        'Access your Work, Money and Benefits in the palm of your hand.'
-      )
-    ).toBeTruthy();
 
     // Slide 2
     expect(queryByText('Same app with a new look!')).toBeTruthy();

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

package/src/components/Icon/IconList.ts

@@ -131,6 +131,7 @@ const IconList = [
   'pencil',
   'phone',
   'piggy-bank',
+  'plane-up',
   'plane',
   'play-circle',
   'print',
@@ -155,6 +156,10 @@ const IconList = [
   'stopwatch',
   'suitcase',
   'survey',
+  'swag-pillar-benefit',
+  'swag-pillar-career',
+  'swag-pillar-money',
+  'swag-pillar-work',
   'swag',
   'switch',
   'tag',
@@ -207,6 +212,7 @@ const IconList = [
   'call-split-outlined',
   'camera-outlined',
   'cancel',
+  'car-forward-outlined',
   'charging-station-outlined',
   'chat-bubble-outlined',
   'chat-unread-outlined',

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", "bookmark-added", "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", "double-buildings", "edit-template", "envelope", "exclude", "expense", "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", "home", "image", "import", "incident-siren", "instapay", "list", "loading-2", "loading", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "node", "open-folder", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane", "play-circle", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rostering", "save", "schedule-send", "schedule", "search-person", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "survey", "swag", "switch", "tag", "target", "teams", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "activate-outlined", "add-credit-card-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "at-sign", "auto-graph-outlined", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "billing-outlined", "body-outlined", "bold", "bookmark-added-outlined", "bookmark-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calendar-dates-outlined", "calendar-star-outlined", "call-split-outlined", "camera-outlined", "cancel", "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-outlined", "cog-outlined", "coin-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cup-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-outlined", "edit-template-outlined", "email-outlined", "enter-arrow", "envelope-outlined", "expense-outlined", "explore-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-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", "folder-outlined", "folder-user-outlined", "funnel-filter-outline", "graph-outlined", "hand-holding-user-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "link-1", "link-2", "list-outlined", "live-help-outlined", "location-on-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "qr-code-outlined", "qualification-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "return-arrow", "rostering-outlined", "save-outlined", "schedule-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined", "show-chart-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "speaker-active-outlined", "speaker-outlined", "star-circle-outlined", "star-outlined", "stopwatch-outlined", "strikethrough", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "target-outlined", "timesheet-outlined", "today-outlined", "transfer", "trash-bin-outlined", "umbrela-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", "wallet-outlined"];
+declare const IconList: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bookmark-added", "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", "double-buildings", "edit-template", "envelope", "exclude", "expense", "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", "home", "image", "import", "incident-siren", "instapay", "list", "loading-2", "loading", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "node", "open-folder", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane-up", "plane", "play-circle", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rostering", "save", "schedule-send", "schedule", "search-person", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "survey", "swag-pillar-benefit", "swag-pillar-career", "swag-pillar-money", "swag-pillar-work", "swag", "switch", "tag", "target", "teams", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "activate-outlined", "add-credit-card-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "at-sign", "auto-graph-outlined", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "billing-outlined", "body-outlined", "bold", "bookmark-added-outlined", "bookmark-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calendar-dates-outlined", "calendar-star-outlined", "call-split-outlined", "camera-outlined", "cancel", "car-forward-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-outlined", "cog-outlined", "coin-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cup-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-outlined", "edit-template-outlined", "email-outlined", "enter-arrow", "envelope-outlined", "expense-outlined", "explore-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-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", "folder-outlined", "folder-user-outlined", "funnel-filter-outline", "graph-outlined", "hand-holding-user-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "link-1", "link-2", "list-outlined", "live-help-outlined", "location-on-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "print-outlined", "qr-code-outlined", "qualification-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "return-arrow", "rostering-outlined", "save-outlined", "schedule-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined", "show-chart-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "speaker-active-outlined", "speaker-outlined", "star-circle-outlined", "star-outlined", "stopwatch-outlined", "strikethrough", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "target-outlined", "timesheet-outlined", "today-outlined", "transfer", "trash-bin-outlined", "umbrela-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", "wallet-outlined"];
 export default IconList;