@hero-design/rn 8.80.0 → 8.80.1

package/lib/index.js

@@ -2854,13 +2854,13 @@ var getErrorTheme = function getErrorTheme(theme) {
 
 var getFABTheme = function getFABTheme(theme) {
   var colors = {
-    buttonBackground: theme.colors.primary,
-    buttonPressedBackground: theme.colors.pressedSurface,
-    buttonActiveBackground: theme.colors.pressedSurface,
+    buttonBackground: theme.colors.overlayGlobalSurface,
+    buttonPressedBackground: theme.colors.overlayGlobalSurface,
+    buttonActiveBackground: theme.colors.overlayGlobalSurface,
     icon: theme.colors.onPrimary,
-    actionItemBackground: theme.colors.secondary,
-    actionItemPressedBackground: theme.colors.pressedSurface,
-    backdropBackground: theme.colors.overlayGlobalSurface,
+    actionItemBackground: theme.colors.overlayGlobalSurface,
+    actionItemPressedBackground: theme.colors.overlayGlobalSurface,
+    backdropBackground: theme.colors.defaultSurface,
     titleText: theme.colors.onPrimary,
     actionItemText: theme.colors.onPrimary
   };
@@ -7333,7 +7333,7 @@ var Typography = {
 };
 
 // 🔴 DO NOT EDIT — This file is generated automatically.
-var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bolt', 'bookmark-added', 'bookmark', 'box-check', 'box', 'bpay', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'dot', 'double-buildings', 'edit-template', 'envelope', 'exclude', 'expand-content', 'expense', 'explore_nearby', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'hero-points', 'home', 'image', 'import', 'incident-siren', 'instapay-daily', 'instapay-now', 'instapay', 'list', 'loading-2', 'loading', 'location-on', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'money-notes', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'near-me', 'node', 'open-folder', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-arrow', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'salary-sacrifice', 'save', 'schedule-send', 'schedule', 'search-person', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-circle', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'surfing', 'survey', 'swag-pillar-benefit', 'swag-pillar-career', 'swag-pillar-money', 'swag-pillar-work', 'swag', 'swipe-right', 'switch', 'tag', 'target', 'teams', 'thumb-down', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'afternoon-outlined', 'ai-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'application-outlined', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'article-outlined', 'at-sign', 'auto-graph-outlined', 'beer-outlined', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'bill-management-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bolt-outlined', 'book-outlined', 'bookmark-added-outlined', 'bookmark-outlined', 'box-1-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'call-outlined', 'call-split-outlined', 'camera-outlined', 'cancel', 'car-forward-outlined', 'cashback-outlined', 'charging-station-outlined', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-in-outlined', 'clock-out-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'coin-super-outlined', 'comment-outlined', 'contacts-outlined', 'contacts-user-outlined', 'credit-card-outlined', 'cup-outlined', 'dentistry-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-box-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-credit-card-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-box-outlined', 'download-outlined', 'edit-template-outlined', 'email-outlined', 'end-break-outlined', 'enter-arrow', 'envelope-outlined', 'evening-outlined', 'expense-approval-outlined', 'expense-outlined', 'explore-outlined', 'extension-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'fastfood-outlined', 'feed-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-certified-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-statutory-outlined', 'file-verified-outlined', 'filter-outlined', 'folder-outlined', 'folder-user-outlined', 'form-outlined', 'funnel-filter-outline', 'goal-outlined', 'graph-outlined', 'hand-holding-user-outlined', 'handshake-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'job-search-outlined', 'leave-approval-outlined', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'local_mall_outlined', 'location-on-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'mail-outlined', 'map-outlined', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'morning-outlined', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'overview-outlined', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'propane-tank-outlined', 'qr-code-outlined', 'qualification-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'resume-outlined', 'return-arrow', 'rostering-outlined', 'safety-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined-2', 'share-outlined', 'shopping_basket_outlined', 'show-chart-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'smart-match-outlined', 'sparkle-outlined', 'speaker-active-outlined', 'speaker-outlined', 'star-circle-outlined', 'star-outlined', 'start-break-outlined', 'stash-outlined', 'stopwatch-outlined', 'strikethrough', 'styler-outlined', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'tag-outlined', 'target-outlined', 'tennis-outlined', 'thumb-down-outlined', 'ticket-outlined', 'timesheet-outlined', 'timesheets-outlined', 'today-outlined', 'transfer', 'trash-bin-outlined', 'umbrela-outlined', 'unavailability-outlined', 'unavailable', 'underline', 'union-outlined', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'volunteer-outlined', 'wallet-outlined', 'wellness-outlined'];
+var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bolt', 'bookmark-added', 'bookmark', 'box-check', 'box', 'bpay', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'dot', 'double-buildings', 'edit-template', 'envelope', 'exclude', 'expand-content', 'expense', 'explore_nearby', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'hero-points', 'home', 'image', 'import', 'incident-siren', 'instapay-daily', 'instapay-now', 'instapay', 'list', 'loading-2', 'loading', 'location-on', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'money-notes', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'near-me', 'node', 'open-folder', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-arrow', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'salary-sacrifice', 'save', 'schedule-send', 'schedule', 'search-person', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-circle', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'surfing', 'survey', 'swag-pillar-benefit', 'swag-pillar-career', 'swag-pillar-money', 'swag-pillar-work', 'swag', 'swipe-right', 'switch', 'tag', 'target', 'teams', 'thumb-down', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'afternoon-outlined', 'ai-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'application-outlined', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'article-outlined', 'at-sign', 'auto-graph-outlined', 'beer-outlined', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'bill-management-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bolt-outlined', 'book-outlined', 'bookmark-added-outlined', 'bookmark-outlined', 'box-1-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'call-outlined', 'call-split-outlined', 'camera-outlined', 'cancel', 'car-forward-outlined', 'cashback-outlined', 'charging-station-outlined', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-in-outlined', 'clock-out-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'coin-super-outlined', 'comment-outlined', 'contacts-outlined', 'contacts-user-outlined', 'credit-card-outlined', 'cup-outlined', 'dentistry-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-box-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-credit-card-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-box-outlined', 'download-outlined', 'edit-template-outlined', 'email-outlined', 'end-break-outlined', 'enter-arrow', 'envelope-outlined', 'evening-outlined', 'expense-approval-outlined', 'expense-outlined', 'explore-outlined', 'extension-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'fastfood-outlined', 'feed-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-certified-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-statutory-outlined', 'file-verified-outlined', 'filter-outlined', 'folder-outlined', 'folder-upload-outlined', 'folder-user-outlined', 'form-outlined', 'funnel-filter-outline', 'goal-outlined', 'graph-outlined', 'hand-holding-user-outlined', 'handshake-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'job-search-outlined', 'leave-approval-outlined', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'local_mall_outlined', 'location-on-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'mail-outlined', 'map-outlined', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'morning-outlined', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'overview-outlined', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'propane-tank-outlined', 'qr-code-outlined', 'qualification-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'resume-outlined', 'return-arrow', 'rostering-outlined', 'safety-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined-2', 'share-outlined', 'shopping_basket_outlined', 'show-chart-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'smart-match-outlined', 'sparkle-outlined', 'speaker-active-outlined', 'speaker-outlined', 'star-circle-outlined', 'star-outlined', 'start-break-outlined', 'stash-outlined', 'stopwatch-outlined', 'strikethrough', 'styler-outlined', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'tag-outlined', 'target-outlined', 'tennis-outlined', 'thumb-down-outlined', 'ticket-outlined', 'timesheet-outlined', 'timesheets-outlined', 'today-outlined', 'transfer', 'trash-bin-outlined', 'umbrela-outlined', 'unavailability-outlined', 'unavailable', 'underline', 'union-outlined', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'volunteer-outlined', 'wallet-outlined', 'wellness-outlined'];
 
 var activate = 59000;
 var adjustment = 59003;
