@hero-design/rn 8.81.3-alpha.0 → 8.82.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.81.3-alpha.0",
+  "version": "8.82.0",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",

package/sonar-project.properties

@@ -4,6 +4,6 @@ sonar.organization=thinkei
 
 sonar.sources=.
 sonar.inclusions=**/*
-sonar.exclusions=**/__tests__/**,**/public/**,**/stats/**,**.config.js
+sonar.exclusions=**/__tests__/**,**/public/**,**/stats/**,**.config.js,**/testUtils/**
 sonar.java.binaries=**/src/main/java
 sonar.javascript.lcov.reportPaths=./coverage/lcov.info

package/src/components/BottomSheet/index.tsx

@@ -115,24 +115,18 @@ const BottomSheet = ({
   const animatedValue = useRef(new Animated.Value(open ? 0 : 1));
   const [internalShowDivider, setInternalShowDivider] =
     useState<boolean>(showDivider);
+  const canCallOnDismiss = useRef(false);
 
   useEffect(() => {
+    // Prevent calling onDismiss when the component has not yet opened
+    if (open && !canCallOnDismiss.current) {
+      canCallOnDismiss.current = true;
+    }
+
     // Show the modal before the open animation start
     if (open && !visible) {
       setVisibility(open);
     }
-
-    // Delay closing the modal until after the closing animation end
-    animatedValue.current.removeAllListeners();
-    animatedValue.current.addListener(({ value }) => {
-      const endValueOfTransition = open ? 1 : 0;
-      if (endValueOfTransition === 0 && value === endValueOfTransition) {
-        setVisibility(false);
-        onDismiss?.();
-      }
-    });
-
-    return () => animatedValue.current.removeAllListeners();
   }, [open]);
 
   // Animation
@@ -143,7 +137,15 @@ const BottomSheet = ({
       useNativeDriver: true,
     });
 
-    animation.start(onAnimationEnd);
+    animation.start(({ finished }) => {
+      if (finished) {
+        if (!open && canCallOnDismiss.current) {
+          setVisibility(false);
+          onDismiss?.();
+        }
+        onAnimationEnd?.();
+      }
+    });
 
     return () => animation.stop();
   }, [open]);

package/src/components/DatePicker/DatePickerAndroid.tsx

@@ -3,10 +3,17 @@ import formatDate from 'date-fns/fp/format';
 import React, { useState } from 'react';
 import { TouchableOpacity, View } from 'react-native';
 
+import { MonthYearPickerDialogueAndroid } from '@hero-design/react-native-month-year-picker';
 import TextInput from '../TextInput';
 import type { DatePickerProps } from './types';
 import useCalculateDate from './useCalculateDate';
 
