@hero-design/rn 8.127.1 → 8.128.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (35) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/CLAUDE.md +1 -1
  3. package/assets/fonts/hero-icons-mobile.ttf +0 -0
  4. package/es/index.js +219 -209
  5. package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
  6. package/lib/index.js +219 -209
  7. package/package.json +4 -4
  8. package/src/components/Button/StyledButton.tsx +4 -4
  9. package/src/components/FAB/FAB.tsx +37 -5
  10. package/src/components/FAB/Pair/StyledFAB.tsx +2 -2
  11. package/src/components/FAB/Pair/index.tsx +6 -0
  12. package/src/components/FAB/StyledFAB.tsx +3 -1
  13. package/src/components/FilterTrigger/index.tsx +7 -6
  14. package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
  15. package/src/components/Icon/IconList.ts +1 -0
  16. package/src/components/StatusScreens/Error/StyledError.tsx +0 -6
  17. package/src/components/StatusScreens/Error/index.tsx +2 -6
  18. package/src/components/StatusScreens/Success/StyledSuccess.tsx +0 -6
  19. package/src/components/StatusScreens/Success/index.tsx +2 -2
  20. package/src/locales/types.ts +1 -3
  21. package/src/theme/components/fab.ts +12 -11
  22. package/src/theme/components/filterTrigger.ts +8 -10
  23. package/src/theme/global/colors/ehJobs.ts +1 -0
  24. package/src/theme/global/colors/ehWork.ts +1 -1
  25. package/types/components/Checkbox/StyledInlineCheckBox.d.ts +1 -1
  26. package/types/components/FAB/FAB.d.ts +5 -1
  27. package/types/components/FAB/Pair/StyledFAB.d.ts +3 -1
  28. package/types/components/FAB/StyledFAB.d.ts +1 -0
  29. package/types/components/Icon/IconList.d.ts +1 -1
  30. package/types/components/Icon/index.d.ts +1 -1
  31. package/types/components/StatusScreens/Error/StyledError.d.ts +1 -5
  32. package/types/components/StatusScreens/Success/StyledSuccess.d.ts +1 -5
  33. package/types/components/TextInput/index.d.ts +1 -1
  34. package/types/locales/types.d.ts +1 -3
  35. package/types/theme/components/filterTrigger.d.ts +0 -2
package/lib/index.js CHANGED
@@ -5008,7 +5008,7 @@ var swagLightGlobalPalette = _objectSpread2(_objectSpread2({}, globalPalette$1),
5008
5008
  });
5009
5009
 