@@ -7412,20 +7412,20 @@ var add = 59193;
 var bold = 59219;
 var cancel = 59234;
 var checkmark = 59240;
-var italic = 59330;
-var local_mall_outlined = 59337;
-var number = 59360;
-var percentage = 59365;
-var redeem = 59375;
-var refresh = 59376;
-var remove = 59377;
-var restart = 59379;
-var shopping_basket_outlined = 59393;
-var strikethrough = 59408;
-var sync = 59414;
-var transfer = 59423;
-var unavailable = 59427;
-var underline = 59428;
+var italic = 59331;
+var local_mall_outlined = 59338;
+var number = 59361;
+var percentage = 59366;
+var redeem = 59376;
+var refresh = 59377;
+var remove = 59378;
+var restart = 59380;
+var shopping_basket_outlined = 59394;
+var strikethrough = 59409;
+var sync = 59415;
+var transfer = 59424;
+var unavailable = 59428;
+var underline = 59429;
 var glyphMap = {
 	activate: activate,
 	"add-emoji": 59001,
@@ -7741,133 +7741,134 @@ var glyphMap = {
 	"file-verified-outlined": 59311,
 	"filter-outlined": 59312,
 	"folder-outlined": 59313,
-	"folder-user-outlined": 59314,
-	"form-outlined": 59315,
-	"funnel-filter-outline": 59316,
-	"goal-outlined": 59317,
-	"graph-outlined": 59318,
-	"hand-holding-user-outlined": 59319,
-	"handshake-outlined": 59320,
-	"happy-sun-outlined": 59321,
-	"health-bag-outlined": 59322,
-	"heart-outlined": 59323,
-	"home-active-outlined": 59324,
-	"home-outlined": 59325,
-	"id-card-outlined": 59326,
-	"image-outlined": 59327,
-	"import-outlined": 59328,
-	"instapay-outlined": 59329,
+	"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: italic,
-	"job-search-outlined": 59331,
-	"leave-approval-outlined": 59332,
-	"link-1": 59333,
-	"link-2": 59334,
-	"list-outlined": 59335,
-	"live-help-outlined": 59336,
+	"job-search-outlined": 59332,
+	"leave-approval-outlined": 59333,
+	"link-1": 59334,
+	"link-2": 59335,
+	"list-outlined": 59336,
+	"live-help-outlined": 59337,
 	local_mall_outlined: local_mall_outlined,
-	"location-on-outlined": 59338,
-	"location-outlined": 59339,
-	"lock-outlined": 59340,
-	"locked-file-outlined": 59341,
-	"log-out": 59342,
-	"mail-outlined": 59343,
-	"map-outlined": 59344,
-	"media-content-outlined": 59345,
-	"menu-close": 59346,
-	"menu-expand": 59347,
-	"menu-fold-outlined": 59348,
-	"menu-unfold-outlined": 59349,
-	"moneybag-outlined": 59350,
-	"moon-outlined": 59351,
-	"more-horizontal": 59352,
-	"more-vertical": 59353,
-	"morning-outlined": 59354,
-	"multiple-folders-outlined": 59355,
-	"multiple-users-outlined": 59356,
-	"near-me-outlined": 59357,
-	"node-outlined": 59358,
-	"number-points": 59359,
+	"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: number,
-	"overview-outlined": 59361,
-	"payment-summary-outlined": 59362,
-	"payslip-outlined": 59363,
-	"pencil-outlined": 59364,
+	"overview-outlined": 59362,
+	"payment-summary-outlined": 59363,
+	"payslip-outlined": 59364,
+	"pencil-outlined": 59365,
 	percentage: percentage,
-	"phone-outlined": 59366,
-	"piggy-bank-outlined": 59367,
-	"plane-outlined": 59368,
-	"play-circle-outlined": 59369,
-	"print-outlined": 59370,
-	"propane-tank-outlined": 59371,
-	"qr-code-outlined": 59372,
-	"qualification-outlined": 59373,
-	"re-assign": 59374,
+	"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: redeem,
 	refresh: refresh,
 	remove: remove,
-	"reply-outlined": 59378,
+	"reply-outlined": 59379,
 	restart: restart,
-	"resume-outlined": 59380,
-	"return-arrow": 59381,
-	"rostering-outlined": 59382,
-	"safety-outlined": 59383,
-	"save-outlined": 59384,
-	"schedule-outlined": 59385,
-	"search-outlined": 59386,
-	"search-secured-outlined": 59387,
-	"send-outlined": 59388,
-	"share-1": 59389,
-	"share-2": 59390,
-	"share-outlined-2": 59391,
-	"share-outlined": 59392,
+	"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: shopping_basket_outlined,
-	"show-chart-outlined": 59394,
-	"single-down-arrow": 59395,
-	"single-left-arrow": 59396,
-	"single-right-arrow": 59397,
-	"single-up-arrow": 59398,
-	"smart-match-outlined": 59399,
-	"sparkle-outlined": 59400,
-	"speaker-active-outlined": 59401,
-	"speaker-outlined": 59402,
-	"star-circle-outlined": 59403,
-	"star-outlined": 59404,
-	"start-break-outlined": 59405,
-	"stash-outlined": 59406,
-	"stopwatch-outlined": 59407,
+	"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: strikethrough,
-	"styler-outlined": 59409,
-	"suitcase-clock-outlined": 59410,
-	"suitcase-outlined": 59411,
-	"survey-outlined": 59412,
-	"switch-outlined": 59413,
+	"styler-outlined": 59410,
+	"suitcase-clock-outlined": 59411,
+	"suitcase-outlined": 59412,
+	"survey-outlined": 59413,
+	"switch-outlined": 59414,
 	sync: sync,
-	"tag-outlined": 59415,
-	"target-outlined": 59416,
-	"tennis-outlined": 59417,
-	"thumb-down-outlined": 59418,
-	"ticket-outlined": 59419,
-	"timesheet-outlined": 59420,
-	"timesheets-outlined": 59421,
-	"today-outlined": 59422,
+	"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: transfer,
-	"trash-bin-outlined": 59424,
-	"umbrela-outlined": 59425,
-	"unavailability-outlined": 59426,
+	"trash-bin-outlined": 59425,
+	"umbrela-outlined": 59426,
+	"unavailability-outlined": 59427,
 	unavailable: unavailable,
 	underline: underline,
-	"union-outlined": 59429,
-	"unlock-outlined": 59430,
-	"upload-outlined": 59431,
-	"user-circle-outlined": 59432,
-	"user-gear-outlined": 59433,
-	"user-outlined": 59434,
-	"user-rectangle-outlined": 59435,
-	"video-1-outlined": 59436,
-	"video-2-outlined": 59437,
-	"volunteer-outlined": 59438,
-	"wallet-outlined": 59439,
-	"wellness-outlined": 59440
+	"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
 };
 
 var HeroIcon = reactNativeVectorIcons.createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
@@ -14983,7 +14984,7 @@ var ErrorComponent = function ErrorComponent(_ref2) {
   }, nativeProps));
 };
 