+type DatePickerAndroidProps = Omit<
+  DatePickerProps,
+  'variant' | 'monthPickerConfirmLabel' | 'monthPickerCancelLabel'
+> & {
+  variant?: 'default' | 'month-year';
+};
 const DatePickerAndroid = ({
   value,
   minDate,
@@ -21,10 +28,8 @@ const DatePickerAndroid = ({
   helpText,
   style,
   testID,
-}: Omit<
-  DatePickerProps,
-  'variant' | 'monthPickerConfirmLabel' | 'monthPickerCancelLabel'
->) => {
+  variant = 'default',
+}: DatePickerAndroidProps) => {
   const [open, setOpen] = useState(false);
   const displayValue = value ? formatDate(displayFormat, value) : '';
   const pickerInitValue = value || new Date();
@@ -47,7 +52,20 @@ const DatePickerAndroid = ({
           testID={testID}
         />
       </View>
-      {open ? (
+      {open && variant === 'month-year' ? (
+        <MonthYearPickerDialogueAndroid
+          value={value}
+          minimumDate={minDate}
+          maximumDate={maxDate}
+          onChange={(action, date) => {
+            setOpen(false);
+            if (action === 'dateSetAction' && !!date) {
+              onChange(date);
+            }
+          }}
+        />
+      ) : null}
+      {open && variant === 'default' ? (
         <DateTimePicker
           testID="datePickerAndroid"
           mode="date"

package/src/components/DatePicker/DatePickerIOS.tsx

@@ -3,6 +3,7 @@ import formatDate from 'date-fns/fp/format';
 import React, { useState } from 'react';
 import { TouchableOpacity, View } from 'react-native';
 
+import { MonthYearPickerViewIOS } from '@hero-design/react-native-month-year-picker';
 import { useTheme } from '../../theme';
 import BottomSheet from '../BottomSheet';
 import Button from '../Button';
@@ -11,6 +12,12 @@ import { StyledPickerWrapper } from './StyledDatePicker';
 import type { DatePickerProps } from './types';
 import useCalculateDate, { getDateValue } from './useCalculateDate';
 
+type DatePickerIOSProps = Omit<
+  DatePickerProps,
+  'variant' | 'monthPickerConfirmLabel' | 'monthPickerCancelLabel'
+> & {
+  variant?: 'default' | 'month-year';
+};
 const DatePickerIOS = ({
   value,
   minDate,
@@ -27,10 +34,8 @@ const DatePickerIOS = ({
   style,
   testID,
   supportedOrientations = ['portrait'],
-}: Omit<
-  DatePickerProps,
-  'variant' | 'monthPickerConfirmLabel' | 'monthPickerCancelLabel'
->) => {
+  variant = 'default',
+}: DatePickerIOSProps) => {
   const [selectingDate, setSelectingDate] = useState<Date>(
     getDateValue(value || new Date(), minDate, maxDate)
   );
@@ -75,21 +80,36 @@ const DatePickerIOS = ({
         supportedOrientations={supportedOrientations}
       >
         <StyledPickerWrapper>
-          <DateTimePicker
-            testID="datePickerIOS"
-            value={selectingDate}
-            minimumDate={minDate}
-            maximumDate={maxDate}
-            mode="date"
-            onChange={(_: any, date: Date | undefined) => {
-              if (date) {
-                setSelectingDate(date);
-              }
-            }}
-            display="spinner"
-            style={{ flex: 1 }}
-            textColor={theme.colors.onDefaultGlobalSurface}
-          />
+          {variant === 'month-year' ? (
+            <MonthYearPickerViewIOS
+              value={value}
+              minimumDate={minDate}
+              maximumDate={maxDate}
+              onChange={(date: Date | undefined) => {
+                if (date) {
+                  setSelectingDate(date);
+                }
+              }}
+              style={{ flex: 1 }}
+            />
+          ) : null}
+          {variant === 'default' ? (
+            <DateTimePicker
+              testID="datePickerIOS"
+              value={selectingDate}
+              minimumDate={minDate}
+              maximumDate={maxDate}
+              mode="date"
+              onChange={(_: any, date: Date | undefined) => {
+                if (date) {
+                  setSelectingDate(date);
+                }
+              }}
+              display="spinner"
+              style={{ flex: 1 }}
+              textColor={theme.colors.onDefaultGlobalSurface}
+            />
+          ) : null}
         </StyledPickerWrapper>
       </BottomSheet>
     </TouchableOpacity>

package/src/components/DatePicker/__tests__/DatePickerAndroid.spec.tsx

@@ -54,4 +54,29 @@ describe('DatePickerAndroid', () => {
 
     expect(getByText('This is help text')).toBeTruthy();
   });
+
+  it('renders month-year picker', () => {
+    const onChangeSpy = jest.fn();
+    const { getByTestId, queryByText, getByText } = renderWithTheme(
+      <DatePickerAndroid
+        value={new Date('December 21, 1995')}
+        variant="month-year"
+        label="Start date"
+        confirmLabel="Confirm"
+        onChange={onChangeSpy}
+        displayFormat="MMMM yyyy"
+      />
+    );
+
+    expect(queryByText('Start date')).toBeDefined();
+    const textInput = getByTestId('text-input');
+    expect(textInput).toHaveProp('value', 'December 1995');
+    fireEvent.press(queryByText('Start date'));
+    expect(queryByText('Android month year picker')).toBeDefined();
+
+    // mock change date
+    fireEvent.press(getByText('Android month year picker'));
+    expect(queryByText('Android month year picker')).toBeNull();
+    expect(onChangeSpy).toBeCalledWith(new Date('2019-09-01'));
+  });
 });

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

@@ -115,4 +115,33 @@ describe('DatePickerIOS', () => {
 
     expect(getByText('This is help text')).toBeTruthy();
   });
+
+  it('renders month-year picker', () => {
+    const onChangeSpy = jest.fn();
+    const { queryByText, getByText, getByTestId, queryByTestId } =
+      renderWithTheme(
+        <DatePickerIOS
+          value={new Date('December 21, 1995')}
+          variant="month-year"
+          label="Start date"
+          confirmLabel="Confirm"
+          onChange={onChangeSpy}
+          displayFormat="MMMM yyyy"
+        />
+      );
+
+    expect(getByText('Start date')).toBeDefined();
+    const textInput = getByTestId('text-input');
+    expect(textInput).toHaveProp('value', 'December 1995');
+    fireEvent.press(getByText('Start date'));
+    expect(getByText('Confirm')).toBeDefined();
+    expect(queryByTestId('datePickerIOS')).toBeFalsy();
+    expect(getByText('IOS month year picker')).toBeDefined();
+
+    // mock change date
+    fireEvent.press(getByText('IOS month year picker'));
+    fireEvent.press(getByText('Confirm'));
+    expect(queryByText('iOS month year picker')).toBeNull();
+    expect(onChangeSpy).toBeCalledWith(new Date('2019-09-01'));
+  });
 });

package/src/components/DatePicker/index.tsx

@@ -10,10 +10,10 @@ const DatePicker = ({ variant = 'default', ...props }: DatePickerProps) => {
     return <DatePickerCalendar {...props} />;
   }
   if (Platform.OS === 'ios') {
-    return <DatePickerIOS {...props} />;
+    return <DatePickerIOS {...props} variant={variant} />;
   }
 
-  return <DatePickerAndroid {...props} />;
+  return <DatePickerAndroid {...props} variant={variant} />;
 };
 
 export default DatePicker;

package/src/components/DatePicker/types.ts

@@ -13,8 +13,9 @@ export interface DatePickerProps {
    * Datepicker variants.
    *  - default: is default UI of Android or iOS
    *  - calendar: calendar UI
+   *  - month-year: month and year UI
    */
-  variant?: 'default' | 'calendar';
+  variant?: 'default' | 'calendar' | 'month-year';
   /**
    * Mininum date. Restrict the range of possible date values.
    */

package/src/components/Icon/HeroIcon/glyphMap.json

@@ -1 +1 @@
-{"activate":59000,"add-emoji":59001,"add-person":59002,"adjustment":59003,"alignment":59004,"antenna":59005,"archive":59006,"assignment-warning":59007,"bank":59008,"bell":59009,"billing":59010,"bolt":59011,"bookmark-added":59012,"bookmark":59013,"box-check":59014,"box":59015,"bpay":59016,"buildings":59017,"cake":59018,"calendar-clock":59019,"calendar":59020,"candy-box-menu":59021,"caret-down-small":59022,"caret-down":59023,"caret-left-small":59024,"caret-left":59025,"caret-right-small":59026,"caret-right":59027,"caret-up-small":59028,"caret-up":59029,"check-radio":59030,"circle-add":59031,"circle-cancel":59032,"circle-check":59033,"circle-down":59034,"circle-info":59035,"circle-left":59036,"circle-ok":59037,"circle-pencil":59038,"circle-question":59039,"circle-remove":59040,"circle-right":59041,"circle-up":59042,"circle-warning":59043,"clock-3":59044,"clock":59045,"cloud-download":59046,"cloud-upload":59047,"cog":59048,"coin":59049,"contacts":59050,"credit-card":59051,"diamond":59052,"direction-arrows":59053,"directory":59054,"document":59055,"dollar-coin-shine":59056,"dot":59057,"double-buildings":59058,"edit-template":59059,"envelope":59060,"exclude":59061,"expand-content":59062,"expense":59063,"explore_nearby":59064,"eye-circle":59065,"eye-invisible":59066,"eye":59067,"face-meh":59068,"face-sad":59069,"face-smiley":59070,"feed":59071,"feedbacks":59072,"file-certified":59073,"file-clone":59074,"file-copy":59075,"file-csv":59076,"file-dispose":59077,"file-doc":59078,"file-excel":59079,"file-export":59080,"file-lock":59081,"file-pdf":59082,"file-powerpoint":59083,"file-search":59084,"file-secured":59085,"file-sheets":59086,"file-slide":59087,"file-verified":59088,"file-word":59089,"file":59090,"filter":59091,"folder-user":59092,"folder":59093,"format-bold":59094,"format-heading1":59095,"format-heading2":59096,"format-italic":59097,"format-list-bulleted":59098,"format-list-numbered":59099,"format-underlined":59100,"funnel-filter":59101,"global-dollar":59102,"globe":59103,"graduation-cap":59104,"graph":59105,"happy-sun":59106,"health-bag":59107,"heart":59108,"hero-points":59109,"home":59110,"image":59111,"import":59112,"incident-siren":59113,"instapay-daily":59114,"instapay-now":59115,"instapay":59116,"list":59117,"loading-2":59118,"loading":59119,"location-on":59120,"location":59121,"lock":59122,"looks-one":59123,"looks-two":59124,"media-content":59125,"menu":59126,"money-notes":59127,"moneybag":59128,"moon":59129,"multiple-stars":59130,"multiple-users":59131,"near-me":59132,"node":59133,"open-folder":59134,"paperclip":59135,"payment-summary":59136,"pencil":59137,"phone":59138,"piggy-bank":59139,"plane-up":59140,"plane":59141,"play-arrow":59142,"play-circle":59143,"print":59144,"raising-hands":59145,"reply-arrow":59146,"reply":59147,"reschedule":59148,"rostering":59149,"salary-sacrifice":59150,"save":59151,"schedule-send":59152,"schedule":59153,"search-person":59154,"send":59155,"speaker-active":59156,"speaker":59157,"star-award":59158,"star-badge":59159,"star-circle":59160,"star-medal":59161,"star":59162,"steps-circle":59163,"stopwatch":59164,"suitcase":59165,"surfing":59166,"survey":59167,"swag-pillar-benefit":59168,"swag-pillar-career":59169,"swag-pillar-money":59170,"swag-pillar-work":59171,"swag":59172,"swipe-right":59173,"switch":59174,"tag":59175,"target":59176,"teams":59177,"thumb-down":59178,"timesheet":59179,"touch-id":59180,"trash-bin":59181,"unlock":59182,"user":59183,"video-1":59184,"video-2":59185,"wallet":59186,"warning":59187,"activate-outlined":59188,"add-credit-card-outlined":59189,"add-person-outlined":59190,"add-section-outlined":59191,"add-time-outlined":59192,"add":59193,"adjustment-outlined":59194,"afternoon-outlined":59195,"ai-outlined":59196,"alignment-2-outlined":59197,"alignment-outlined":59198,"all-caps":59199,"application-outlined":59200,"arrow-down":59201,"arrow-downwards":59202,"arrow-left":59203,"arrow-leftwards":59204,"arrow-right":59205,"arrow-rightwards":59206,"arrow-up":59207,"arrow-upwards":59208,"article-outlined":59209,"at-sign":59210,"auto-graph-outlined":59211,"beer-outlined":59212,"bell-active-outlined":59213,"bell-outlined":59214,"bell-slash-outlined":59215,"bill-management-outlined":59216,"billing-outlined":59217,"body-outlined":59218,"bold":59219,"bolt-outlined":59220,"book-outlined":59221,"bookmark-added-outlined":59222,"bookmark-outlined":59223,"box-1-outlined":59224,"box-check-outlined":59225,"box-outlined":59226,"bullet-points":59227,"cake-outlined":59228,"calendar-dates-outlined":59229,"calendar-star-outlined":59230,"call-outlined":59231,"call-split-outlined":59232,"camera-outlined":59233,"cancel":59234,"car-forward-outlined":59235,"cashback-outlined":59236,"charging-station-outlined":59237,"chat-bubble-outlined":59238,"chat-unread-outlined":59239,"checkmark":59240,"circle-add-outlined":59241,"circle-cancel-outlined":59242,"circle-down-outlined":59243,"circle-info-outlined":59244,"circle-left-outlined":59245,"circle-ok-outlined":59246,"circle-question-outlined":59247,"circle-remove-outlined":59248,"circle-right-outlined":59249,"circle-up-outlined":59250,"circle-warning-outlined":59251,"clock-2-outlined":59252,"clock-in-outlined":59253,"clock-out-outlined":59254,"clock-outlined":59255,"cog-outlined":59256,"coin-outlined":59257,"coin-super-outlined":59258,"comment-outlined":59259,"contacts-outlined":59260,"contacts-user-outlined":59261,"credit-card-outlined":59262,"cup-outlined":59263,"dentistry-outlined":59264,"direction-arrows-outlined":59265,"directory-outlined":59266,"document-outlined":59267,"dollar-box-outlined":59268,"dollar-card-outlined":59269,"dollar-coin-shine-outlined":59270,"dollar-credit-card-outlined":59271,"dollar-sign":59272,"double-buildings-outlined":59273,"double-left-arrows":59274,"double-right-arrows":59275,"download-box-outlined":59276,"download-outlined":59277,"edit-template-outlined":59278,"email-outlined":59279,"end-break-outlined":59280,"enter-arrow":59281,"envelope-outlined":59282,"evening-outlined":59283,"expense-approval-outlined":59284,"expense-outlined":59285,"explore-outlined":59286,"extension-outlined":59287,"external-link":59288,"eye-invisible-outlined":59289,"eye-outlined":59290,"face-id":59291,"face-meh-outlined":59292,"face-open-smiley-outlined":59293,"face-sad-outlined":59294,"face-smiley-outlined":59295,"fastfood-outlined":59296,"feed-outlined":59297,"file-certified-outlined":59298,"file-clone-outlined":59299,"file-copy-outlined":59300,"file-dispose-outlined":59301,"file-dollar-certified-outlined":59302,"file-dollar-outlined":59303,"file-download-outlined":59304,"file-export-outlined":59305,"file-lock-outlined":59306,"file-outlined":59307,"file-search-outlined":59308,"file-secured-outlined":59309,"file-statutory-outlined":59310,"file-verified-outlined":59311,"filter-outlined":59312,"folder-outlined":59313,"folder-upload-outlined":59314,"folder-user-outlined":59315,"form-outlined":59316,"funnel-filter-outline":59317,"goal-outlined":59318,"graph-outlined":59319,"hand-holding-user-outlined":59320,"handshake-outlined":59321,"happy-sun-outlined":59322,"health-bag-outlined":59323,"heart-outlined":59324,"home-active-outlined":59325,"home-outlined":59326,"id-card-outlined":59327,"image-outlined":59328,"import-outlined":59329,"instapay-outlined":59330,"italic":59331,"job-search-outlined":59332,"leave-approval-outlined":59333,"link-1":59334,"link-2":59335,"list-outlined":59336,"live-help-outlined":59337,"local_mall_outlined":59338,"location-on-outlined":59339,"location-outlined":59340,"lock-outlined":59341,"locked-file-outlined":59342,"log-out":59343,"mail-outlined":59344,"map-outlined":59345,"media-content-outlined":59346,"menu-close":59347,"menu-expand":59348,"menu-fold-outlined":59349,"menu-unfold-outlined":59350,"moneybag-outlined":59351,"moon-outlined":59352,"more-horizontal":59353,"more-vertical":59354,"morning-outlined":59355,"multiple-folders-outlined":59356,"multiple-users-outlined":59357,"near-me-outlined":59358,"node-outlined":59359,"number-points":59360,"number":59361,"overview-outlined":59362,"payment-summary-outlined":59363,"payslip-outlined":59364,"pencil-outlined":59365,"percentage":59366,"phone-outlined":59367,"piggy-bank-outlined":59368,"plane-outlined":59369,"play-circle-outlined":59370,"print-outlined":59371,"propane-tank-outlined":59372,"qr-code-outlined":59373,"qualification-outlined":59374,"re-assign":59375,"redeem":59376,"refresh":59377,"remove":59378,"reply-outlined":59379,"restart":59380,"resume-outlined":59381,"return-arrow":59382,"rostering-outlined":59383,"safety-outlined":59384,"save-outlined":59385,"schedule-outlined":59386,"search-outlined":59387,"search-secured-outlined":59388,"send-outlined":59389,"share-1":59390,"share-2":59391,"share-outlined-2":59392,"share-outlined":59393,"shopping_basket_outlined":59394,"show-chart-outlined":59395,"single-down-arrow":59396,"single-left-arrow":59397,"single-right-arrow":59398,"single-up-arrow":59399,"smart-match-outlined":59400,"sparkle-outlined":59401,"speaker-active-outlined":59402,"speaker-outlined":59403,"star-circle-outlined":59404,"star-outlined":59405,"start-break-outlined":59406,"stash-outlined":59407,"stopwatch-outlined":59408,"strikethrough":59409,"styler-outlined":59410,"suitcase-clock-outlined":59411,"suitcase-outlined":59412,"survey-outlined":59413,"switch-outlined":59414,"sync":59415,"tag-outlined":59416,"target-outlined":59417,"tennis-outlined":59418,"thumb-down-outlined":59419,"ticket-outlined":59420,"timesheet-outlined":59421,"timesheets-outlined":59422,"today-outlined":59423,"transfer":59424,"trash-bin-outlined":59425,"umbrela-outlined":59426,"unavailability-outlined":59427,"unavailable":59428,"underline":59429,"union-outlined":59430,"unlock-outlined":59431,"upload-outlined":59432,"user-circle-outlined":59433,"user-gear-outlined":59434,"user-outlined":59435,"user-rectangle-outlined":59436,"video-1-outlined":59437,"video-2-outlined":59438,"volunteer-outlined":59439,"wallet-outlined":59440,"wellness-outlined":59441}
+{"activate":59000,"add-emoji":59001,"add-person":59002,"adjustment":59003,"alignment":59004,"antenna":59005,"archive":59006,"assignment-warning":59007,"bank":59008,"bell":59009,"billing":59010,"bolt":59011,"bookmark-added":59012,"bookmark":59013,"box-check":59014,"box":59015,"bpay":59016,"buildings":59017,"cake":59018,"calendar-clock":59019,"calendar":59020,"candy-box-menu":59021,"caret-down-small":59022,"caret-down":59023,"caret-left-small":59024,"caret-left":59025,"caret-right-small":59026,"caret-right":59027,"caret-up-small":59028,"caret-up":59029,"check-radio":59030,"circle-add":59031,"circle-cancel":59032,"circle-check":59033,"circle-down":59034,"circle-info":59035,"circle-left":59036,"circle-ok":59037,"circle-pencil":59038,"circle-question":59039,"circle-remove":59040,"circle-right":59041,"circle-up":59042,"circle-warning":59043,"clock-3":59044,"clock":59045,"cloud-download":59046,"cloud-upload":59047,"cog":59048,"coin":59049,"contacts":59050,"credit-card":59051,"diamond":59052,"direction-arrows":59053,"directory":59054,"document":59055,"dollar-coin-shine":59056,"dot":59057,"double-buildings":59058,"edit-template":59059,"envelope":59060,"exclude":59061,"expand-content":59062,"expense":59063,"explore_nearby":59064,"eye-circle":59065,"eye-invisible":59066,"eye":59067,"face-meh":59068,"face-sad":59069,"face-smiley":59070,"feed":59071,"feedbacks":59072,"file-certified":59073,"file-clone":59074,"file-copy":59075,"file-csv":59076,"file-dispose":59077,"file-doc":59078,"file-excel":59079,"file-export":59080,"file-lock":59081,"file-pdf":59082,"file-powerpoint":59083,"file-search":59084,"file-secured":59085,"file-sheets":59086,"file-slide":59087,"file-verified":59088,"file-word":59089,"file":59090,"filter":59091,"folder-user":59092,"folder":59093,"format-bold":59094,"format-heading1":59095,"format-heading2":59096,"format-italic":59097,"format-list-bulleted":59098,"format-list-numbered":59099,"format-underlined":59100,"funnel-filter":59101,"global-dollar":59102,"globe":59103,"graduation-cap":59104,"graph":59105,"happy-sun":59106,"health-bag":59107,"heart":59108,"hero-points":59109,"home":59110,"image":59111,"import":59112,"incident-siren":59113,"instapay-daily":59114,"instapay-now":59115,"instapay":59116,"list":59117,"loading-2":59118,"loading":59119,"location-on":59120,"location":59121,"lock":59122,"looks-one":59123,"looks-two":59124,"media-content":59125,"menu":59126,"money-notes":59127,"moneybag":59128,"moon":59129,"multiple-stars":59130,"multiple-users":59131,"near-me":59132,"node":59133,"open-folder":59134,"paperclip":59135,"payment-summary":59136,"pencil":59137,"phone":59138,"piggy-bank":59139,"plane-up":59140,"plane":59141,"play-arrow":59142,"play-circle":59143,"print":59144,"raising-hands":59145,"reply-arrow":59146,"reply":59147,"reschedule":59148,"rostering":59149,"salary-sacrifice":59150,"save":59151,"schedule-send":59152,"schedule":59153,"search-person":59154,"send":59155,"speaker-active":59156,"speaker":59157,"star-award":59158,"star-badge":59159,"star-circle":59160,"star-medal":59161,"star":59162,"steps-circle":59163,"stopwatch":59164,"suitcase":59165,"surfing":59166,"survey":59167,"swag-pillar-benefit":59168,"swag-pillar-career":59169,"swag-pillar-money":59170,"swag-pillar-work":59171,"swag":59172,"swipe-right":59173,"switch":59174,"tag":59175,"target":59176,"teams":59177,"thumb-down":59178,"timesheet":59179,"touch-id":59180,"trash-bin":59181,"unlock":59182,"user":59183,"video-1":59184,"video-2":59185,"wallet":59186,"warning":59187,"accommodation-outlined":59188,"activate-outlined":59189,"add-credit-card-outlined":59190,"add-person-outlined":59191,"add-section-outlined":59192,"add-time-outlined":59193,"add":59194,"adjustment-outlined":59195,"afternoon-outlined":59196,"ai-outlined":59197,"alignment-2-outlined":59198,"alignment-outlined":59199,"all-caps":59200,"application-outlined":59201,"arrow-down":59202,"arrow-downwards":59203,"arrow-left":59204,"arrow-leftwards":59205,"arrow-right":59206,"arrow-rightwards":59207,"arrow-up":59208,"arrow-upwards":59209,"article-outlined":59210,"at-sign":59211,"auto-graph-outlined":59212,"automotive-outlined":59213,"bakery-outlined":59214,"bar-outlined":59215,"beauty-outlined":59216,"beer-outlined":59217,"bell-active-outlined":59218,"bell-outlined":59219,"bell-slash-outlined":59220,"bill-management-outlined":59221,"billing-outlined":59222,"body-outlined":59223,"bold":59224,"bolt-outlined":59225,"book-outlined":59226,"bookmark-added-outlined":59227,"bookmark-outlined":59228,"box-1-outlined":59229,"box-check-outlined":59230,"box-outlined":59231,"bullet-points":59232,"cake-outlined":59233,"calendar-dates-outlined":59234,"calendar-star-outlined":59235,"call-outlined":59236,"call-split-outlined":59237,"camera-outlined":59238,"cancel":59239,"car-forward-outlined":59240,"cashback-outlined":59241,"charging-station-outlined":59242,"chat-bubble-outlined":59243,"chat-unread-outlined":59244,"checkmark":59245,"circle-add-outlined":59246,"circle-cancel-outlined":59247,"circle-down-outlined":59248,"circle-info-outlined":59249,"circle-left-outlined":59250,"circle-ok-outlined":59251,"circle-question-outlined":59252,"circle-remove-outlined":59253,"circle-right-outlined":59254,"circle-up-outlined":59255,"circle-warning-outlined":59256,"clock-2-outlined":59257,"clock-in-outlined":59258,"clock-out-outlined":59259,"clock-outlined":59260,"cog-outlined":59261,"coin-outlined":59262,"coin-super-outlined":59263,"comment-outlined":59264,"contacts-outlined":59265,"contacts-user-outlined":59266,"credit-card-outlined":59267,"cultural-site-outlined":59268,"cup-outlined":59269,"dentistry-outlined":59270,"direction-arrows-outlined":59271,"directory-outlined":59272,"document-outlined":59273,"dollar-box-outlined":59274,"dollar-card-outlined":59275,"dollar-coin-shine-outlined":59276,"dollar-credit-card-outlined":59277,"dollar-sign":59278,"double-buildings-outlined":59279,"double-left-arrows":59280,"double-right-arrows":59281,"download-box-outlined":59282,"download-outlined":59283,"edit-template-outlined":59284,"electronics-outlined":59285,"email-outlined":59286,"end-break-outlined":59287,"enter-arrow":59288,"entertainment-outlined":59289,"envelope-outlined":59290,"evening-outlined":59291,"expense-approval-outlined":59292,"expense-outlined":59293,"explore-outlined":59294,"extension-outlined":59295,"external-link":59296,"eye-invisible-outlined":59297,"eye-outlined":59298,"face-id":59299,"face-meh-outlined":59300,"face-open-smiley-outlined":59301,"face-sad-outlined":59302,"face-smiley-outlined":59303,"fastfood-outlined":59304,"feed-outlined":59305,"file-certified-outlined":59306,"file-clone-outlined":59307,"file-copy-outlined":59308,"file-dispose-outlined":59309,"file-dollar-certified-outlined":59310,"file-dollar-outlined":59311,"file-download-outlined":59312,"file-export-outlined":59313,"file-lock-outlined":59314,"file-outlined":59315,"file-search-outlined":59316,"file-secured-outlined":59317,"file-statutory-outlined":59318,"file-verified-outlined":59319,"filter-outlined":59320,"fitness-outlined":59321,"folder-outlined":59322,"folder-upload-outlined":59323,"folder-user-outlined":59324,"form-outlined":59325,"funnel-filter-outline":59326,"goal-outlined":59327,"graph-outlined":59328,"grocery-outlined":59329,"hand-holding-user-outlined":59330,"handshake-outlined":59331,"happy-sun-outlined":59332,"health-bag-outlined":59333,"heart-outlined":59334,"home-active-outlined":59335,"home-outlined":59336,"id-card-outlined":59337,"image-outlined":59338,"import-outlined":59339,"instapay-outlined":59340,"italic":59341,"job-search-outlined":59342,"leave-approval-outlined":59343,"link-1":59344,"link-2":59345,"list-outlined":59346,"live-help-outlined":59347,"local_mall_outlined":59348,"location-on-outlined":59349,"location-outlined":59350,"lock-outlined":59351,"locked-file-outlined":59352,"log-out":59353,"mail-outlined":59354,"map-outlined":59355,"media-content-outlined":59356,"menu-close":59357,"menu-expand":59358,"menu-fold-outlined":59359,"menu-unfold-outlined":59360,"moneybag-outlined":59361,"moon-outlined":59362,"more-horizontal":59363,"more-vertical":59364,"morning-outlined":59365,"multiple-folders-outlined":59366,"multiple-users-outlined":59367,"near-me-outlined":59368,"node-outlined":59369,"number-points":59370,"number":59371,"overview-outlined":59372,"park-outlined":59373,"payment-summary-outlined":59374,"payslip-outlined":59375,"pencil-outlined":59376,"percentage":59377,"phone-outlined":59378,"piggy-bank-outlined":59379,"plane-outlined":59380,"play-circle-outlined":59381,"print-outlined":59382,"propane-tank-outlined":59383,"qr-code-outlined":59384,"qualification-outlined":59385,"re-assign":59386,"redeem":59387,"refresh":59388,"remove":59389,"reply-outlined":59390,"restart":59391,"restaurant-outlined":59392,"resume-outlined":59393,"return-arrow":59394,"rostering-outlined":59395,"safety-outlined":59396,"save-outlined":59397,"schedule-outlined":59398,"search-outlined":59399,"search-secured-outlined":59400,"send-outlined":59401,"share-1":59402,"share-2":59403,"share-outlined-2":59404,"share-outlined":59405,"shop-outlined":59406,"shopping_basket_outlined":59407,"show-chart-outlined":59408,"single-down-arrow":59409,"single-left-arrow":59410,"single-right-arrow":59411,"single-up-arrow":59412,"smart-match-outlined":59413,"sparkle-outlined":59414,"speaker-active-outlined":59415,"speaker-outlined":59416,"star-circle-outlined":59417,"star-outlined":59418,"start-break-outlined":59419,"stash-outlined":59420,"stopwatch-outlined":59421,"strikethrough":59422,"styler-outlined":59423,"suitcase-clock-outlined":59424,"suitcase-outlined":59425,"survey-outlined":59426,"switch-outlined":59427,"sync":59428,"tag-outlined":59429,"target-outlined":59430,"tennis-outlined":59431,"thumb-down-outlined":59432,"ticket-outlined":59433,"timesheet-outlined":59434,"timesheets-outlined":59435,"today-outlined":59436,"transfer":59437,"transportation-outlined":59438,"trash-bin-outlined":59439,"umbrela-outlined":59440,"unavailability-outlined":59441,"unavailable":59442,"underline":59443,"union-outlined":59444,"unlock-outlined":59445,"upload-outlined":59446,"user-circle-outlined":59447,"user-gear-outlined":59448,"user-outlined":59449,"user-rectangle-outlined":59450,"video-1-outlined":59451,"video-2-outlined":59452,"volunteer-outlined":59453,"wallet-outlined":59454,"wellness-outlined":59455}

package/src/components/Icon/IconList.ts

@@ -188,6 +188,7 @@ const IconList = [
   'video-2',
   'wallet',
   'warning',
+  'accommodation-outlined',
   'activate-outlined',
   'add-credit-card-outlined',
   'add-person-outlined',
@@ -212,6 +213,10 @@ const IconList = [
   'article-outlined',
   'at-sign',
   'auto-graph-outlined',
+  'automotive-outlined',
+  'bakery-outlined',
+  'bar-outlined',
+  'beauty-outlined',
   'beer-outlined',
   'bell-active-outlined',
   'bell-outlined',
@@ -263,6 +268,7 @@ const IconList = [
   'contacts-outlined',
   'contacts-user-outlined',
   'credit-card-outlined',
+  'cultural-site-outlined',
   'cup-outlined',
   'dentistry-outlined',
   'direction-arrows-outlined',
@@ -279,9 +285,11 @@ const IconList = [
   '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',
@@ -313,6 +321,7 @@ const IconList = [
   'file-statutory-outlined',
   'file-verified-outlined',
   'filter-outlined',
+  'fitness-outlined',
   'folder-outlined',
   'folder-upload-outlined',
   'folder-user-outlined',
@@ -320,6 +329,7 @@ const IconList = [
   'funnel-filter-outline',
   'goal-outlined',
   'graph-outlined',
+  'grocery-outlined',
   'hand-holding-user-outlined',
   'handshake-outlined',
   'happy-sun-outlined',
@@ -363,6 +373,7 @@ const IconList = [
   'number-points',
   'number',
   'overview-outlined',
+  'park-outlined',
   'payment-summary-outlined',
   'payslip-outlined',
   'pencil-outlined',
@@ -381,6 +392,7 @@ const IconList = [
   'remove',
   'reply-outlined',
   'restart',
+  'restaurant-outlined',
   'resume-outlined',
   'return-arrow',
   'rostering-outlined',
@@ -394,6 +406,7 @@ const IconList = [
   'share-2',
   'share-outlined-2',
   'share-outlined',
+  'shop-outlined',
   'shopping_basket_outlined',
   'show-chart-outlined',
   'single-down-arrow',
@@ -425,6 +438,7 @@ const IconList = [
   'timesheets-outlined',
   'today-outlined',
   'transfer',
+  'transportation-outlined',
   'trash-bin-outlined',
   'umbrela-outlined',
   'unavailability-outlined',