@hero-design/rn 8.27.0 → 8.27.2

package/lib/index.js

@@ -2357,8 +2357,7 @@ var getFABTheme = function getFABTheme(theme) {
     headerTextMarginRight: theme.space.large,
     headerTextMarginBottom: theme.space.large,
     containerPadding: theme.space.large - theme.space.xsmall,
-    titleMarginHorizontal: theme.space.small,
-    internalFABMarginBottom: theme.space.large
+    titleMarginHorizontal: theme.space.small
   };
   var radii = {
     actionItem: theme.radii.rounded
@@ -3077,19 +3076,30 @@ var getToolbarTheme = function getToolbarTheme(theme) {
     success: theme.colors.success,
     danger: theme.colors.warning,
     error: theme.colors.error,
-    disabled: theme.colors.disabledOnDefaultGlobalSurface
+    disabled: theme.colors.disabledOnDefaultGlobalSurface,
+    iconButtonBackground: theme.colors.highlightedSurface
   };
   var space = {
     verticalPadding: theme.space.small,
-    horizontalPadding: theme.space.smallMedium
+    horizontalPadding: theme.space.small,
+    iconButtonLabelMarginLeft: theme.space.small,
+    iconButtonWrapperPadding: theme.space.smallMedium
   };
   var borderWidths = {
     "default": theme.borderWidths.base
   };
+  var sizes = {
+    itemWrapperHeight: scale(64)
+  };
+  var radii = {
+    iconButtonWrapperBorderRadius: theme.radii.xxxlarge
+  };
   return {
     colors: colors,
     space: space,
-    borderWidths: borderWidths
+    borderWidths: borderWidths,
+    sizes: sizes,
+    radii: radii
   };
 };
 