-var StyledActionItem = index$a(reactNative.TouchableHighlight)(function (_ref) {
+var StyledActionItem = index$a(reactNative.TouchableOpacity)(function (_ref) {
   var theme = _ref.theme;
   return {
     padding: theme.__hd__.fab.space.actionItemPadding,
@@ -15010,7 +15011,7 @@ var StyledIcon$1 = index$a(Icon)(function (_ref3) {
   };
 });
 
-var AnimatedTouchableHighlight = reactNative.Animated.createAnimatedComponent(reactNative.TouchableHighlight);
+var AnimatedTouchableHighlight = reactNative.Animated.createAnimatedComponent(reactNative.TouchableOpacity);
 var StyledFAB$2 = index$a(AnimatedTouchableHighlight)(function (_ref) {
   var theme = _ref.theme,
     themeActive = _ref.themeActive;
@@ -15067,7 +15068,6 @@ var ActionItem = function ActionItem(_ref) {
     index = _ref.index,
     _ref$active = _ref.active,
     active = _ref$active === void 0 ? false : _ref$active;
-  var theme = useTheme();
   var animatedValue = React__namespace.default.useRef(new reactNative.Animated.Value(0));
   var translateY = animatedValue.current.interpolate({
     inputRange: [0, 1],
@@ -15089,7 +15089,7 @@ var ActionItem = function ActionItem(_ref) {
       }]
     }
   }, /*#__PURE__*/React__namespace.default.createElement(StyledActionItem, {
-    underlayColor: theme.__hd__.fab.colors.actionItemPressedBackground,
+    activeOpacity: 0.8,
     style: style,
     onPress: onPress,
     testID: testID
@@ -15253,7 +15253,7 @@ var FAB$1 = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
     onLayout: function onLayout(event) {
       return !hasSetButtonWidth && !active && setButtonWidth(event.nativeEvent.layout.width);
     },
-    underlayColor: theme.__hd__.fab.colors.buttonPressedBackground,
+    activeOpacity: 0.8,
     onPress: onPress,
     style: [style, {
       bottom: displayState.hideButton ? -(marginBottom + theme.__hd__.fab.sizes.height * 2) : (_StyleSheet$flatten2 = reactNative.StyleSheet.flatten(style)) === null || _StyleSheet$flatten2 === void 0 ? void 0 : _StyleSheet$flatten2.bottom,
@@ -15325,7 +15325,7 @@ var StyledBackdrop = index$a(AnimatedPressable)(function (_ref2) {
     right: 0,
     top: 0,
     bottom: 0,
-    opacity: 0.25,
+    opacity: 0.8,
     backgroundColor: theme.__hd__.fab.colors.backdropBackground
   };
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.80.0",
+  "version": "8.80.1",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -93,6 +93,5 @@
     "ts-jest": "^29.1.1",
     "typescript": "4.8.4"
   },
-  "prettier": "prettier-config-hd",
-  "react-native": "src/index.ts"
+  "prettier": "prettier-config-hd"
 }

package/src/components/AnimatedScroller/__tests__/__snapshots__/ScrollablesWithFAB.spec.tsx.snap

@@ -772,6 +772,15 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders ActionGr
       style={{}}
     >
       <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
         accessibilityValue={
           {
             "max": undefined,
@@ -781,6 +790,7 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders ActionGr
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={false}
         onClick={[Function]}
         onLayout={[Function]}
@@ -794,7 +804,7 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders ActionGr
           {
             "alignItems": "center",
             "alignSelf": "flex-end",
-            "backgroundColor": "#401960",
+            "backgroundColor": "#000000",
             "borderRadius": 999,
             "bottom": undefined,
             "elevation": 3,
@@ -803,6 +813,7 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders ActionGr
             "justifyContent": "center",
             "marginRight": 24,
             "marginTop": 24,
+            "opacity": 1,
             "padding": 20,
             "shadowColor": "#001f23",
             "shadowOffset": {
@@ -1675,6 +1686,15 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders FAB corr
     </View>
   </RCTScrollView>
   <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
     accessibilityValue={
       {
         "max": undefined,
@@ -1684,6 +1704,7 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders FAB corr
       }
     }
     accessible={true}
+    collapsable={false}
     focusable={false}
     onClick={[Function]}
     onLayout={[Function]}
@@ -1697,13 +1718,14 @@ exports[`Scrollables With FAB [Function ExampleFlatListWithFAB] renders FAB corr
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#401960",
+        "backgroundColor": "#000000",
         "borderRadius": 999,
         "bottom": undefined,
         "elevation": 3,
         "flexDirection": "row",
         "height": 64,
         "justifyContent": "center",
+        "opacity": 1,
         "padding": 20,
         "shadowColor": "#001f23",
         "shadowOffset": {
@@ -1934,6 +1956,15 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders Action
       style={{}}
     >
       <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
         accessibilityValue={
           {
             "max": undefined,
@@ -1943,6 +1974,7 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders Action
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={false}
         onClick={[Function]}
         onLayout={[Function]}
@@ -1956,7 +1988,7 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders Action
           {
             "alignItems": "center",
             "alignSelf": "flex-end",
-            "backgroundColor": "#401960",
+            "backgroundColor": "#000000",
             "borderRadius": 999,
             "bottom": undefined,
             "elevation": 3,
@@ -1965,6 +1997,7 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders Action
             "justifyContent": "center",
             "marginRight": 24,
             "marginTop": 24,
+            "opacity": 1,
             "padding": 20,
             "shadowColor": "#001f23",
             "shadowOffset": {
@@ -2177,6 +2210,15 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders FAB co
     </View>
   </RCTScrollView>
   <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
     accessibilityValue={
       {
         "max": undefined,
@@ -2186,6 +2228,7 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders FAB co
       }
     }
     accessible={true}
+    collapsable={false}
     focusable={false}
     onClick={[Function]}
     onLayout={[Function]}
@@ -2199,13 +2242,14 @@ exports[`Scrollables With FAB [Function ExampleScrollViewWithFAB] renders FAB co
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#401960",
+        "backgroundColor": "#000000",
         "borderRadius": 999,
         "bottom": undefined,
         "elevation": 3,
         "flexDirection": "row",
         "height": 64,
         "justifyContent": "center",
+        "opacity": 1,
         "padding": 20,
         "shadowColor": "#001f23",
         "shadowOffset": {
@@ -2743,6 +2787,15 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders Actio
       style={{}}
     >
       <View
+        accessibilityState={
+          {
+            "busy": undefined,
+            "checked": undefined,
+            "disabled": undefined,
+            "expanded": undefined,
+            "selected": undefined,
+          }
+        }
         accessibilityValue={
           {
             "max": undefined,
@@ -2752,6 +2805,7 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders Actio
           }
         }
         accessible={true}
+        collapsable={false}
         focusable={false}
         onClick={[Function]}
         onLayout={[Function]}
@@ -2765,7 +2819,7 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders Actio
           {
             "alignItems": "center",
             "alignSelf": "flex-end",
-            "backgroundColor": "#401960",
+            "backgroundColor": "#000000",
             "borderRadius": 999,
             "bottom": undefined,
             "elevation": 3,
@@ -2774,6 +2828,7 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders Actio
             "justifyContent": "center",
             "marginRight": 24,
             "marginTop": 24,
+            "opacity": 1,
             "padding": 20,
             "shadowColor": "#001f23",
             "shadowOffset": {
@@ -3293,6 +3348,15 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders FAB c
     </View>
   </RCTScrollView>
   <View
+    accessibilityState={
+      {
+        "busy": undefined,
+        "checked": undefined,
+        "disabled": undefined,
+        "expanded": undefined,
+        "selected": undefined,
+      }
+    }
     accessibilityValue={
       {
         "max": undefined,
@@ -3302,6 +3366,7 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders FAB c
       }
     }
     accessible={true}
+    collapsable={false}
     focusable={false}
     onClick={[Function]}
     onLayout={[Function]}
@@ -3315,13 +3380,14 @@ exports[`Scrollables With FAB [Function ExampleSectionListWithFAB] renders FAB c
       {
         "alignItems": "center",
         "alignSelf": "flex-start",
-        "backgroundColor": "#401960",
+        "backgroundColor": "#000000",
         "borderRadius": 999,
         "bottom": undefined,
         "elevation": 3,
         "flexDirection": "row",
         "height": 64,
         "justifyContent": "center",
+        "opacity": 1,
         "padding": 20,
         "shadowColor": "#001f23",
         "shadowOffset": {