5010
5010
  var ehWorkBrandSystemPalette = {
5011
- primary: '#460078',
5011
+ primary: '#7622d7',
5012
5012
  onPrimary: '#fdfbff',
5013
5013
  secondary: '#b382fd',
5014
5014
  onSecondary: palette$4.white,
@@ -5037,6 +5037,7 @@ var swagSystemPalette = _objectSpread2(_objectSpread2({}, ehWorkSystemPalette),
5037
5037
 
5038
5038
  var ehJobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette), {}, {
5039
5039
  name: 'ehJobs',
5040
+ primary: '#7622d7',
5040
5041
  secondary: '#40d1ff',
5041
5042
  onSecondary: '#460078',
5042
5043
  secondaryHighlightedSurface: '#ecfaff',
@@ -6403,19 +6404,19 @@ var getErrorTheme = function getErrorTheme(theme) {
6403
6404
 
6404
6405
  var getFABTheme = function getFABTheme(theme) {
6405
6406
  var colors = {
6406
- buttonBackground: theme.colors.overlayGlobalSurface,
6407
- buttonPressedBackground: theme.colors.overlayGlobalSurface,
6408
- buttonActiveBackground: theme.colors.overlayGlobalSurface,
6407
+ buttonBackground: theme.colors.primary,
6408
+ buttonPressedBackground: theme.colors.primary,
6409
+ buttonActiveBackground: theme.colors.primary,
6409
6410
  icon: theme.colors.onDarkGlobalSurface,
6410
- actionItemBackground: theme.colors.overlayGlobalSurface,
6411
- actionItemPressedBackground: theme.colors.overlayGlobalSurface,
6411
+ actionItemBackground: theme.colors.defaultGlobalSurface,
6412
+ actionItemPressedBackground: theme.colors.defaultGlobalSurface,
6412
6413
  backdropBackground: theme.colors.black,
6413
6414
  titleText: theme.colors.onDarkGlobalSurface,
6414
- actionItemText: theme.colors.onDarkGlobalSurface
6415
+ actionItemText: theme.colors.onDefaultGlobalSurface
6415
6416
  };
6416
6417
  var sizes = {
6417
- width: theme.sizes.xxxxxlarge,
6418
- height: theme.sizes.xxxxxlarge,
6418
+ width: theme.sizes.xxxlarge,
6419
+ height: theme.sizes.xxxlarge,
6419
6420
  iconContainerWidth: theme.sizes.large,
6420
6421
  iconContainerHeight: theme.sizes.large,
6421
6422
  fabPairHeight: theme.sizes.xxxlarge,
@@ -6423,11 +6424,11 @@ var getFABTheme = function getFABTheme(theme) {
6423
6424
  };
6424
6425
  var fonts = {
6425
6426
  actionItemText: theme.fonts.neutral.regular,
6426
- title: theme.fonts.neutral.semiBold
6427
+ title: theme.fonts.neutral.regular
6427
6428
  };
6428
6429
  var fontSizes = {
6429
6430
  actionItemText: theme.fontSizes.large,
6430
- title: theme.fontSizes.large
6431
+ title: theme.fontSizes.medium
6431
6432
  };
6432
6433
  var lineHeights = {
6433
6434
  actionItemText: theme.lineHeights.medium,
@@ -6444,7 +6445,7 @@ var getFABTheme = function getFABTheme(theme) {
6444
6445
  actionItemTextPaddingLeft: theme.space.xsmall,
6445
6446
  buttonMarginTop: theme.space.large,
6446
6447
  buttonMarginRight: theme.space.large,
6447
- containerPadding: theme.space.large - theme.space.xsmall,
6448
+ containerPadding: theme.space.smallMedium,
6448
6449
  titleMarginHorizontal: theme.space.small,
6449
6450
  fabPairMarginRight: theme.space.small
6450
6451
  };
@@ -7810,21 +7811,19 @@ var getAppCueTheme = function getAppCueTheme(theme) {
7810
7811
  var getFilterTriggerTheme = function getFilterTriggerTheme(theme) {
7811
7812
  var borderWidths = {
7812
7813
  wrapper: {
7813
- filled: theme.borderWidths.medium,
7814
- outlined: theme.borderWidths.medium,
7814
+ filled: theme.borderWidths.base,
7815
+ outlined: theme.borderWidths.base,
7815
7816
  ghost: 0
7816
7817
  }
7817
7818
  };
7818
7819
  var colors = {
7819
7820
  wrapper: {
7820
- activeBackground: theme.colors.highlightedSurface,
7821
- inactiveBackground: theme.colors.neutralGlobalSurface,
7822
7821
  background: {
7823
7822
  active: {
7824
7823
  filled: theme.colors.highlightedSurface,
7825
- outlined: 'transparent',
7826
- ghost: 'transparent',
7827
- filledLabeless: theme.colors.neutralGlobalSurface
7824
+ outlined: theme.colors.highlightedSurface,
7825
+ ghost: theme.colors.highlightedSurface,
7826
+ filledLabeless: theme.colors.highlightedSurface
7828
7827
  },
7829
7828
  inactive: {
7830
7829
  filled: theme.colors.neutralGlobalSurface,
@@ -7835,13 +7834,13 @@ var getFilterTriggerTheme = function getFilterTriggerTheme(theme) {
7835
7834
  border: {
7836
7835
  active: {
7837
7836
  filled: theme.colors.highlightedSurface,
7838
- outlined: theme.colors.primaryOutline,
7837
+ outlined: theme.colors.primary,
7839
7838
  ghost: 'transparent',
7840
- filledLabeless: theme.colors.neutralGlobalSurface
7839
+ filledLabeless: theme.colors.highlightedSurface
7841
7840
  },
7842
7841
  inactive: {
7843
7842
  filled: theme.colors.neutralGlobalSurface,
7844
- outlined: theme.colors.secondaryOutline,
7843
+ outlined: theme.colors.primary,
7845
7844
  ghost: 'transparent'
7846
7845
  }
7847
7846
  }
@@ -8539,7 +8538,7 @@ var Typography = {
8539
8538
  };
8540
8539
 
8541
8540
  // 🔴 DO NOT EDIT — This file is generated automatically.
8542
- var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bolt', 'bookmark-added', 'bookmark-checked', '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', 'global-pound', '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-vertical', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-arrow', 'play-circle', 'pound-coin-shine', 'pound-sign', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rocket-launch', 'rostering', 'salary-sacrifice', 'save', 'schedule-send', 'schedule', 'search-person', 'search', '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', 'thumb-up', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'academic-hat-outlined', 'accommodation-outlined', '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', 'automotive-outlined', 'bakery-outlined', 'bar-outlined', 'beauty-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-checked-outlined', 'bookmark-outlined', 'box-1-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calculator-outlined', 'calendar-dates-outlined', 'calendar-edit-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', 'cultural-site-outlined', 'cup-outlined', 'dentistry-outlined', 'diamond-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', 'edit-user-outlined', 'electronics-outlined', 'email-outlined', 'end-break-outlined', 'enter-arrow', 'entertainment-outlined', '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', 'feedbacks-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-pound-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-statutory-outlined', 'file-verified-outlined', 'filter-outlined', 'fitness-outlined', 'folder-outlined', 'folder-upload-outlined', 'folder-user-outlined', 'form-outlined', 'funnel-filter-outline', 'goal-outlined', 'graph-outlined', 'grocery-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', 'lighting-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', 'park-outlined', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'pound-box-outlined', 'pound-card-outlined', 'pound-coin-shine-outlined', 'pound-credit-card-outlined', 'print-outlined', 'profile-2user-outlined', 'propane-tank-outlined', 'qr-code-outlined', 'qualification-outlined', 'question-mark', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'restaurant-outlined', 'resume-outlined', 'return-arrow', 'rocket-launch-outlined', 'rostering-outlined', 'safety-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined-2', 'share-outlined', 'shield-check-outlined', 'shop-outlined', 'shopping_basket_outlined', 'show-chart-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'smart-match-outlined', 'sparkle-2-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', 'thumb-up-outlined', 'ticket-outlined', 'timesheet-outlined', 'timesheets-outlined', 'today-outlined', 'transfer', 'transportation-outlined', 'trash-bin-outlined', 'umbrela-outlined', 'unavailability-outlined', 'unavailable', 'underline', 'union-outlined', 'unlock-outlined', 'upload-outlined', 'user-add-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-out-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'volunteer-outlined', 'wallet-outlined', 'wellness-outlined'];
8541
+ var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bolt', 'bookmark-added', 'bookmark-checked', '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', 'global-pound', '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-vertical', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-arrow', 'play-circle', 'pound-coin-shine', 'pound-sign', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rocket-launch', 'rostering', 'salary-sacrifice', 'save', 'schedule-send', 'schedule', 'search-person', 'search', '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', 'thumb-up', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'academic-hat-outlined', 'accommodation-outlined', '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', 'automotive-outlined', 'bakery-outlined', 'bar-outlined', 'beauty-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-checked-outlined', 'bookmark-outlined', 'box-1-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calculator-outlined', 'calendar-dates-outlined', 'calendar-edit-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', 'cultural-site-outlined', 'cup-outlined', 'dentistry-outlined', 'diamond-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', 'edit-user-outlined', 'electronics-outlined', 'email-outlined', 'end-break-outlined', 'enter-arrow', 'entertainment-outlined', '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', 'feedbacks-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-pound-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-statutory-outlined', 'file-verified-outlined', 'filter-outlined', 'fitness-outlined', 'folder-outlined', 'folder-upload-outlined', 'folder-user-outlined', 'form-outlined', 'funnel-filter-outline', 'goal-outlined', 'graph-outlined', 'grocery-outlined', 'hand-holding-user-outlined', 'handshake-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'history-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'job-search-outlined', 'leave-approval-outlined', 'lighting-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', 'park-outlined', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'pound-box-outlined', 'pound-card-outlined', 'pound-coin-shine-outlined', 'pound-credit-card-outlined', 'print-outlined', 'profile-2user-outlined', 'propane-tank-outlined', 'qr-code-outlined', 'qualification-outlined', 'question-mark', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'restaurant-outlined', 'resume-outlined', 'return-arrow', 'rocket-launch-outlined', 'rostering-outlined', 'safety-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined-2', 'share-outlined', 'shield-check-outlined', 'shop-outlined', 'shopping_basket_outlined', 'show-chart-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'smart-match-outlined', 'sparkle-2-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', 'thumb-up-outlined', 'ticket-outlined', 'timesheet-outlined', 'timesheets-outlined', 'today-outlined', 'transfer', 'transportation-outlined', 'trash-bin-outlined', 'umbrela-outlined', 'unavailability-outlined', 'unavailable', 'underline', 'union-outlined', 'unlock-outlined', 'upload-outlined', 'user-add-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-out-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'volunteer-outlined', 'wallet-outlined', 'wellness-outlined'];
8543
8542
 
8544
8543
  var activate = 59000;
8545
8544
  var adjustment = 59003;
@@ -8619,20 +8618,20 @@ var add = 59203;
8619
8618
  var bold = 59233;
8620
8619
  var cancel = 59251;
8621
8620
  var checkmark = 59257;
8622
- var italic = 59357;
8623
- var local_mall_outlined = 59365;
8624
- var number$2 = 59388;
8625
- var percentage = 59394;
8626
- var redeem = 59410;
8627
- var refresh = 59411;
8628
- var remove$1 = 59412;
8629
- var restart = 59414;
8630
- var shopping_basket_outlined = 59432;
8631
- var strikethrough = 59448;
8632
- var sync = 59454;
8633
- var transfer = 59464;
8634
- var unavailable = 59469;
8635
- var underline = 59470;
8621
+ var italic = 59358;
8622
+ var local_mall_outlined = 59366;
8623
+ var number$2 = 59389;
8624
+ var percentage = 59395;
8625
+ var redeem = 59411;
8626
+ var refresh = 59412;
8627
+ var remove$1 = 59413;
8628
+ var restart = 59415;
8629
+ var shopping_basket_outlined = 59433;
8630
+ var strikethrough = 59449;
8631
+ var sync = 59455;
8632
+ var transfer = 59465;
8633
+ var unavailable = 59470;
8634
+ var underline = 59471;
8636
8635
  var glyphMap = {
8637
8636
  activate: activate,
8638
8637
  "add-emoji": 59001,
@@ -8985,140 +8984,141 @@ var glyphMap = {
8985
8984
  "happy-sun-outlined": 59348,
8986
8985
  "health-bag-outlined": 59349,
8987
8986
  "heart-outlined": 59350,
8988
- "home-active-outlined": 59351,
8989
- "home-outlined": 59352,
8990
- "id-card-outlined": 59353,
8991
- "image-outlined": 59354,
8992
- "import-outlined": 59355,
8993
- "instapay-outlined": 59356,
8987
+ "history-outlined": 59351,
8988
+ "home-active-outlined": 59352,
8989
+ "home-outlined": 59353,
8990
+ "id-card-outlined": 59354,
8991
+ "image-outlined": 59355,
8992
+ "import-outlined": 59356,
8993
+ "instapay-outlined": 59357,
8994
8994
  italic: italic,
8995
- "job-search-outlined": 59358,
8996
- "leave-approval-outlined": 59359,
8997
- "lighting-outlined": 59360,
8998
- "link-1": 59361,
8999
- "link-2": 59362,
9000
- "list-outlined": 59363,
9001
- "live-help-outlined": 59364,
8995
+ "job-search-outlined": 59359,
8996
+ "leave-approval-outlined": 59360,
8997
+ "lighting-outlined": 59361,
8998
+ "link-1": 59362,
8999
+ "link-2": 59363,
9000
+ "list-outlined": 59364,
9001
+ "live-help-outlined": 59365,
9002
9002
  local_mall_outlined: local_mall_outlined,
9003
- "location-on-outlined": 59366,
9004
- "location-outlined": 59367,
9005
- "lock-outlined": 59368,
9006
- "locked-file-outlined": 59369,
9007
- "log-out": 59370,
9008
- "mail-outlined": 59371,
9009
- "map-outlined": 59372,
9010
- "media-content-outlined": 59373,
9011
- "menu-close": 59374,
9012
- "menu-expand": 59375,
9013
- "menu-fold-outlined": 59376,
9014
- "menu-unfold-outlined": 59377,
9015
- "moneybag-outlined": 59378,
9016
- "moon-outlined": 59379,
9017
- "more-horizontal": 59380,
9018
- "more-vertical": 59381,
9019
- "morning-outlined": 59382,
9020
- "multiple-folders-outlined": 59383,
9021
- "multiple-users-outlined": 59384,
9022
- "near-me-outlined": 59385,
9023
- "node-outlined": 59386,
9024
- "number-points": 59387,
9003
+ "location-on-outlined": 59367,
9004
+ "location-outlined": 59368,
9005
+ "lock-outlined": 59369,
9006
+ "locked-file-outlined": 59370,
9007
+ "log-out": 59371,
9008
+ "mail-outlined": 59372,
9009
+ "map-outlined": 59373,
9010
+ "media-content-outlined": 59374,
9011
+ "menu-close": 59375,
9012
+ "menu-expand": 59376,
9013
+ "menu-fold-outlined": 59377,
9014
+ "menu-unfold-outlined": 59378,
9015
+ "moneybag-outlined": 59379,
9016
+ "moon-outlined": 59380,
9017
+ "more-horizontal": 59381,
9018
+ "more-vertical": 59382,
9019
+ "morning-outlined": 59383,
9020
+ "multiple-folders-outlined": 59384,
9021
+ "multiple-users-outlined": 59385,
9022
+ "near-me-outlined": 59386,
9023
+ "node-outlined": 59387,
9024
+ "number-points": 59388,
9025
9025
  number: number$2,
9026
- "overview-outlined": 59389,
9027
- "park-outlined": 59390,
9028
- "payment-summary-outlined": 59391,
9029
- "payslip-outlined": 59392,
9030
- "pencil-outlined": 59393,
9026
+ "overview-outlined": 59390,
9027
+ "park-outlined": 59391,
9028
+ "payment-summary-outlined": 59392,
9029
+ "payslip-outlined": 59393,
9030
+ "pencil-outlined": 59394,
9031
9031
  percentage: percentage,
9032
- "phone-outlined": 59395,
9033
- "piggy-bank-outlined": 59396,
9034
- "plane-outlined": 59397,
9035
- "play-circle-outlined": 59398,
9036
- "pound-box-outlined": 59399,
9037
- "pound-card-outlined": 59400,
9038
- "pound-coin-shine-outlined": 59401,
9039
- "pound-credit-card-outlined": 59402,
9040
- "print-outlined": 59403,
9041
- "profile-2user-outlined": 59404,
9042
- "propane-tank-outlined": 59405,
9043
- "qr-code-outlined": 59406,
9044
- "qualification-outlined": 59407,
9045
- "question-mark": 59408,
9046
- "re-assign": 59409,
9032
+ "phone-outlined": 59396,
9033
+ "piggy-bank-outlined": 59397,
9034
+ "plane-outlined": 59398,
9035
+ "play-circle-outlined": 59399,
9036
+ "pound-box-outlined": 59400,
9037
+ "pound-card-outlined": 59401,
9038
+ "pound-coin-shine-outlined": 59402,
9039
+ "pound-credit-card-outlined": 59403,
9040
+ "print-outlined": 59404,
9041
+ "profile-2user-outlined": 59405,
9042
+ "propane-tank-outlined": 59406,
9043
+ "qr-code-outlined": 59407,
9044
+ "qualification-outlined": 59408,
9045
+ "question-mark": 59409,
9046
+ "re-assign": 59410,
9047
9047
  redeem: redeem,
9048
9048
  refresh: refresh,
9049
9049
  remove: remove$1,
9050
- "reply-outlined": 59413,
9050
+ "reply-outlined": 59414,
9051
9051
  restart: restart,
9052
- "restaurant-outlined": 59415,
9053
- "resume-outlined": 59416,
9054
- "return-arrow": 59417,
9055
- "rocket-launch-outlined": 59418,
9056
- "rostering-outlined": 59419,
9057
- "safety-outlined": 59420,
9058
- "save-outlined": 59421,
9059
- "schedule-outlined": 59422,
9060
- "search-outlined": 59423,
9061
- "search-secured-outlined": 59424,
9062
- "send-outlined": 59425,
9063
- "share-1": 59426,
9064
- "share-2": 59427,
9065
- "share-outlined-2": 59428,
9066
- "share-outlined": 59429,
9067
- "shield-check-outlined": 59430,
9068
- "shop-outlined": 59431,
9052
+ "restaurant-outlined": 59416,
9053
+ "resume-outlined": 59417,
9054
+ "return-arrow": 59418,
9055
+ "rocket-launch-outlined": 59419,
9056
+ "rostering-outlined": 59420,
9057
+ "safety-outlined": 59421,
9058
+ "save-outlined": 59422,
9059
+ "schedule-outlined": 59423,
9060
+ "search-outlined": 59424,
9061
+ "search-secured-outlined": 59425,
9062
+ "send-outlined": 59426,
9063
+ "share-1": 59427,
9064
+ "share-2": 59428,
9065
+ "share-outlined-2": 59429,
9066
+ "share-outlined": 59430,
9067
+ "shield-check-outlined": 59431,
9068
+ "shop-outlined": 59432,
9069
9069
  shopping_basket_outlined: shopping_basket_outlined,
9070
- "show-chart-outlined": 59433,
9071
- "single-down-arrow": 59434,
9072
- "single-left-arrow": 59435,
9073
- "single-right-arrow": 59436,
9074
- "single-up-arrow": 59437,
9075
- "smart-match-outlined": 59438,
9076
- "sparkle-2-outlined": 59439,
9077
- "sparkle-outlined": 59440,
9078
- "speaker-active-outlined": 59441,
9079
- "speaker-outlined": 59442,
9080
- "star-circle-outlined": 59443,
9081
- "star-outlined": 59444,
9082
- "start-break-outlined": 59445,
9083
- "stash-outlined": 59446,
9084
- "stopwatch-outlined": 59447,
9070
+ "show-chart-outlined": 59434,
9071
+ "single-down-arrow": 59435,
9072
+ "single-left-arrow": 59436,
9073
+ "single-right-arrow": 59437,
9074
+ "single-up-arrow": 59438,
9075
+ "smart-match-outlined": 59439,
9076
+ "sparkle-2-outlined": 59440,
9077
+ "sparkle-outlined": 59441,
9078
+ "speaker-active-outlined": 59442,
9079
+ "speaker-outlined": 59443,
9080
+ "star-circle-outlined": 59444,
9081
+ "star-outlined": 59445,
9082
+ "start-break-outlined": 59446,
9083
+ "stash-outlined": 59447,
9084
+ "stopwatch-outlined": 59448,
9085
9085
  strikethrough: strikethrough,
9086
- "styler-outlined": 59449,
9087
- "suitcase-clock-outlined": 59450,
9088
- "suitcase-outlined": 59451,
9089
- "survey-outlined": 59452,
9090
- "switch-outlined": 59453,
9086
+ "styler-outlined": 59450,
9087
+ "suitcase-clock-outlined": 59451,
9088
+ "suitcase-outlined": 59452,
9089
+ "survey-outlined": 59453,
9090
+ "switch-outlined": 59454,
9091
9091
  sync: sync,
9092
- "tag-outlined": 59455,
9093
- "target-outlined": 59456,
9094
- "tennis-outlined": 59457,
9095
- "thumb-down-outlined": 59458,
9096
- "thumb-up-outlined": 59459,
9097
- "ticket-outlined": 59460,
9098
- "timesheet-outlined": 59461,
9099
- "timesheets-outlined": 59462,
9100
- "today-outlined": 59463,
9092
+ "tag-outlined": 59456,
9093
+ "target-outlined": 59457,
9094
+ "tennis-outlined": 59458,
9095
+ "thumb-down-outlined": 59459,
9096
+ "thumb-up-outlined": 59460,
9097
+ "ticket-outlined": 59461,
9098
+ "timesheet-outlined": 59462,
9099
+ "timesheets-outlined": 59463,
9100
+ "today-outlined": 59464,
9101
9101
  transfer: transfer,
9102
- "transportation-outlined": 59465,
9103
- "trash-bin-outlined": 59466,
9104
- "umbrela-outlined": 59467,
9105
- "unavailability-outlined": 59468,
9102
+ "transportation-outlined": 59466,
9103
+ "trash-bin-outlined": 59467,
9104
+ "umbrela-outlined": 59468,
9105
+ "unavailability-outlined": 59469,
9106
9106
  unavailable: unavailable,
9107
9107
  underline: underline,
9108
- "union-outlined": 59471,
9109
- "unlock-outlined": 59472,
9110
- "upload-outlined": 59473,
9111
- "user-add-outlined": 59474,
9112
- "user-circle-outlined": 59475,
9113
- "user-gear-outlined": 59476,
9114
- "user-out-outlined": 59477,
9115
- "user-outlined": 59478,
9116
- "user-rectangle-outlined": 59479,
9117
- "video-1-outlined": 59480,
9118
- "video-2-outlined": 59481,
9119
- "volunteer-outlined": 59482,
9120
- "wallet-outlined": 59483,
9121
- "wellness-outlined": 59484
9108
+ "union-outlined": 59472,
9109
+ "unlock-outlined": 59473,
9110
+ "upload-outlined": 59474,
9111
+ "user-add-outlined": 59475,
9112
+ "user-circle-outlined": 59476,
9113
+ "user-gear-outlined": 59477,
9114
+ "user-out-outlined": 59478,
9115
+ "user-outlined": 59479,
9116
+ "user-rectangle-outlined": 59480,
9117
+ "video-1-outlined": 59481,
9118
+ "video-2-outlined": 59482,
9119
+ "volunteer-outlined": 59483,
9120
+ "wallet-outlined": 59484,
9121
+ "wellness-outlined": 59485
9122
9122
  };
9123
9123
 
9124
9124
  var HeroIcon = reactNativeVectorIcons.createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
@@ -10997,7 +10997,7 @@ var LoadingIndicator = function LoadingIndicator(_ref2) {
10997
10997
  var getButtonSize = function getButtonSize(themeIsCompact, themeIsMedium) {
10998
10998
  if (themeIsCompact) return scale(36);
10999
10999
  if (themeIsMedium) return scale(48);
11000
- return scale(60);
11000
+ return scale(48);
11001
11001
  };
11002
11002
  var getTextButtonPaddingVertical = function getTextButtonPaddingVertical(theme, themeInlineText, themeIsCompact) {
11003
11003
  if (themeInlineText) {
@@ -11056,7 +11056,7 @@ var genFilledContainerStyles = function genFilledContainerStyles(theme, intent,
11056
11056
  }
11057
11057
  return {
11058
11058
  alignSelf: 'stretch',
11059
- padding: theme.__hd__.button.space["default"].buttonPadding,
11059
+ paddingHorizontal: theme.__hd__.button.space["default"].buttonPadding,
11060
11060
  borderRadius: theme.__hd__.button.radii["default"]
11061
11061
  };
11062
11062
  };
@@ -11101,7 +11101,7 @@ var genOutlineContainerStyles = function genOutlineContainerStyles(theme, intent
11101
11101
  }
11102
11102
  return {
11103
11103
  alignSelf: 'stretch',
11104
- padding: theme.__hd__.button.space["default"].buttonPadding - theme.__hd__.button.borderWidth["default"],
11104
+ paddingHorizontal: theme.__hd__.button.space["default"].buttonPadding - theme.__hd__.button.borderWidth["default"],
11105
11105
  borderRadius: theme.__hd__.button.radii["default"]
11106
11106
  };
11107
11107
  };
@@ -11139,7 +11139,7 @@ var getTextContainerStyles = function getTextContainerStyles(theme, intent, load
11139
11139
  };
11140
11140
  }
11141
11141
  return {
11142
- padding: inlineText ? 0 : theme.__hd__.button.space["default"].textButtonPadding
11142
+ paddingHorizontal: inlineText ? 0 : theme.__hd__.button.space["default"].textButtonPadding
11143
11143
  };
11144
11144
  };
11145
11145
  return _objectSpread2({
@@ -23805,21 +23805,14 @@ var StyledErrorButtonContainer = index$c(reactNative.View)(function (_ref3) {
23805
23805
  paddingVertical: theme.__hd__.error.space.button.wrapperVerticalPadding
23806
23806
  };
23807
23807
  });
23808
- var StyledErrorButtonPrimary = index$c(CompoundButton)(function (_ref4) {
23808
+ var StyledErrorButtonSecondary = index$c(CompoundButton)(function (_ref4) {
23809
23809
  var theme = _ref4.theme;
23810
23810
  return {
23811
- padding: theme.__hd__.error.space.button.padding
23811
+ marginTop: theme.__hd__.error.space.button.margin
23812
23812
  };
23813
23813
  });
23814
- var StyledErrorButtonSecondary = index$c(CompoundButton)(function (_ref5) {
23814
+ var StyledErrorImageContainer = index$c(reactNative.View)(function (_ref5) {
23815
23815
  var theme = _ref5.theme;
23816
- return {
23817
- marginTop: theme.__hd__.error.space.button.margin,
23818
- padding: theme.__hd__.error.space.button.padding
23819
- };
23820
- });
23821
- var StyledErrorImageContainer = index$c(reactNative.View)(function (_ref6) {
23822
- var theme = _ref6.theme;
23823
23816
  return {
23824
23817
  marginBottom: theme.__hd__.error.space.imageMarginBottom,
23825
23818
  width: theme.__hd__.error.sizes.image,
@@ -23827,8 +23820,8 @@ var StyledErrorImageContainer = index$c(reactNative.View)(function (_ref6) {
23827
23820
  alignItems: 'center'
23828
23821
  };
23829
23822
  });
23830
- var StyledErrorIconContainer = index$c(reactNative.View)(function (_ref7) {
23831
- var theme = _ref7.theme;
23823
+ var StyledErrorIconContainer = index$c(reactNative.View)(function (_ref6) {
23824
+ var theme = _ref6.theme;
23832
23825
  return {
23833
23826
  marginBottom: theme.__hd__.error.space.imageMarginBottom,
23834
23827
  width: theme.__hd__.error.sizes.icon,
@@ -23836,8 +23829,8 @@ var StyledErrorIconContainer = index$c(reactNative.View)(function (_ref7) {
23836
23829
  alignItems: 'center'
23837
23830
  };
23838
23831
  });
23839
- var StyledErrorImage = index$c(Image)(function (_ref8) {
23840
- var theme = _ref8.theme;
23832
+ var StyledErrorImage = index$c(Image)(function (_ref7) {
23833
+ var theme = _ref7.theme;
23841
23834
  return {
23842
23835
  marginBottom: theme.__hd__.error.space.imageMarginBottom,
23843
23836
  width: theme.__hd__.error.sizes.image,
@@ -23845,16 +23838,16 @@ var StyledErrorImage = index$c(Image)(function (_ref8) {
23845
23838
  resizeMode: 'contain'
23846
23839
  };
23847
23840
  });
23848
- var StyledErrorTitle = index$c(Typography.Title)(function (_ref9) {
23849
- var theme = _ref9.theme;
23841
+ var StyledErrorTitle = index$c(Typography.Title)(function (_ref8) {
23842
+ var theme = _ref8.theme;
23850
23843
  return {
23851
23844
  textAlign: 'center',
23852
23845
  marginBottom: theme.__hd__.error.space.titleMarginBottom,
23853
23846
  color: theme.__hd__.error.colors.title
23854
23847
  };
23855
23848
  });
23856
- var StyledErrorDescription = index$c(Typography.Body)(function (_ref10) {
23857
- var theme = _ref10.theme;
23849
+ var StyledErrorDescription = index$c(Typography.Body)(function (_ref9) {
23850
+ var theme = _ref9.theme;
23858
23851
  return {
23859
23852
  textAlign: 'center',
23860
23853
  color: theme.__hd__.error.colors.description
@@ -23917,7 +23910,7 @@ var ErrorPage = function ErrorPage(_ref2) {
23917
23910
  typeface: "playful"
23918
23911
  }, title), description && /*#__PURE__*/React__namespace.default.createElement(StyledErrorDescription, {
23919
23912
  typeface: "playful"
23920
- }, description)), showButtonContainer && /*#__PURE__*/React__namespace.default.createElement(StyledErrorButtonContainer, null, showCta && /*#__PURE__*/React__namespace.default.createElement(StyledErrorButtonPrimary, {
23913
+ }, description)), showButtonContainer && /*#__PURE__*/React__namespace.default.createElement(StyledErrorButtonContainer, null, showCta && /*#__PURE__*/React__namespace.default.createElement(CompoundButton, {
23921
23914
  variant: "filled",
23922
23915
  text: ctaText,
23923
23916
  onPress: onCtaPress
@@ -24048,8 +24041,9 @@ var StyledIcon$3 = index$c(Icon)(function (_ref3) {
24048
24041
  var AnimatedTouchableHighlight = reactNative.Animated.createAnimatedComponent(reactNative.TouchableOpacity);
24049
24042
  var StyledFAB$2 = index$c(AnimatedTouchableHighlight)(function (_ref) {
24050
24043
  var theme = _ref.theme,
24051
- themeActive = _ref.themeActive;
24052
- return _objectSpread2({
24044
+ themeActive = _ref.themeActive,
24045
+ themeIconOnly = _ref.themeIconOnly;
24046
+ return _objectSpread2(_objectSpread2({
24053
24047
  backgroundColor: themeActive ? theme.__hd__.fab.colors.buttonActiveBackground : theme.__hd__.fab.colors.buttonBackground,
24054
24048
  borderRadius: theme.radii.rounded,
24055
24049
  alignItems: 'center',
@@ -24058,7 +24052,9 @@ var StyledFAB$2 = index$c(AnimatedTouchableHighlight)(function (_ref) {
24058
24052
  padding: theme.__hd__.fab.space.containerPadding,
24059
24053
  flexDirection: 'row',
24060
24054
  height: theme.__hd__.fab.sizes.height
24061
- }, theme.__hd__.fab.shadows["default"]);
24055
+ }, themeIconOnly && {
24056
+ width: theme.__hd__.fab.sizes.width
24057
+ }), theme.__hd__.fab.shadows["default"]);
24062
24058
  });
24063
24059
  var StyledFABIcon = index$c(Icon)(function (_ref2) {
24064
24060
  var theme = _ref2.theme;
@@ -24186,12 +24182,15 @@ var IconOnlyContent = function IconOnlyContent(_ref) {
24186
24182
  };
24187
24183
  var IconWithTextContent = function IconWithTextContent(_ref2) {
24188
24184
  var icon = _ref2.icon,
24189
- title = _ref2.title;
24185
+ title = _ref2.title,
24186
+ titleStyle = _ref2.titleStyle;
24190
24187
  return /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(StyledIconContainer$1, null, /*#__PURE__*/React__namespace.default.createElement(StyledFABIcon, {
24191
24188
  size: "xsmall",
24192
24189
  icon: icon,
24193
24190
  testID: "styled-fab-icon"
24194
- })), /*#__PURE__*/React__namespace.default.createElement(StyledFABText, null, title));
24191
+ })), /*#__PURE__*/React__namespace.default.createElement(StyledFABText, {
24192
+ style: titleStyle
24193
+ }, title));
24195
24194
  };
24196
24195
  var animateWidth = function animateWidth() {
24197
24196
  reactNative.LayoutAnimation.configureNext({
@@ -24202,7 +24201,9 @@ var animateWidth = function animateWidth() {
24202
24201
  }
24203
24202
  });
24204
24203
  };
24205
- var FAB$1 = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
24204
+ // Full implementation accepts InternalFABProps including titleStyle.
24205
+ // Exported as FABInternal for use by sibling HD components (e.g. FAB.Pair).
24206
+ var FABWithTitleStyle = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
24206
24207
  var _StyleSheet$flatten, _StyleSheet$flatten2;
24207
24208
  var onPress = _ref3.onPress,
24208
24209
  title = _ref3.title,
@@ -24210,7 +24211,8 @@ var FAB$1 = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
24210
24211
  iconAnimated = _ref3.animated,
24211
24212
  testID = _ref3.testID,
24212
24213
  active = _ref3.active,
24213
- style = _ref3.style;
24214
+ style = _ref3.style,
24215
+ titleStyle = _ref3.titleStyle;
24214
24216
  var theme = useTheme();
24215
24217
  var _React$useState = React__namespace.default.useState({
24216
24218
  hideTitle: false,
@@ -24315,6 +24317,7 @@ var FAB$1 = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
24315
24317
  },
24316
24318
  activeOpacity: 0.8,
24317
24319
  onPress: onPress,
24320
+ themeIconOnly: isIconOnly,
24318
24321
  style: [style, {
24319
24322
  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,
24320
24323
  transform: [{
@@ -24340,9 +24343,18 @@ var FAB$1 = /*#__PURE__*/React.forwardRef(function (_ref3, ref) {
24340
24343
  icon: active ? 'add' : icon
24341
24344
  }) : /*#__PURE__*/React__namespace.default.createElement(IconWithTextContent, {
24342
24345
  icon: icon,
24343
- title: title
24346
+ title: title,
24347
+ titleStyle: titleStyle
24344
24348
  })));
24345
24349
  });
24350
+ FABWithTitleStyle.displayName = 'FAB';
24351
+ // Public export — clean FABProps, no internal props exposed.
24352
+ // Docgen reads this component and sees only FABProps.
24353
+ var FAB$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
24354
+ return /*#__PURE__*/React__namespace.default.createElement(FABWithTitleStyle, _extends$1({}, props, {
24355
+ ref: ref
24356
+ }));
24357
+ });
24346
24358
  FAB$1.displayName = 'FAB';
24347
24359
 
24348
24360
  var StyledContainer$5 = index$c(reactNative.View)({
@@ -24511,7 +24523,7 @@ var StyledFABPairWrapper = index$c(Box)({
24511
24523
  justifyContent: 'center',
24512
24524
  alignItems: 'center'
24513
24525
  });
24514
- var StyledFAB = index$c(FAB$1)(function (_ref) {
24526
+ var StyledFAB = index$c(FABWithTitleStyle)(function (_ref) {
24515
24527
  var theme = _ref.theme,
24516
24528
  _ref$iconOnly = _ref.iconOnly,
24517
24529
  iconOnly = _ref$iconOnly === void 0 ? false : _ref$iconOnly,
@@ -24533,6 +24545,7 @@ var Pair = function Pair(_ref) {
24533
24545
  title = fabConfig.title,
24534
24546
  onPress = fabConfig.onPress,
24535
24547
  testID = fabConfig.testID;
24548
+ var theme = useTheme();
24536
24549
  return /*#__PURE__*/React__namespace.default.createElement(StyledFABPairWrapper, props, /*#__PURE__*/React__namespace.default.createElement(StyledFAB, {
24537
24550
  icon: "cancel",
24538
24551
  onPress: onCancel,
@@ -24544,7 +24557,11 @@ var Pair = function Pair(_ref) {
24544
24557
  onPress: onPress,
24545
24558
  testID: testID,
24546
24559
  iconOnly: !title,
24547
- isLast: true
24560
+ isLast: true,
24561
+ titleStyle: {
24562
+ fontSize: theme.fontSizes.medium,
24563
+ fontFamily: theme.fonts.neutral.regular
24564
+ }
24548
24565
  }));
24549
24566
  };
24550
24567
 
@@ -27569,16 +27586,9 @@ var StyledSuccessButtonContainer = index$c(reactNative.View)(function (_ref8) {
27569
27586
  paddingVertical: theme.__hd__.success.space.button.wrapperVerticalPadding
27570
27587
  };
27571
27588
  });
27572
- var StyledSuccessButtonPrimary = index$c(CompoundButton)(function (_ref9) {
27589
+ var StyledSuccessButtonSecondary = index$c(CompoundButton)(function (_ref9) {
27573
27590
  var theme = _ref9.theme;
27574
27591
  return {
27575
- padding: theme.__hd__.success.space.button.padding
27576
- };
27577
- });
27578
- var StyledSuccessButtonSecondary = index$c(CompoundButton)(function (_ref10) {
27579
- var theme = _ref10.theme;
27580
- return {
27581
- padding: theme.__hd__.success.space.button.padding,
27582
27592
  marginTop: theme.__hd__.success.space.button.secondaryCTAMarginTop
27583
27593
  };
27584
27594
  });
@@ -27639,7 +27649,7 @@ var SuccessPage = function SuccessPage(_ref2) {
27639
27649
  }), /*#__PURE__*/React__namespace.default.createElement(StyledSuccessTitle, {
27640
27650
  level: "h4",
27641
27651
  typeface: "playful"
27642
- }, title), typeof description === 'string' ? /*#__PURE__*/React__namespace.default.createElement(StyledSuccessDescription, null, description) : description), !!ctaText && /*#__PURE__*/React__namespace.default.createElement(StyledSuccessButtonContainer, null, /*#__PURE__*/React__namespace.default.createElement(StyledSuccessButtonPrimary, {
27652
+ }, title), typeof description === 'string' ? /*#__PURE__*/React__namespace.default.createElement(StyledSuccessDescription, null, description) : description), !!ctaText && /*#__PURE__*/React__namespace.default.createElement(StyledSuccessButtonContainer, null, /*#__PURE__*/React__namespace.default.createElement(CompoundButton, {
27643
27653
  text: ctaText,
27644
27654
  onPress: onCtaPress
27645
27655
  }), !!showSecondaryButton && /*#__PURE__*/React__namespace.default.createElement(StyledSuccessButtonSecondary, {
@@ -42373,8 +42383,6 @@ var FilterTrigger = function FilterTrigger(_ref) {
42373
42383
  testID = _ref.testID,
42374
42384
  style = _ref.style;
42375
42385
  var shouldShowBadge = filterCount > 0 && active;
42376
- var iconIntent = active ? 'text' : 'inactive';
42377
- var typographyVariant = active ? 'small-bold' : 'small';
42378
42386
  return /*#__PURE__*/React__namespace.default.createElement(StyledFilterWrapper, {
42379
42387
  testID: testID,
42380
42388
  style: style,
@@ -42382,24 +42390,26 @@ var FilterTrigger = function FilterTrigger(_ref) {
42382
42390
  themeVariant: variant,
42383
42391
  onPress: onPress,
42384
42392
  themeHasLabel: !!label
42385
- }, label ? /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, /*#__PURE__*/React__namespace.default.createElement(StyledText, {
42386
- variant: typographyVariant
42387
- }, label), shouldShowBadge && /*#__PURE__*/React__namespace.default.createElement(Badge$1, {
42388
- content: filterCount,
42389
- size: "small"
42390
- }), suffix && /*#__PURE__*/React__namespace.default.createElement(Icon, {
42393
+ }, label ? /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, suffix && /*#__PURE__*/React__namespace.default.createElement(Icon, {
42391
42394
  icon: suffix,
42392
42395
  size: "xxxsmall",
42393
- intent: iconIntent,
42396
+ intent: "text",
42394
42397
  testID: "".concat(testID, "-suffix")
42398
+ }), /*#__PURE__*/React__namespace.default.createElement(StyledText, {
42399
+ variant: "small"
42400
+ }, label), shouldShowBadge && /*#__PURE__*/React__namespace.default.createElement(Badge$1, {
42401
+ content: filterCount,
42402
+ size: "small",
42403
+ intent: "primary"
42395
42404
  })) : /*#__PURE__*/React__namespace.default.createElement(React__namespace.default.Fragment, null, suffix && /*#__PURE__*/React__namespace.default.createElement(Icon, {
42396
42405
  icon: suffix,
42397
42406
  size: "xsmall",
42398
- intent: iconIntent,
42407
+ intent: "text",
42399
42408
  testID: "".concat(testID, "-suffix")
42400
42409
  }), shouldShowBadge && /*#__PURE__*/React__namespace.default.createElement(StyledBadge, {
42401
42410
  content: filterCount,
42402
42411
  size: "small",
42412
+ intent: "primary",
42403
42413
  themeHasLabel: !!label
42404
42414
  })));
42405
42415
  };