@@ -3104,7 +3114,8 @@ var getTypographyTheme = function getTypographyTheme(theme) {
     warning: theme.colors.warning,
     success: theme.colors.success,
     inverted: theme.colors.onDarkGlobalSurface,
-    archived: theme.colors.onArchivedSurface
+    archived: theme.colors.onArchivedSurface,
+    disabled: theme.colors.disabledOnDefaultGlobalSurface
   };
   var fontSizes = {
     xsmall: theme.fontSizes.xsmall,
@@ -6227,7 +6238,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', '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 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', 'ai-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;
@@ -6301,21 +6312,21 @@ var user = 59171;
 var wallet = 59174;
 var warning = 59175;
 var add = 59181;
-var bold = 59203;
-var cancel = 59215;
-var checkmark = 59220;
-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 bold = 59204;
+var cancel = 59216;
+var checkmark = 59221;
+var italic = 59304;
+var number = 59328;
+var percentage = 59333;
+var redeem = 59342;
+var refresh = 59343;
+var remove = 59344;
+var restart = 59346;
+var strikethrough = 59367;
+var sync = 59373;
+var transfer = 59380;
+var unavailable = 59383;
+var underline = 59384;
 var glyphMap = {
 	activate: activate,
 	"add-emoji": 59001,
@@ -6500,218 +6511,219 @@ var glyphMap = {
 	"add-time-outlined": 59180,
 	add: add,
 	"adjustment-outlined": 59182,
-	"alignment-2-outlined": 59183,
-	"alignment-outlined": 59184,
-	"all-caps": 59185,
-	"arrow-down": 59186,
-	"arrow-downwards": 59187,
-	"arrow-left": 59188,
-	"arrow-leftwards": 59189,
-	"arrow-right": 59190,
-	"arrow-rightwards": 59191,
-	"arrow-up": 59192,
-	"arrow-upwards": 59193,
-	"article-outlined": 59194,
-	"at-sign": 59195,
-	"auto-graph-outlined": 59196,
-	"beer-outlined": 59197,
-	"bell-active-outlined": 59198,
-	"bell-outlined": 59199,
-	"bell-slash-outlined": 59200,
-	"billing-outlined": 59201,
-	"body-outlined": 59202,
+	"ai-outlined": 59183,
+	"alignment-2-outlined": 59184,
+	"alignment-outlined": 59185,
+	"all-caps": 59186,
+	"arrow-down": 59187,
+	"arrow-downwards": 59188,
+	"arrow-left": 59189,
+	"arrow-leftwards": 59190,
+	"arrow-right": 59191,
+	"arrow-rightwards": 59192,
+	"arrow-up": 59193,
+	"arrow-upwards": 59194,
+	"article-outlined": 59195,
+	"at-sign": 59196,
+	"auto-graph-outlined": 59197,
+	"beer-outlined": 59198,
+	"bell-active-outlined": 59199,
+	"bell-outlined": 59200,
+	"bell-slash-outlined": 59201,
+	"billing-outlined": 59202,
+	"body-outlined": 59203,
 	bold: bold,
-	"book-outlined": 59204,
-	"bookmark-added-outlined": 59205,
-	"bookmark-outlined": 59206,
-	"box-check-outlined": 59207,
-	"box-outlined": 59208,
-	"bullet-points": 59209,
-	"cake-outlined": 59210,
-	"calendar-dates-outlined": 59211,
-	"calendar-star-outlined": 59212,
-	"call-split-outlined": 59213,
-	"camera-outlined": 59214,
+	"book-outlined": 59205,
+	"bookmark-added-outlined": 59206,
+	"bookmark-outlined": 59207,
+	"box-check-outlined": 59208,
+	"box-outlined": 59209,
+	"bullet-points": 59210,
+	"cake-outlined": 59211,
+	"calendar-dates-outlined": 59212,
+	"calendar-star-outlined": 59213,
+	"call-split-outlined": 59214,
+	"camera-outlined": 59215,
 	cancel: cancel,
-	"car-forward-outlined": 59216,
-	"charging-station-outlined": 59217,
-	"chat-bubble-outlined": 59218,
-	"chat-unread-outlined": 59219,
+	"car-forward-outlined": 59217,
+	"charging-station-outlined": 59218,
+	"chat-bubble-outlined": 59219,
+	"chat-unread-outlined": 59220,
 	checkmark: checkmark,
-	"circle-add-outlined": 59221,
-	"circle-cancel-outlined": 59222,
-	"circle-down-outlined": 59223,
-	"circle-info-outlined": 59224,
-	"circle-left-outlined": 59225,
-	"circle-ok-outlined": 59226,
-	"circle-question-outlined": 59227,
-	"circle-remove-outlined": 59228,
-	"circle-right-outlined": 59229,
-	"circle-up-outlined": 59230,
-	"circle-warning-outlined": 59231,
-	"clock-2-outlined": 59232,
-	"clock-outlined": 59233,
-	"cog-outlined": 59234,
-	"coin-outlined": 59235,
-	"coin-super-outlined": 59236,
-	"comment-outlined": 59237,
-	"contacts-outlined": 59238,
-	"contacts-user-outlined": 59239,
-	"credit-card-outlined": 59240,
-	"cup-outlined": 59241,
-	"dentistry-outlined": 59242,
-	"direction-arrows-outlined": 59243,
-	"directory-outlined": 59244,
-	"document-outlined": 59245,
-	"dollar-box-outlined": 59246,
-	"dollar-card-outlined": 59247,
-	"dollar-coin-shine-outlined": 59248,
-	"dollar-credit-card-outlined": 59249,
-	"dollar-sign": 59250,
-	"double-buildings-outlined": 59251,
-	"double-left-arrows": 59252,
-	"double-right-arrows": 59253,
-	"download-box-outlined": 59254,
-	"download-outlined": 59255,
-	"edit-template-outlined": 59256,
-	"email-outlined": 59257,
-	"enter-arrow": 59258,
-	"envelope-outlined": 59259,
-	"expense-outlined": 59260,
-	"explore-outlined": 59261,
-	"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,
+	"circle-add-outlined": 59222,
+	"circle-cancel-outlined": 59223,
+	"circle-down-outlined": 59224,
+	"circle-info-outlined": 59225,
+	"circle-left-outlined": 59226,
+	"circle-ok-outlined": 59227,
+	"circle-question-outlined": 59228,
+	"circle-remove-outlined": 59229,
+	"circle-right-outlined": 59230,
+	"circle-up-outlined": 59231,
+	"circle-warning-outlined": 59232,
+	"clock-2-outlined": 59233,
+	"clock-outlined": 59234,
+	"cog-outlined": 59235,
+	"coin-outlined": 59236,
+	"coin-super-outlined": 59237,
+	"comment-outlined": 59238,
+	"contacts-outlined": 59239,
+	"contacts-user-outlined": 59240,
+	"credit-card-outlined": 59241,
+	"cup-outlined": 59242,
+	"dentistry-outlined": 59243,
+	"direction-arrows-outlined": 59244,
+	"directory-outlined": 59245,
+	"document-outlined": 59246,
+	"dollar-box-outlined": 59247,
+	"dollar-card-outlined": 59248,
+	"dollar-coin-shine-outlined": 59249,
+	"dollar-credit-card-outlined": 59250,
+	"dollar-sign": 59251,
+	"double-buildings-outlined": 59252,
+	"double-left-arrows": 59253,
+	"double-right-arrows": 59254,
+	"download-box-outlined": 59255,
+	"download-outlined": 59256,
+	"edit-template-outlined": 59257,
+	"email-outlined": 59258,
+	"enter-arrow": 59259,
+	"envelope-outlined": 59260,
+	"expense-outlined": 59261,
+	"explore-outlined": 59262,
+	"extension-outlined": 59263,
+	"external-link": 59264,
+	"eye-invisible-outlined": 59265,
+	"eye-outlined": 59266,
+	"face-id": 59267,
+	"face-meh-outlined": 59268,
+	"face-open-smiley-outlined": 59269,
+	"face-sad-outlined": 59270,
+	"face-smiley-outlined": 59271,
+	"fastfood-outlined": 59272,
+	"feed-outlined": 59273,
+	"file-certified-outlined": 59274,
+	"file-clone-outlined": 59275,
+	"file-copy-outlined": 59276,
+	"file-dispose-outlined": 59277,
+	"file-dollar-certified-outlined": 59278,
+	"file-dollar-outlined": 59279,
+	"file-download-outlined": 59280,
+	"file-export-outlined": 59281,
+	"file-lock-outlined": 59282,
+	"file-outlined": 59283,
+	"file-search-outlined": 59284,
+	"file-secured-outlined": 59285,
+	"file-statutory-outlined": 59286,
+	"file-verified-outlined": 59287,
+	"filter-outlined": 59288,
+	"folder-outlined": 59289,
+	"folder-user-outlined": 59290,
+	"form-outlined": 59291,
+	"funnel-filter-outline": 59292,
+	"graph-outlined": 59293,
+	"hand-holding-user-outlined": 59294,
+	"happy-sun-outlined": 59295,
+	"health-bag-outlined": 59296,
+	"heart-outlined": 59297,
+	"home-active-outlined": 59298,
+	"home-outlined": 59299,
+	"id-card-outlined": 59300,
+	"image-outlined": 59301,
+	"import-outlined": 59302,
+	"instapay-outlined": 59303,
 	italic: italic,
-	"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,
+	"link-1": 59305,
+	"link-2": 59306,
+	"list-outlined": 59307,
+	"live-help-outlined": 59308,
+	"location-on-outlined": 59309,
+	"location-outlined": 59310,
+	"lock-outlined": 59311,
+	"locked-file-outlined": 59312,
+	"log-out": 59313,
+	"media-content-outlined": 59314,
+	"menu-close": 59315,
+	"menu-expand": 59316,
+	"menu-fold-outlined": 59317,
+	"menu-unfold-outlined": 59318,
+	"moneybag-outlined": 59319,
+	"moon-outlined": 59320,
+	"more-horizontal": 59321,
+	"more-vertical": 59322,
+	"multiple-folders-outlined": 59323,
+	"multiple-users-outlined": 59324,
+	"near-me-outlined": 59325,
+	"node-outlined": 59326,
+	"number-points": 59327,
 	number: number,
-	"overview-outlined": 59328,
-	"payment-summary-outlined": 59329,
-	"payslip-outlined": 59330,
-	"pencil-outlined": 59331,
+	"overview-outlined": 59329,
+	"payment-summary-outlined": 59330,
+	"payslip-outlined": 59331,
+	"pencil-outlined": 59332,
 	percentage: percentage,
-	"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,
+	"phone-outlined": 59334,
+	"piggy-bank-outlined": 59335,
+	"plane-outlined": 59336,
+	"play-circle-outlined": 59337,
+	"print-outlined": 59338,
+	"qr-code-outlined": 59339,
+	"qualification-outlined": 59340,
+	"re-assign": 59341,
 	redeem: redeem,
 	refresh: refresh,
 	remove: remove,
-	"reply-outlined": 59344,
+	"reply-outlined": 59345,
 	restart: restart,
-	"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,
+	"return-arrow": 59347,
+	"rostering-outlined": 59348,
+	"save-outlined": 59349,
+	"schedule-outlined": 59350,
+	"search-outlined": 59351,
+	"search-secured-outlined": 59352,
+	"send-outlined": 59353,
+	"share-1": 59354,
+	"share-2": 59355,
+	"share-outlined": 59356,
+	"show-chart-outlined": 59357,
+	"single-down-arrow": 59358,
+	"single-left-arrow": 59359,
+	"single-right-arrow": 59360,
+	"single-up-arrow": 59361,
+	"speaker-active-outlined": 59362,
+	"speaker-outlined": 59363,
+	"star-circle-outlined": 59364,
+	"star-outlined": 59365,
+	"stopwatch-outlined": 59366,
 	strikethrough: strikethrough,
-	"styler-outlined": 59367,
-	"suitcase-clock-outlined": 59368,
-	"suitcase-outlined": 59369,
-	"survey-outlined": 59370,
-	"switch-outlined": 59371,
+	"styler-outlined": 59368,
+	"suitcase-clock-outlined": 59369,
+	"suitcase-outlined": 59370,
+	"survey-outlined": 59371,
+	"switch-outlined": 59372,
 	sync: sync,
-	"tag-outlined": 59373,
-	"target-outlined": 59374,
-	"tennis-outlined": 59375,
-	"ticket-outlined": 59376,
-	"timesheet-outlined": 59377,
-	"today-outlined": 59378,
+	"tag-outlined": 59374,
+	"target-outlined": 59375,
+	"tennis-outlined": 59376,
+	"ticket-outlined": 59377,
+	"timesheet-outlined": 59378,
+	"today-outlined": 59379,
 	transfer: transfer,
-	"trash-bin-outlined": 59380,
-	"umbrela-outlined": 59381,
+	"trash-bin-outlined": 59381,
+	"umbrela-outlined": 59382,
 	unavailable: unavailable,
 	underline: underline,
-	"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
+	"union-outlined": 59385,
+	"unlock-outlined": 59386,
+	"upload-outlined": 59387,
+	"user-circle-outlined": 59388,
+	"user-gear-outlined": 59389,
+	"user-outlined": 59390,
+	"user-rectangle-outlined": 59391,
+	"video-1-outlined": 59392,
+	"video-2-outlined": 59393,
+	"volunteer-outlined": 59394,
+	"wallet-outlined": 59395
 };
 
 var HeroIcon = reactNativeVectorIcons.createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
@@ -12054,7 +12066,7 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
     testID: "input-suffix",
     icon: actualSuffix,
     spin: actualSuffix === 'loading',
-    size: "xsmall"
+    size: "medium"
   }) : suffix), /*#__PURE__*/React__default["default"].createElement(StyledErrorAndHelpTextContainer, null, /*#__PURE__*/React__default["default"].createElement(StyledErrorAndMaxLengthContainer, null, error ? /*#__PURE__*/React__default["default"].createElement(StyledErrorContainer$2, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     testID: "input-error-icon",
     icon: "circle-info",
@@ -13102,11 +13114,10 @@ var StyledBackdrop = index$a(reactNative.Animated.View)(function (_ref2) {
   var theme = _ref2.theme;
   return {
     position: 'absolute',
-    flex: 1,
-    height: '100%',
-    width: '100%',
-    bottom: 0,
+    left: 0,
     right: 0,
+    top: 0,
+    bottom: 0,
     backgroundColor: theme.__hd__.fab.colors.backdropBackground
   };
 });
@@ -13122,17 +13133,6 @@ 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,
@@ -13155,43 +13155,15 @@ 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: 0,
+      toValue: active ? 1 : 0,
       useNativeDriver: reactNative.Platform.OS === 'ios' || reactNative.Platform.OS === 'android',
       easing: reactNative.Easing.inOut(reactNative.Easing.cubic)
     });
-    animation.start(function () {
-      setVisibility(false);
-      onPress();
-    });
-  }, [visible]);
+    animation.start();
+  }, [active]);
   var interpolatedTranlateXAnimation = tranlateXAnimation.current.interpolate({
     inputRange: [0, 1],
     outputRange: [400, 0]
@@ -13208,18 +13180,13 @@ 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
-    },
-    testID: "back-drop",
-    pointerEvents: active ? 'auto' : 'box-none'
-  }), /*#__PURE__*/React__default["default"].createElement(StyledModalView, null, /*#__PURE__*/React__default["default"].createElement(StyledActionGroupContainer, {
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(StyledActionGroupContainer, {
     pointerEvents: active ? 'auto' : 'none',
     testID: "action-group",
     style: {
@@ -13232,17 +13199,7 @@ var ActionGroup = function ActionGroup(_ref2) {
     testID: "header-text"
   }, headerTitle), /*#__PURE__*/React__default["default"].createElement(ActionItemsListComponent, {
     items: items
-  })), 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, {
+  })), /*#__PURE__*/React__default["default"].createElement(StyledFAB, {
     testID: "fab",
     icon: fabIcon,
     onPress: onPress,
@@ -16485,7 +16442,6 @@ var ToolbarWrapper = index$a(reactNative.View)(function (_ref) {
     zIndex: 9999,
     elevation: 9999,
     width: '100%',
-    paddingVertical: theme.__hd__.toolbar.space.verticalPadding,
     paddingHorizontal: theme.__hd__.toolbar.space.horizontalPadding,
     borderTopWidth: theme.__hd__.toolbar.borderWidths["default"],
     borderColor: theme.__hd__.toolbar.colors.border,
@@ -16511,47 +16467,102 @@ var ToolbarGroupWrapper = index$a(reactNative.View)(function (_ref2) {
 var ToolbarItemWrapper = index$a(reactNative.TouchableOpacity)(function (_ref3) {
   var theme = _ref3.theme;
   return {
+    height: theme.__hd__.toolbar.sizes.itemWrapperHeight,
     paddingVertical: theme.__hd__.toolbar.space.verticalPadding,
     paddingHorizontal: theme.__hd__.toolbar.space.horizontalPadding,
-    alignItems: 'center'
+    alignItems: 'center',
+    flexDirection: 'row'
+  };
+});
+var IconButtonWrapper = index$a(reactNative.View)(function (_ref4) {
+  var theme = _ref4.theme;
+  return {
+    backgroundColor: theme.__hd__.toolbar.colors.iconButtonBackground,
+    borderRadius: theme.__hd__.toolbar.radii.iconButtonWrapperBorderRadius,
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexDirection: 'row',
+    padding: theme.__hd__.toolbar.space.iconButtonWrapperPadding
+  };
+});
+var IconButtonLabel = index$a(Typography.Text)(function (_ref5) {
+  var theme = _ref5.theme;
+  return {
+    marginLeft: theme.__hd__.toolbar.space.iconButtonLabelMarginLeft
   };
 });
 
-var ToolbarItem = function ToolbarItem(_ref) {
+var IconItem = function IconItem(_ref) {
   var icon = _ref.icon,
-    label = _ref.label,
-    onPress = _ref.onPress,
-    _ref$intent = _ref.intent,
-    intent = _ref$intent === void 0 ? 'primary' : _ref$intent,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-    style = _ref.style;
-  return /*#__PURE__*/React__default["default"].createElement(ToolbarItemWrapper, {
-    onPress: onPress,
-    disabled: disabled,
-    style: style
-  }, icon ? /*#__PURE__*/React__default["default"].createElement(Icon, {
+    intent = _ref.intent,
+    disabled = _ref.disabled,
+    label = _ref.label;
+  return /*#__PURE__*/React__default["default"].createElement(IconButtonWrapper, null, /*#__PURE__*/React__default["default"].createElement(Icon, {
     icon: icon,
-    size: label ? 'medium' : 'large',
+    size: "medium",
     intent: disabled ? 'disabled-text' : intent,
     testID: "toolbar-item-icon-".concat(icon)
-  }) : null, label ? /*#__PURE__*/React__default["default"].createElement(Typography.Text, {
-    fontSize: icon ? 'small' : 'large',
+  }), label ? /*#__PURE__*/React__default["default"].createElement(IconButtonLabel, {
+    fontSize: "large",
     fontWeight: "semi-bold",
     intent: disabled ? 'subdued' : intent,
     allowFontScaling: false,
     numberOfLines: 1
   }, label) : null);
 };
+var ToolbarItemContent = function ToolbarItemContent(_ref2) {
+  var icon = _ref2.icon,
+    label = _ref2.label,
+    _ref2$intent = _ref2.intent,
+    intent = _ref2$intent === void 0 ? 'primary' : _ref2$intent,
+    _ref2$disabled = _ref2.disabled,
+    disabled = _ref2$disabled === void 0 ? false : _ref2$disabled;
+  if (icon) {
+    return /*#__PURE__*/React__default["default"].createElement(IconItem, {
+      icon: icon,
+      intent: intent,
+      disabled: disabled,
+      label: label
+    });
+  }
+  if (label) {
+    return /*#__PURE__*/React__default["default"].createElement(Typography.Text, {
+      fontSize: "large",
+      fontWeight: "semi-bold",
+      intent: disabled ? 'disabled' : intent,
+      allowFontScaling: false,
+      numberOfLines: 1
+    }, label);
+  }
+  return null;
+};
+var ToolbarItem = function ToolbarItem(_ref3) {
+  var icon = _ref3.icon,
+    label = _ref3.label,
+    onPress = _ref3.onPress,
+    _ref3$intent = _ref3.intent,
+    intent = _ref3$intent === void 0 ? 'primary' : _ref3$intent,
+    _ref3$disabled = _ref3.disabled,
+    disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
+    style = _ref3.style;
+  return /*#__PURE__*/React__default["default"].createElement(ToolbarItemWrapper, {
+    onPress: onPress,
+    disabled: disabled,
+    style: style
+  }, /*#__PURE__*/React__default["default"].createElement(ToolbarItemContent, {
+    icon: icon,
+    label: label,
+    intent: intent,
+    disabled: disabled
+  }));
+};
 
 var ToolbarGroup = function ToolbarGroup(_ref) {
   var _ref$align = _ref.align,
     align = _ref$align === void 0 ? 'right' : _ref$align,
     _ref$items = _ref.items,
     items = _ref$items === void 0 ? [] : _ref$items;
-  // set maxWidth prevents overflow of items
-  // issue: https://github.com/Thinkei/hero-design/issues/1619
-  var maxWidth = items.length > 0 ? "".concat(100 / items.length, "%") : undefined;
+  useDeprecation("Toolbar's align prop is deprecated", align !== 'right');
   return /*#__PURE__*/React__default["default"].createElement(ToolbarGroupWrapper, {
     align: align
   }, items.map(function (_ref2) {
@@ -16566,10 +16577,7 @@ var ToolbarGroup = function ToolbarGroup(_ref) {
       icon: icon,
       intent: intent,
       onPress: onPress,
-      disabled: disabled,
-      style: {
-        maxWidth: maxWidth
-      }
+      disabled: disabled
     });
   }));
 };