@hero-design/rn 8.52.2-rc2.0 → 8.54.0

package/src/components/Divider/__tests__/__snapshots__/StyledDivider.spec.tsx.snap

@@ -24,6 +24,7 @@ exports[`Divider has large marginHorizontal style 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -68,6 +69,7 @@ exports[`Divider has large marginVertical style 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -112,6 +114,7 @@ exports[`Divider has medium marginHorizontal style 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -156,6 +159,7 @@ exports[`Divider has medium marginVertical style 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -200,6 +204,7 @@ exports[`Divider has small marginHorizontal style 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -244,6 +249,7 @@ exports[`Divider has small marginVertical style 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -286,6 +292,7 @@ exports[`Divider has undefined marginHorizontal style 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -328,6 +335,7 @@ exports[`Divider has undefined marginVertical style 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -372,6 +380,7 @@ exports[`Divider has xlarge marginHorizontal style 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -416,6 +425,7 @@ exports[`Divider has xlarge marginVertical style 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -460,6 +470,7 @@ exports[`Divider has xsmall marginHorizontal style 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -504,6 +515,7 @@ exports[`Divider has xsmall marginVertical style 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/Drawer/DragableDrawer/__tests__/__snapshots__/index.spec.tsx.snap

@@ -104,6 +104,7 @@ exports[`DragableDrawer renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/Drawer/DragableDrawer/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef, useState } from 'react';
-import { Animated, PanResponder, Easing } from 'react-native';
+import { Animated, PanResponder, Easing, Platform } from 'react-native';
 
 import type { ReactNode } from 'react';
 import {
@@ -107,7 +107,7 @@ const DragableDrawer = ({
     if (animatedToValue >= 0) {
       const animation = Animated.timing(pan, {
         toValue: animatedToValue,
-        useNativeDriver: true,
+        useNativeDriver: Platform.OS !== 'web',
         easing: Easing.inOut(Easing.cubic),
       });
 

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

@@ -103,6 +103,7 @@ exports[`Drawer renders correctly in invisible state 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -226,6 +227,7 @@ exports[`Drawer renders correctly in visible state 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -349,6 +351,7 @@ exports[`Drawer renders correctly with no backdrop 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

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

@@ -80,6 +80,7 @@ exports[`Empty renders empty state content correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -195,6 +196,7 @@ exports[`Empty renders empty state with image correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

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

@@ -125,6 +125,7 @@ exports[`Error renders error screen with custom image element correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -278,6 +279,7 @@ exports[`Error renders error screen with image correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -464,6 +466,7 @@ exports[`Error renders full screen error page correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -578,6 +581,7 @@ exports[`Error renders title only correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/Error/index.tsx

@@ -7,10 +7,9 @@ import React, {
 } from 'react';
 import type {
   ImageSourcePropType,
-  ImageProps as RNImageProps,
   ViewProps,
+  ImageProps as RNImageProps,
 } from 'react-native';
-import { ImageProps } from '../Image/index';
 import {
   ErrorVariant,
   StyledErrorButtonContainer,
@@ -24,8 +23,16 @@ import {
   StyledErrorModal,
   StyledErrorTitle,
 } from './StyledError';
+import { useDeprecation } from '../../utils/hooks';
+import { ImageProps } from '../Image/index';
 
 interface ErrorProps extends ViewProps {
+  /**
+   * @deprecated use conditional rendering instead
+   *
+   * Visibility of the error
+   */
+  visible?: boolean;
   /**
    * Variant of the error
    */
@@ -153,6 +160,7 @@ const ErrorPage = ({
  * @return {*}  {ReactElement}
  */
 const Error = ({
+  visible = true,
   variant = 'in-page',
   title,
   description,
@@ -164,7 +172,12 @@ const Error = ({
   onSecondaryCtaPress,
   ...nativeProps
 }: ErrorProps): ReactElement => {
-  const [isVisible, setIsVisible] = useState(true);
+  useDeprecation(
+    `Visible prop is deprecated. Use conditional rendering instead`,
+    visible
+  );
+
+  const [isVisible, setIsVisible] = useState(visible);
   const [ctaPressed, setCtaPressed] = useState<onCloseCallbackType>(null);
 
   const onCloseModal = useCallback(() => {
@@ -177,6 +190,10 @@ const Error = ({
     setCtaPressed(null);
   }, [ctaPressed, onCtaPress, onSecondaryCtaPress]);
 
+  useEffect(() => {
+    setIsVisible(visible);
+  }, [visible]);
+
   // These useEffect lines prevents race condition error when callback contains navigation logic
   useEffect(() => {
     if (ctaPressed) {

package/src/components/FAB/ActionGroup/__tests__/__snapshots__/index.spec.tsx.snap

@@ -168,6 +168,7 @@ exports[`ActionGroup has active false 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -1096,6 +1097,7 @@ exports[`ActionGroup has active true 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/FAB/ActionGroup/index.tsx

@@ -1,6 +1,6 @@
 import React, { forwardRef, useRef } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
-import { Animated, Modal, Platform } from 'react-native';
+import { Animated, Platform, Modal } from 'react-native';
 import type { IconName } from '../../Icon';
 import type { ActionItemProps } from './ActionItem';
 import ActionItem from './ActionItem';
@@ -14,6 +14,7 @@ import {
 
 import Box from '../../Box';
 import { FABHandles } from '../FAB';
+import { useDeprecation } from '../../../utils/hooks';
 
 export type ActionGroupHandles = {
   showFAB: () => void;
@@ -22,6 +23,12 @@ export type ActionGroupHandles = {
 };
 
 export interface ActionGroupProps {
+  /**
+   * @deprecated headerTitle will be removed in the next major release.
+   * Title of the action group header.
+   */
+  headerTitle?: string;
+
   /**
    * This function is called on pressing the FAB button.
    * */
@@ -64,6 +71,7 @@ export interface ActionGroupProps {
 const ActionGroup = forwardRef<ActionGroupHandles, ActionGroupProps>(
   (
     {
+      headerTitle,
       onPress,
       active,
       style,
@@ -75,6 +83,11 @@ const ActionGroup = forwardRef<ActionGroupHandles, ActionGroupProps>(
     },
     ref
   ) => {
+    useDeprecation(
+      `FAB.ActionGroup's headerTitle prop will be removed in the next major release. Please remove it.`,
+      headerTitle !== undefined
+    );
+
     const fabRef = useRef<FABHandles>(null);
     const tranlateXAnimation = useRef<Animated.Value>(
       new Animated.Value(active ? 1 : 0)

package/src/components/FAB/__tests__/__snapshots__/AnimatedFABIcon.spec.tsx.snap

@@ -45,6 +45,7 @@ exports[`AnimatedFABIcon renders correctly when isActive is false 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -110,6 +111,7 @@ exports[`AnimatedFABIcon renders correctly when isActive is true 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/FAB/__tests__/__snapshots__/StyledFAB.spec.tsx.snap

@@ -72,6 +72,7 @@ exports[`StyledFAB renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -164,6 +165,7 @@ exports[`StyledFAB renders correctly 2`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -216,6 +218,7 @@ exports[`StyledFABIcon renders correctly 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

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

@@ -83,6 +83,7 @@ exports[`FAB when animated is false renders StyledFABIcon 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -216,6 +217,7 @@ exports[`FAB when animated is true renders animatedFABIcon 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -364,6 +366,7 @@ exports[`FAB when title has value renders correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

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

@@ -37,6 +37,7 @@ exports[`HeroDesignProvider renders children correctly 1`] = `
     </Text>
     <View
       pointerEvents="box-none"
+      position="bottom"
       style={
         [
           {
@@ -57,6 +58,7 @@ exports[`HeroDesignProvider renders children correctly 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

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

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

package/src/components/Icon/IconList.ts

@@ -107,10 +107,13 @@ const IconList = [
   'happy-sun',
   'health-bag',
   'heart',
+  'hero-points',
   'home',
   'image',
   'import',
   'incident-siren',
+  'instapay-daily',
+  'instapay-now',
   'instapay',
   'list',
   'loading-2',
@@ -144,6 +147,7 @@ const IconList = [
   'reply',
   'reschedule',
   'rostering',
+  'salary-sacrifice',
   'save',
   'schedule-send',
   'schedule',
@@ -207,6 +211,7 @@ const IconList = [
   'bell-active-outlined',
   'bell-outlined',
   'bell-slash-outlined',
+  'bill-management-outlined',
   'billing-outlined',
   'body-outlined',
   'bold',
@@ -225,6 +230,7 @@ const IconList = [
   'camera-outlined',
   'cancel',
   'car-forward-outlined',
+  'cashback-outlined',
   'charging-station-outlined',
   'chat-bubble-outlined',
   'chat-unread-outlined',
@@ -363,6 +369,7 @@ const IconList = [
   'resume-outlined',
   'return-arrow',
   'rostering-outlined',
+  'safety-outlined',
   'save-outlined',
   'schedule-outlined',
   'search-outlined',
@@ -382,6 +389,7 @@ const IconList = [
   'speaker-outlined',
   'star-circle-outlined',
   'star-outlined',
+  'stash-outlined',
   'stopwatch-outlined',
   'strikethrough',
   'styler-outlined',
@@ -400,6 +408,7 @@ const IconList = [
   'transfer',
   'trash-bin-outlined',
   'umbrela-outlined',
+  'unavailability-outlined',
   'unavailable',
   'underline',
   'union-outlined',

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

@@ -37,6 +37,7 @@ exports[`Icon render correctly with spin prop 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -81,6 +82,7 @@ exports[`Icon renders correctly 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -125,6 +127,7 @@ exports[`Icon renders correctly with color and size 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -169,6 +172,7 @@ exports[`Icon renders correctly with intent 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

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

@@ -27,6 +27,7 @@ exports[`Image renders correctly when rounded is false 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -74,6 +75,7 @@ exports[`Image renders correctly when rounded is true 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -121,6 +123,7 @@ exports[`Image renders correctly when size is 6xlarge 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -168,6 +171,7 @@ exports[`Image renders correctly when size is 15xlarge 1`] = `
   />
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/List/__tests__/__snapshots__/BasicListItem.spec.tsx.snap

@@ -149,6 +149,7 @@ exports[`BasicListItem when suffix and prefix are icon name renders correctly 1`
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -320,6 +321,7 @@ exports[`BasicListItem when suffix and prefix are react element renders correctl
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/List/__tests__/__snapshots__/ListItem.spec.tsx.snap

@@ -354,6 +354,7 @@ exports[`ListItem renders correctly ListItem with children 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -518,6 +519,7 @@ exports[`ListItem renders correctly ListItem with icon 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -677,6 +679,7 @@ exports[`ListItem renders correctly ListItem with leading status 1`] = `
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -974,6 +977,7 @@ exports[`ListItem renders correctly ListItem with prefix suffix is React.Element
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {

package/src/components/List/__tests__/__snapshots__/StyledBasicListItem.spec.tsx.snap

@@ -63,6 +63,7 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -146,6 +147,7 @@ exports[`StyledListItemContainer renders correctly themeSelected false themeDisa
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -229,6 +231,7 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {
@@ -312,6 +315,7 @@ exports[`StyledListItemContainer renders correctly themeSelected true themeDisab
   </View>
   <View
     pointerEvents="box-none"
+    position="bottom"
     style={
       [
         {