@hero-design/rn 8.8.1 → 8.9.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.8.1",
+  "version": "8.9.1",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "8.8.1",
+    "@hero-design/colors": "8.9.1",
     "date-fns": "^2.16.1",
     "events": "^3.2.0",
     "hero-editor": "^1.9.21"
@@ -33,9 +33,9 @@
     "react-native": "0.69.7",
     "react-native-gesture-handler": "^1.10.3 | ~2.1.0",
     "react-native-pager-view": "^5.4.25",
-    "react-native-safe-area-context": "^4.2.5",
+    "react-native-safe-area-context": "^3.0.2",
     "react-native-vector-icons": "^9.1.0",
-    "react-native-webview": "^11.15.0"
+    "react-native-webview": "^11.2.5"
   },
   "devDependencies": {
     "@babel/core": "^7.17.5",
@@ -44,7 +44,7 @@
     "@babel/preset-typescript": "^7.17.12",
     "@babel/runtime": "^7.18.9",
     "@emotion/jest": "^11.9.3",
-    "@hero-design/eslint-plugin": "8.8.1",
+    "@hero-design/eslint-plugin": "8.9.1",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/slider": "4.1.12",
     "@rollup/plugin-babel": "^5.3.1",
@@ -60,16 +60,16 @@
     "@types/react-native": "^0.67.7",
     "@types/react-native-vector-icons": "^6.4.10",
     "babel-plugin-inline-import": "^3.0.0",
-    "eslint-config-hd": "8.8.1",
+    "eslint-config-hd": "8.9.1",
     "jest": "^27.3.1",
-    "prettier-config-hd": "8.8.1",
+    "prettier-config-hd": "8.9.1",
     "react": "18.0.0",
     "react-native": "0.69.7",
     "react-native-gesture-handler": "~2.1.0",
     "react-native-pager-view": "^5.4.25",
-    "react-native-safe-area-context": "^4.2.5",
+    "react-native-safe-area-context": "^3.0.2",
     "react-native-vector-icons": "^9.1.0",
-    "react-native-webview": "^11.15.0",
+    "react-native-webview": "^11.2.5",
     "react-test-renderer": "18.0.0",
     "rollup": "^2.68.0",
     "rollup-plugin-copy": "^3.4.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/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap

@@ -32,7 +32,7 @@ exports[`DatePickerAndroid renders correctly 1`] = `
       style={
         Array [
           Object {
-            "marginVertical": 8,
+            "marginTop": 8,
             "width": "100%",
           },
           undefined,
@@ -180,6 +180,7 @@ exports[`DatePickerAndroid renders correctly 1`] = `
         style={
           Array [
             Object {
+              "minHeight": 16,
               "paddingLeft": 16,
             },
             undefined,

package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap

@@ -32,7 +32,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
       style={
         Array [
           Object {
-            "marginVertical": 8,
+            "marginTop": 8,
             "width": "100%",
           },
           undefined,
@@ -180,6 +180,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
         style={
           Array [
             Object {
+              "minHeight": 16,
               "paddingLeft": 16,
             },
             undefined,

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

package/src/components/Icon/IconList.ts

@@ -59,6 +59,7 @@ const IconList = [
   'double-buildings',
   'edit-template',
   'envelope',
+  'exclude',
   'expense',
   'eye-circle',
   'eye-invisible',
@@ -363,6 +364,7 @@ const IconList = [
   'umbrela-outlined',
   'unavailable',
   'underline',
+  'union-outlined',
   'unlock-outlined',
   'upload-outlined',
   'user-circle-outlined',