@hero-design/rn 8.26.0 → 8.26.2

package/lib/index.js

@@ -2357,7 +2357,8 @@ var getFABTheme = function getFABTheme(theme) {
     headerTextMarginRight: theme.space.large,
     headerTextMarginBottom: theme.space.large,
     containerPadding: theme.space.large - theme.space.xsmall,
-    titleMarginHorizontal: theme.space.small
+    titleMarginHorizontal: theme.space.small,
+    internalFABMarginBottom: theme.space.large
   };
   var radii = {
     actionItem: theme.radii.rounded
@@ -6226,7 +6227,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', 'double-buildings', 'edit-template', 'envelope', 'exclude', 'expense', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'home', 'image', 'import', 'incident-siren', 'instapay', 'list', 'loading-2', 'loading', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'money-notes', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'node', 'open-folder', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'save', 'schedule-send', 'schedule', 'search-person', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-circle', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'surfing', 'survey', 'swag-pillar-benefit', 'swag-pillar-career', 'swag-pillar-money', 'swag-pillar-work', 'swag', 'switch', 'tag', 'target', 'teams', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'article-outlined', 'at-sign', 'auto-graph-outlined', 'beer-outlined', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'billing-outlined', 'body-outlined', 'bold', 'book-outlined', 'bookmark-added-outlined', 'bookmark-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'call-split-outlined', 'camera-outlined', 'cancel', 'car-forward-outlined', 'charging-station-outlined', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', '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', 'enter-arrow', 'envelope-outlined', 'expense-outlined', 'explore-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', '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', 'graph-outlined', 'hand-holding-user-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'location-on-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'overview-outlined', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'qr-code-outlined', 'qualification-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'return-arrow', 'rostering-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined', 'show-chart-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'speaker-active-outlined', 'speaker-outlined', 'star-circle-outlined', 'star-outlined', 'stopwatch-outlined', 'strikethrough', 'styler-outlined', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'tag-outlined', 'target-outlined', 'tennis-outlined', 'ticket-outlined', 'timesheet-outlined', 'today-outlined', 'transfer', 'trash-bin-outlined', 'umbrela-outlined', 'unavailable', 'underline', 'union-outlined', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'volunteer-outlined', 'wallet-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', 'double-buildings', 'edit-template', 'envelope', 'exclude', 'expense', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'home', 'image', 'import', 'incident-siren', 'instapay', 'list', 'loading-2', 'loading', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'money-notes', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'node', 'open-folder', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'save', 'schedule-send', 'schedule', 'search-person', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-circle', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'surfing', 'survey', 'swag-pillar-benefit', 'swag-pillar-career', 'swag-pillar-money', 'swag-pillar-work', 'swag', 'switch', 'tag', 'target', 'teams', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'article-outlined', 'at-sign', 'auto-graph-outlined', 'beer-outlined', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'billing-outlined', 'body-outlined', 'bold', 'book-outlined', 'bookmark-added-outlined', 'bookmark-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'call-split-outlined', 'camera-outlined', 'cancel', 'car-forward-outlined', 'charging-station-outlined', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', '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', 'enter-arrow', 'envelope-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', 'graph-outlined', 'hand-holding-user-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'location-on-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'overview-outlined', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'qr-code-outlined', 'qualification-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'return-arrow', 'rostering-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined', 'show-chart-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'speaker-active-outlined', 'speaker-outlined', 'star-circle-outlined', 'star-outlined', 'stopwatch-outlined', 'strikethrough', 'styler-outlined', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'tag-outlined', 'target-outlined', 'tennis-outlined', 'ticket-outlined', 'timesheet-outlined', 'today-outlined', 'transfer', 'trash-bin-outlined', 'umbrela-outlined', 'unavailable', 'underline', 'union-outlined', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'volunteer-outlined', 'wallet-outlined'];
 
 var activate = 59000;
 var adjustment = 59003;
@@ -6303,18 +6304,18 @@ var add = 59181;
 var bold = 59203;
 var cancel = 59215;
 var checkmark = 59220;
-var italic = 59302;
-var number = 59326;
-var percentage = 59331;
-var redeem = 59340;
-var refresh = 59341;
-var remove = 59342;
-var restart = 59344;
-var strikethrough = 59365;
-var sync = 59371;
-var transfer = 59378;
-var unavailable = 59381;
-var underline = 59382;
+var italic = 59303;
+var number = 59327;
+var percentage = 59332;
+var redeem = 59341;
+var refresh = 59342;
+var remove = 59343;
+var restart = 59345;
+var strikethrough = 59366;
+var sync = 59372;
+var transfer = 59379;
+var unavailable = 59382;
+var underline = 59383;
 var glyphMap = {
 	activate: activate,
 	"add-emoji": 59001,
@@ -6578,138 +6579,139 @@ var glyphMap = {
 	"envelope-outlined": 59259,
 	"expense-outlined": 59260,
 	"explore-outlined": 59261,
-	"external-link": 59262,
-	"eye-invisible-outlined": 59263,
-	"eye-outlined": 59264,
-	"face-id": 59265,
-	"face-meh-outlined": 59266,
-	"face-open-smiley-outlined": 59267,
-	"face-sad-outlined": 59268,
-	"face-smiley-outlined": 59269,
-	"fastfood-outlined": 59270,
-	"feed-outlined": 59271,
-	"file-certified-outlined": 59272,
-	"file-clone-outlined": 59273,
-	"file-copy-outlined": 59274,
-	"file-dispose-outlined": 59275,
-	"file-dollar-certified-outlined": 59276,
-	"file-dollar-outlined": 59277,
-	"file-download-outlined": 59278,
-	"file-export-outlined": 59279,
-	"file-lock-outlined": 59280,
-	"file-outlined": 59281,
-	"file-search-outlined": 59282,
-	"file-secured-outlined": 59283,
-	"file-statutory-outlined": 59284,
-	"file-verified-outlined": 59285,
-	"filter-outlined": 59286,
-	"folder-outlined": 59287,
-	"folder-user-outlined": 59288,
-	"form-outlined": 59289,
-	"funnel-filter-outline": 59290,
-	"graph-outlined": 59291,
-	"hand-holding-user-outlined": 59292,
-	"happy-sun-outlined": 59293,
-	"health-bag-outlined": 59294,
-	"heart-outlined": 59295,
-	"home-active-outlined": 59296,
-	"home-outlined": 59297,
-	"id-card-outlined": 59298,
-	"image-outlined": 59299,
-	"import-outlined": 59300,
-	"instapay-outlined": 59301,
+	"extension-outlined": 59262,
+	"external-link": 59263,
+	"eye-invisible-outlined": 59264,
+	"eye-outlined": 59265,
+	"face-id": 59266,
+	"face-meh-outlined": 59267,
+	"face-open-smiley-outlined": 59268,
+	"face-sad-outlined": 59269,
+	"face-smiley-outlined": 59270,
+	"fastfood-outlined": 59271,
+	"feed-outlined": 59272,
+	"file-certified-outlined": 59273,
+	"file-clone-outlined": 59274,
+	"file-copy-outlined": 59275,
+	"file-dispose-outlined": 59276,
+	"file-dollar-certified-outlined": 59277,
+	"file-dollar-outlined": 59278,
+	"file-download-outlined": 59279,
+	"file-export-outlined": 59280,
+	"file-lock-outlined": 59281,
+	"file-outlined": 59282,
+	"file-search-outlined": 59283,
+	"file-secured-outlined": 59284,
+	"file-statutory-outlined": 59285,
+	"file-verified-outlined": 59286,
+	"filter-outlined": 59287,
+	"folder-outlined": 59288,
+	"folder-user-outlined": 59289,
+	"form-outlined": 59290,
+	"funnel-filter-outline": 59291,
+	"graph-outlined": 59292,
+	"hand-holding-user-outlined": 59293,
+	"happy-sun-outlined": 59294,
+	"health-bag-outlined": 59295,
+	"heart-outlined": 59296,
+	"home-active-outlined": 59297,
+	"home-outlined": 59298,
+	"id-card-outlined": 59299,
+	"image-outlined": 59300,
+	"import-outlined": 59301,
+	"instapay-outlined": 59302,
 	italic: italic,
-	"link-1": 59303,
-	"link-2": 59304,
-	"list-outlined": 59305,
-	"live-help-outlined": 59306,
-	"location-on-outlined": 59307,
-	"location-outlined": 59308,
-	"lock-outlined": 59309,
-	"locked-file-outlined": 59310,
-	"log-out": 59311,
-	"media-content-outlined": 59312,
-	"menu-close": 59313,
-	"menu-expand": 59314,
-	"menu-fold-outlined": 59315,
-	"menu-unfold-outlined": 59316,
-	"moneybag-outlined": 59317,
-	"moon-outlined": 59318,
-	"more-horizontal": 59319,
-	"more-vertical": 59320,
-	"multiple-folders-outlined": 59321,
-	"multiple-users-outlined": 59322,
-	"near-me-outlined": 59323,
-	"node-outlined": 59324,
-	"number-points": 59325,
+	"link-1": 59304,
+	"link-2": 59305,
+	"list-outlined": 59306,
+	"live-help-outlined": 59307,
+	"location-on-outlined": 59308,
+	"location-outlined": 59309,
+	"lock-outlined": 59310,
+	"locked-file-outlined": 59311,
+	"log-out": 59312,
+	"media-content-outlined": 59313,
+	"menu-close": 59314,
+	"menu-expand": 59315,
+	"menu-fold-outlined": 59316,
+	"menu-unfold-outlined": 59317,
+	"moneybag-outlined": 59318,
+	"moon-outlined": 59319,
+	"more-horizontal": 59320,
+	"more-vertical": 59321,
+	"multiple-folders-outlined": 59322,
+	"multiple-users-outlined": 59323,
+	"near-me-outlined": 59324,
+	"node-outlined": 59325,
+	"number-points": 59326,
 	number: number,
-	"overview-outlined": 59327,
-	"payment-summary-outlined": 59328,
-	"payslip-outlined": 59329,
-	"pencil-outlined": 59330,
+	"overview-outlined": 59328,
+	"payment-summary-outlined": 59329,
+	"payslip-outlined": 59330,
+	"pencil-outlined": 59331,
 	percentage: percentage,
-	"phone-outlined": 59332,
-	"piggy-bank-outlined": 59333,
-	"plane-outlined": 59334,
-	"play-circle-outlined": 59335,
-	"print-outlined": 59336,
-	"qr-code-outlined": 59337,
-	"qualification-outlined": 59338,
-	"re-assign": 59339,
+	"phone-outlined": 59333,
+	"piggy-bank-outlined": 59334,
+	"plane-outlined": 59335,
+	"play-circle-outlined": 59336,
+	"print-outlined": 59337,
+	"qr-code-outlined": 59338,
+	"qualification-outlined": 59339,
+	"re-assign": 59340,
 	redeem: redeem,
 	refresh: refresh,
 	remove: remove,
-	"reply-outlined": 59343,
+	"reply-outlined": 59344,
 	restart: restart,
-	"return-arrow": 59345,
-	"rostering-outlined": 59346,
-	"save-outlined": 59347,
-	"schedule-outlined": 59348,
-	"search-outlined": 59349,
-	"search-secured-outlined": 59350,
-	"send-outlined": 59351,
-	"share-1": 59352,
-	"share-2": 59353,
-	"share-outlined": 59354,
-	"show-chart-outlined": 59355,
-	"single-down-arrow": 59356,
-	"single-left-arrow": 59357,
-	"single-right-arrow": 59358,
-	"single-up-arrow": 59359,
-	"speaker-active-outlined": 59360,
-	"speaker-outlined": 59361,
-	"star-circle-outlined": 59362,
-	"star-outlined": 59363,
-	"stopwatch-outlined": 59364,
+	"return-arrow": 59346,
+	"rostering-outlined": 59347,
+	"save-outlined": 59348,
+	"schedule-outlined": 59349,
+	"search-outlined": 59350,
+	"search-secured-outlined": 59351,
+	"send-outlined": 59352,
+	"share-1": 59353,
+	"share-2": 59354,
+	"share-outlined": 59355,
+	"show-chart-outlined": 59356,
+	"single-down-arrow": 59357,
+	"single-left-arrow": 59358,
+	"single-right-arrow": 59359,
+	"single-up-arrow": 59360,
+	"speaker-active-outlined": 59361,
+	"speaker-outlined": 59362,
+	"star-circle-outlined": 59363,
+	"star-outlined": 59364,
+	"stopwatch-outlined": 59365,
 	strikethrough: strikethrough,
-	"styler-outlined": 59366,
-	"suitcase-clock-outlined": 59367,
-	"suitcase-outlined": 59368,
-	"survey-outlined": 59369,
-	"switch-outlined": 59370,
+	"styler-outlined": 59367,
+	"suitcase-clock-outlined": 59368,
+	"suitcase-outlined": 59369,
+	"survey-outlined": 59370,
+	"switch-outlined": 59371,
 	sync: sync,
-	"tag-outlined": 59372,
-	"target-outlined": 59373,
-	"tennis-outlined": 59374,
-	"ticket-outlined": 59375,
-	"timesheet-outlined": 59376,
-	"today-outlined": 59377,
+	"tag-outlined": 59373,
+	"target-outlined": 59374,
+	"tennis-outlined": 59375,
+	"ticket-outlined": 59376,
+	"timesheet-outlined": 59377,
+	"today-outlined": 59378,
 	transfer: transfer,
-	"trash-bin-outlined": 59379,
-	"umbrela-outlined": 59380,
+	"trash-bin-outlined": 59380,
+	"umbrela-outlined": 59381,
 	unavailable: unavailable,
 	underline: underline,
-	"union-outlined": 59383,
-	"unlock-outlined": 59384,
-	"upload-outlined": 59385,
-	"user-circle-outlined": 59386,
-	"user-gear-outlined": 59387,
-	"user-outlined": 59388,
-	"user-rectangle-outlined": 59389,
-	"video-1-outlined": 59390,
-	"video-2-outlined": 59391,
-	"volunteer-outlined": 59392,
-	"wallet-outlined": 59393
+	"union-outlined": 59384,
+	"unlock-outlined": 59385,
+	"upload-outlined": 59386,
+	"user-circle-outlined": 59387,
+	"user-gear-outlined": 59388,
+	"user-outlined": 59389,
+	"user-rectangle-outlined": 59390,
+	"video-1-outlined": 59391,
+	"video-2-outlined": 59392,
+	"volunteer-outlined": 59393,
+	"wallet-outlined": 59394
 };
 
 var HeroIcon = reactNativeVectorIcons.createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
@@ -13100,10 +13102,11 @@ var StyledBackdrop = index$a(reactNative.Animated.View)(function (_ref2) {
   var theme = _ref2.theme;
   return {
     position: 'absolute',
-    left: 0,
-    right: 0,
-    top: 0,
+    flex: 1,
+    height: '100%',
+    width: '100%',
     bottom: 0,
+    right: 0,
     backgroundColor: theme.__hd__.fab.colors.backdropBackground
   };
 });
@@ -13119,6 +13122,17 @@ var StyledHeaderText = index$a(Typography.Text)(function (_ref3) {
     textAlign: 'right'
   };
 });
+var StyledModalView = index$a(reactNative.View)({
+  position: 'absolute',
+  flex: 1,
+  height: '100%',
+  width: '100%',
+  bottom: 0,
+  right: 0,
+  justifyContent: 'flex-end',
+  alignItems: 'flex-end',
+  backgroundColor: 'transparent'
+});
 
 var ActionItemsListComponent = function ActionItemsListComponent(_ref) {
   var style = _ref.style,
@@ -13141,15 +13155,43 @@ var ActionGroup = function ActionGroup(_ref2) {
     fabTitle = _ref2.fabTitle,
     _ref2$fabIcon = _ref2.fabIcon,
     fabIcon = _ref2$fabIcon === void 0 ? 'add' : _ref2$fabIcon;
+  var theme = useTheme();
+  // Internal state to control the animation of the action group
+  var _useState = React.useState(active),
+    _useState2 = _slicedToArray(_useState, 2),
+    visible = _useState2[0],
+    setVisibility = _useState2[1];
   var tranlateXAnimation = React.useRef(new reactNative.Animated.Value(active ? 1 : 0));
   React.useEffect(function () {
+    if (active && !visible) {
+      setVisibility(true);
+    }
+  }, [active]);
+  React.useEffect(function () {
+    if (active) {
+      var animation = reactNative.Animated.timing(tranlateXAnimation.current, {
+        toValue: 1,
+        useNativeDriver: reactNative.Platform.OS === 'ios' || reactNative.Platform.OS === 'android',
+        easing: reactNative.Easing.inOut(reactNative.Easing.cubic)
+      });
+      animation.start();
+    }
+  }, [active]);
+  //  Make sure the animation finishes running before closing the modal
+  var onInternalFABPress = React.useCallback(function () {
+    if (!onPress) {
+      return;
+    }
     var animation = reactNative.Animated.timing(tranlateXAnimation.current, {
-      toValue: active ? 1 : 0,
+      toValue: 0,
       useNativeDriver: reactNative.Platform.OS === 'ios' || reactNative.Platform.OS === 'android',
       easing: reactNative.Easing.inOut(reactNative.Easing.cubic)
     });
-    animation.start();
-  }, [active]);
+    animation.start(function () {
+      setVisibility(false);
+      onPress();
+    });
+  }, [visible]);
   var interpolatedTranlateXAnimation = tranlateXAnimation.current.interpolate({
     inputRange: [0, 1],
     outputRange: [400, 0]
@@ -13166,13 +13208,18 @@ var ActionGroup = function ActionGroup(_ref2) {
     testID: testID,
     pointerEvents: "box-none",
     style: style
+  }, /*#__PURE__*/React__default["default"].createElement(reactNative.Modal, {
+    visible: visible,
+    transparent: true,
+    statusBarTranslucent: true,
+    animationType: "none"
   }, /*#__PURE__*/React__default["default"].createElement(StyledBackdrop, {
-    pointerEvents: active ? 'auto' : 'box-none',
-    testID: "back-drop",
     style: {
       opacity: interpolatedBackdropOpacityAnimation
-    }
-  }), /*#__PURE__*/React__default["default"].createElement(StyledActionGroupContainer, {
+    },
+    testID: "back-drop",
+    pointerEvents: active ? 'auto' : 'box-none'
+  }), /*#__PURE__*/React__default["default"].createElement(StyledModalView, null, /*#__PURE__*/React__default["default"].createElement(StyledActionGroupContainer, {
     pointerEvents: active ? 'auto' : 'none',
     testID: "action-group",
     style: {
@@ -13185,7 +13232,17 @@ var ActionGroup = function ActionGroup(_ref2) {
     testID: "header-text"
   }, headerTitle), /*#__PURE__*/React__default["default"].createElement(ActionItemsListComponent, {
     items: items
-  })), /*#__PURE__*/React__default["default"].createElement(StyledFAB, {
+  })), active && /*#__PURE__*/React__default["default"].createElement(StyledFAB, {
+    testID: "fab",
+    icon: fabIcon,
+    onPress: onInternalFABPress,
+    animated: true,
+    active: active,
+    title: fabTitle,
+    style: {
+      marginBottom: theme.__hd__.fab.space.internalFABMarginBottom
+    }
+  }))), !active && /*#__PURE__*/React__default["default"].createElement(StyledFAB, {
     testID: "fab",
     icon: fabIcon,
     onPress: onPress,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.26.0",
+  "version": "8.26.2",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@emotion/native": "^11.9.3",
     "@emotion/react": "^11.9.3",
-    "@hero-design/colors": "8.26.0",
+    "@hero-design/colors": "8.26.2",
     "date-fns": "^2.16.1",
     "events": "^3.2.0",
     "hero-editor": "^1.9.21"
@@ -45,7 +45,7 @@
     "@babel/preset-typescript": "^7.17.12",
     "@babel/runtime": "^7.18.9",
     "@emotion/jest": "^11.9.3",
-    "@hero-design/eslint-plugin": "8.26.0",
+    "@hero-design/eslint-plugin": "8.26.2",
     "@react-native-community/datetimepicker": "^3.5.2",
     "@react-native-community/slider": "4.1.12",
     "@rollup/plugin-babel": "^5.3.1",
@@ -61,9 +61,10 @@
     "@types/react-native": "^0.67.7",
     "@types/react-native-vector-icons": "^6.4.10",
     "babel-plugin-inline-import": "^3.0.0",
-    "eslint-config-hd": "8.26.0",
+    "eslint-config-hd": "8.26.2",
+    "eslint-plugin-import": "^2.27.5",
     "jest": "^27.3.1",
-    "prettier-config-hd": "8.26.0",
+    "prettier-config-hd": "8.26.2",
     "react": "18.0.0",
     "react-native": "0.69.7",
     "react-native-gesture-handler": "~2.1.0",

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

@@ -34,10 +34,11 @@ const StyledBackdrop = styled(Animated.View)<
   ComponentProps<typeof Animated.View>
 >(({ theme }) => ({
   position: 'absolute',
-  left: 0,
-  right: 0,
-  top: 0,
+  flex: 1,
+  height: '100%',
+  width: '100%',
   bottom: 0,
+  right: 0,
   backgroundColor: theme.__hd__.fab.colors.backdropBackground,
 }));
 
@@ -51,10 +52,23 @@ const StyledHeaderText = styled(Typography.Text)<TextProps>(({ theme }) => ({
   textAlign: 'right',
 }));
 
+const StyledModalView = styled(View)({
+  position: 'absolute',
+  flex: 1,
+  height: '100%',
+  width: '100%',
+  bottom: 0,
+  right: 0,
+  justifyContent: 'flex-end',
+  alignItems: 'flex-end',
+  backgroundColor: 'transparent',
+});
+
 export {
   StyledHeaderText,
   StyledBackdrop,
   StyledContainer,
   StyledActionGroupContainer,
   StyledFAB,
+  StyledModalView,
 };