@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/es/index.js CHANGED
@@ -4978,7 +4978,7 @@ var swagLightGlobalPalette = _objectSpread2(_objectSpread2({}, globalPalette$1),
4978
4978
  });
4979
4979
 
4980
4980
  var ehWorkBrandSystemPalette = {
4981
- primary: '#460078',
4981
+ primary: '#7622d7',
4982
4982
  onPrimary: '#fdfbff',
4983
4983
  secondary: '#b382fd',
4984
4984
  onSecondary: palette$4.white,
@@ -5007,6 +5007,7 @@ var swagSystemPalette = _objectSpread2(_objectSpread2({}, ehWorkSystemPalette),
5007
5007
 
5008
5008
  var ehJobsSystemPalette = _objectSpread2(_objectSpread2({}, swagSystemPalette), {}, {
5009
5009
  name: 'ehJobs',
5010
+ primary: '#7622d7',
5010
5011
  secondary: '#40d1ff',
5011
5012
  onSecondary: '#460078',
5012
5013
  secondaryHighlightedSurface: '#ecfaff',
@@ -6373,19 +6374,19 @@ var getErrorTheme = function getErrorTheme(theme) {
6373
6374
 
6374
6375
  var getFABTheme = function getFABTheme(theme) {
6375
6376
  var colors = {
6376
- buttonBackground: theme.colors.overlayGlobalSurface,
6377
- buttonPressedBackground: theme.colors.overlayGlobalSurface,
6378
- buttonActiveBackground: theme.colors.overlayGlobalSurface,
6377
+ buttonBackground: theme.colors.primary,
6378
+ buttonPressedBackground: theme.colors.primary,
6379
+ buttonActiveBackground: theme.colors.primary,
6379
6380
  icon: theme.colors.onDarkGlobalSurface,
6380
- actionItemBackground: theme.colors.overlayGlobalSurface,
6381
- actionItemPressedBackground: theme.colors.overlayGlobalSurface,
6381
+ actionItemBackground: theme.colors.defaultGlobalSurface,
6382
+ actionItemPressedBackground: theme.colors.defaultGlobalSurface,
6382
6383
  backdropBackground: theme.colors.black,
6383
6384
  titleText: theme.colors.onDarkGlobalSurface,
6384
- actionItemText: theme.colors.onDarkGlobalSurface
6385
+ actionItemText: theme.colors.onDefaultGlobalSurface
6385
6386
  };
6386
6387
  var sizes = {
6387
- width: theme.sizes.xxxxxlarge,
6388
- height: theme.sizes.xxxxxlarge,
6388
+ width: theme.sizes.xxxlarge,
6389
+ height: theme.sizes.xxxlarge,
6389
6390
  iconContainerWidth: theme.sizes.large,
6390
6391
  iconContainerHeight: theme.sizes.large,
6391
6392
  fabPairHeight: theme.sizes.xxxlarge,
@@ -6393,11 +6394,11 @@ var getFABTheme = function getFABTheme(theme) {
6393
6394
  };
6394
6395
  var fonts = {
6395
6396
  actionItemText: theme.fonts.neutral.regular,
6396
- title: theme.fonts.neutral.semiBold
6397
+ title: theme.fonts.neutral.regular
6397
6398
  };
6398
6399
  var fontSizes = {
6399
6400
  actionItemText: theme.fontSizes.large,
6400
- title: theme.fontSizes.large
6401
+ title: theme.fontSizes.medium
6401
6402
  };
6402
6403
  var lineHeights = {
6403
6404
  actionItemText: theme.lineHeights.medium,
@@ -6414,7 +6415,7 @@ var getFABTheme = function getFABTheme(theme) {
6414
6415
  actionItemTextPaddingLeft: theme.space.xsmall,
6415
6416
  buttonMarginTop: theme.space.large,
6416
6417
  buttonMarginRight: theme.space.large,
6417
- containerPadding: theme.space.large - theme.space.xsmall,
6418
+ containerPadding: theme.space.smallMedium,
6418
6419
  titleMarginHorizontal: theme.space.small,
6419
6420
  fabPairMarginRight: theme.space.small
6420
6421
  };
@@ -7780,21 +7781,19 @@ var getAppCueTheme = function getAppCueTheme(theme) {
7780
7781
  var getFilterTriggerTheme = function getFilterTriggerTheme(theme) {
7781
7782
  var borderWidths = {
7782
7783
  wrapper: {
7783
- filled: theme.borderWidths.medium,
7784
- outlined: theme.borderWidths.medium,
7784
+ filled: theme.borderWidths.base,
7785
+ outlined: theme.borderWidths.base,
7785
7786
  ghost: 0
7786
7787
  }
7787
7788
  };
7788
7789
  var colors = {
7789
7790
  wrapper: {
7790
- activeBackground: theme.colors.highlightedSurface,
7791
- inactiveBackground: theme.colors.neutralGlobalSurface,
7792
7791
  background: {
7793
7792
  active: {
7794
7793
  filled: theme.colors.highlightedSurface,
7795
- outlined: 'transparent',
7796
- ghost: 'transparent',
7797
- filledLabeless: theme.colors.neutralGlobalSurface
7794
+ outlined: theme.colors.highlightedSurface,
7795
+ ghost: theme.colors.highlightedSurface,
7796
+ filledLabeless: theme.colors.highlightedSurface
7798
7797
  },
7799
7798
  inactive: {
7800
7799
  filled: theme.colors.neutralGlobalSurface,
@@ -7805,13 +7804,13 @@ var getFilterTriggerTheme = function getFilterTriggerTheme(theme) {
7805
7804
  border: {
7806
7805
  active: {
7807
7806
  filled: theme.colors.highlightedSurface,
7808
- outlined: theme.colors.primaryOutline,
7807
+ outlined: theme.colors.primary,
7809
7808
  ghost: 'transparent',
7810
- filledLabeless: theme.colors.neutralGlobalSurface
7809
+ filledLabeless: theme.colors.highlightedSurface
7811
7810
  },
7812
7811
  inactive: {
7813
7812
  filled: theme.colors.neutralGlobalSurface,
7814
- outlined: theme.colors.secondaryOutline,
7813
+ outlined: theme.colors.primary,
7815
7814
  ghost: 'transparent'
7816
7815
  }
7817
7816
  }
@@ -8509,7 +8508,7 @@ var Typography = {
8509
8508
  };
8510
8509
 
8511
8510
  // 🔴 DO NOT EDIT — This file is generated automatically.
8512
- 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'];
8511
+ 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'];
8513
8512
 
8514
8513
  var activate = 59000;
8515
8514
  var adjustment = 59003;
@@ -8589,20 +8588,20 @@ var add = 59203;
8589
8588
  var bold = 59233;
8590
8589
  var cancel = 59251;
8591
8590
  var checkmark = 59257;
8592
- var italic = 59357;
8593
- var local_mall_outlined = 59365;
8594
- var number$2 = 59388;
8595
- var percentage = 59394;
8596
- var redeem = 59410;
8597
- var refresh = 59411;
8598
- var remove$1 = 59412;
8599
- var restart = 59414;
8600
- var shopping_basket_outlined = 59432;
8601
- var strikethrough = 59448;
8602
- var sync = 59454;
8603
- var transfer = 59464;
8604
- var unavailable = 59469;
8605
- var underline = 59470;
8591
+ var italic = 59358;
8592
+ var local_mall_outlined = 59366;
8593
+ var number$2 = 59389;
8594
+ var percentage = 59395;
8595
+ var redeem = 59411;
8596
+ var refresh = 59412;
8597
+ var remove$1 = 59413;
8598
+ var restart = 59415;
8599
+ var shopping_basket_outlined = 59433;
8600
+ var strikethrough = 59449;
8601
+ var sync = 59455;
8602
+ var transfer = 59465;
8603
+ var unavailable = 59470;
8604
+ var underline = 59471;
8606
8605
  var glyphMap = {
8607
8606
  activate: activate,
8608
8607
  "add-emoji": 59001,
@@ -8955,140 +8954,141 @@ var glyphMap = {
8955
8954
  "happy-sun-outlined": 59348,
8956
8955
  "health-bag-outlined": 59349,
8957
8956
  "heart-outlined": 59350,
8958
- "home-active-outlined": 59351,
8959
- "home-outlined": 59352,
8960
- "id-card-outlined": 59353,
8961
- "image-outlined": 59354,
8962
- "import-outlined": 59355,
8963
- "instapay-outlined": 59356,
8957
+ "history-outlined": 59351,
8958
+ "home-active-outlined": 59352,
8959
+ "home-outlined": 59353,
8960
+ "id-card-outlined": 59354,
8961
+ "image-outlined": 59355,
8962
+ "import-outlined": 59356,
8963
+ "instapay-outlined": 59357,
8964
8964
  italic: italic,
8965
- "job-search-outlined": 59358,
8966
- "leave-approval-outlined": 59359,
8967
- "lighting-outlined": 59360,
8968
- "link-1": 59361,
8969
- "link-2": 59362,
8970
- "list-outlined": 59363,
8971
- "live-help-outlined": 59364,
8965
+ "job-search-outlined": 59359,
8966
+ "leave-approval-outlined": 59360,
8967
+ "lighting-outlined": 59361,
8968
+ "link-1": 59362,
8969
+ "link-2": 59363,
8970
+ "list-outlined": 59364,
8971
+ "live-help-outlined": 59365,
8972
8972
  local_mall_outlined: local_mall_outlined,
8973
- "location-on-outlined": 59366,
8974
- "location-outlined": 59367,
8975
- "lock-outlined": 59368,
8976
- "locked-file-outlined": 59369,
8977
- "log-out": 59370,
8978
- "mail-outlined": 59371,
8979
- "map-outlined": 59372,
8980
- "media-content-outlined": 59373,
8981
- "menu-close": 59374,
8982
- "menu-expand": 59375,
8983
- "menu-fold-outlined": 59376,
8984
- "menu-unfold-outlined": 59377,
8985
- "moneybag-outlined": 59378,
8986
- "moon-outlined": 59379,
8987
- "more-horizontal": 59380,
8988
- "more-vertical": 59381,
8989
- "morning-outlined": 59382,
8990
- "multiple-folders-outlined": 59383,
8991
- "multiple-users-outlined": 59384,
8992
- "near-me-outlined": 59385,
8993
- "node-outlined": 59386,
8994
- "number-points": 59387,
8973
+ "location-on-outlined": 59367,
8974
+ "location-outlined": 59368,
8975
+ "lock-outlined": 59369,
8976
+ "locked-file-outlined": 59370,
8977
+ "log-out": 59371,
8978
+ "mail-outlined": 59372,
8979
+ "map-outlined": 59373,
8980
+ "media-content-outlined": 59374,
8981
+ "menu-close": 59375,
8982
+ "menu-expand": 59376,
8983
+ "menu-fold-outlined": 59377,
8984
+ "menu-unfold-outlined": 59378,
8985
+ "moneybag-outlined": 59379,
8986
+ "moon-outlined": 59380,
8987
+ "more-horizontal": 59381,
8988
+ "more-vertical": 59382,
8989
+ "morning-outlined": 59383,
8990
+ "multiple-folders-outlined": 59384,
8991
+ "multiple-users-outlined": 59385,
8992
+ "near-me-outlined": 59386,
8993
+ "node-outlined": 59387,
8994
+ "number-points": 59388,
8995
8995
  number: number$2,
8996
- "overview-outlined": 59389,
8997
- "park-outlined": 59390,
8998
- "payment-summary-outlined": 59391,
8999
- "payslip-outlined": 59392,
9000
- "pencil-outlined": 59393,
8996
+ "overview-outlined": 59390,
8997
+ "park-outlined": 59391,
8998
+ "payment-summary-outlined": 59392,
8999
+ "payslip-outlined": 59393,
9000
+ "pencil-outlined": 59394,
9001
9001
  percentage: percentage,
9002
- "phone-outlined": 59395,
9003
- "piggy-bank-outlined": 59396,
9004
- "plane-outlined": 59397,
9005
- "play-circle-outlined": 59398,
9006
- "pound-box-outlined": 59399,
9007
- "pound-card-outlined": 59400,
9008
- "pound-coin-shine-outlined": 59401,
9009
- "pound-credit-card-outlined": 59402,
9010
- "print-outlined": 59403,
9011
- "profile-2user-outlined": 59404,
9012
- "propane-tank-outlined": 59405,
9013
- "qr-code-outlined": 59406,
9014
- "qualification-outlined": 59407,
9015
- "question-mark": 59408,
9016
- "re-assign": 59409,
9002
+ "phone-outlined": 59396,
9003
+ "piggy-bank-outlined": 59397,
9004
+ "plane-outlined": 59398,
9005
+ "play-circle-outlined": 59399,
9006
+ "pound-box-outlined": 59400,
9007
+ "pound-card-outlined": 59401,
9008
+ "pound-coin-shine-outlined": 59402,
9009
+ "pound-credit-card-outlined": 59403,
9010
+ "print-outlined": 59404,
9011
+ "profile-2user-outlined": 59405,
9012
+ "propane-tank-outlined": 59406,
9013
+ "qr-code-outlined": 59407,
9014
+ "qualification-outlined": 59408,
9015
+ "question-mark": 59409,
9016
+ "re-assign": 59410,
9017
9017
  redeem: redeem,
9018
9018
  refresh: refresh,
9019
9019
  remove: remove$1,
9020
- "reply-outlined": 59413,
9020
+ "reply-outlined": 59414,
9021
9021
  restart: restart,
9022
- "restaurant-outlined": 59415,
9023
- "resume-outlined": 59416,
9024
- "return-arrow": 59417,
9025
- "rocket-launch-outlined": 59418,
9026
- "rostering-outlined": 59419,
9027
- "safety-outlined": 59420,
9028
- "save-outlined": 59421,
9029
- "schedule-outlined": 59422,
9030
- "search-outlined": 59423,
9031
- "search-secured-outlined": 59424,
9032
- "send-outlined": 59425,
9033
- "share-1": 59426,
9034
- "share-2": 59427,
9035
- "share-outlined-2": 59428,
9036
- "share-outlined": 59429,
9037
- "shield-check-outlined": 59430,
9038
- "shop-outlined": 59431,
9022
+ "restaurant-outlined": 59416,
9023
+ "resume-outlined": 59417,
9024
+ "return-arrow": 59418,
9025
+ "rocket-launch-outlined": 59419,
9026
+ "rostering-outlined": 59420,
9027
+ "safety-outlined": 59421,
9028
+ "save-outlined": 59422,
9029
+ "schedule-outlined": 59423,
9030
+ "search-outlined": 59424,
9031
+ "search-secured-outlined": 59425,
9032
+ "send-outlined": 59426,
9033
+ "share-1": 59427,
9034
+ "share-2": 59428,
9035
+ "share-outlined-2": 59429,
9036
+ "share-outlined": 59430,
9037
+ "shield-check-outlined": 59431,
9038
+ "shop-outlined": 59432,
9039
9039
  shopping_basket_outlined: shopping_basket_outlined,
9040
- "show-chart-outlined": 59433,
9041
- "single-down-arrow": 59434,
9042
- "single-left-arrow": 59435,
9043
- "single-right-arrow": 59436,
9044
- "single-up-arrow": 59437,
9045
- "smart-match-outlined": 59438,
9046
- "sparkle-2-outlined": 59439,
9047
- "sparkle-outlined": 59440,
9048
- "speaker-active-outlined": 59441,
9049
- "speaker-outlined": 59442,
9050
- "star-circle-outlined": 59443,
9051
- "star-outlined": 59444,
9052
- "start-break-outlined": 59445,
9053
- "stash-outlined": 59446,
9054
- "stopwatch-outlined": 59447,
9040
+ "show-chart-outlined": 59434,
9041
+ "single-down-arrow": 59435,
9042
+ "single-left-arrow": 59436,
9043
+ "single-right-arrow": 59437,
9044
+ "single-up-arrow": 59438,
9045
+ "smart-match-outlined": 59439,
9046
+ "sparkle-2-outlined": 59440,
9047
+ "sparkle-outlined": 59441,
9048
+ "speaker-active-outlined": 59442,
9049
+ "speaker-outlined": 59443,
9050
+ "star-circle-outlined": 59444,
9051
+ "star-outlined": 59445,
9052
+ "start-break-outlined": 59446,
9053
+ "stash-outlined": 59447,
9054
+ "stopwatch-outlined": 59448,
9055
9055
  strikethrough: strikethrough,
9056
- "styler-outlined": 59449,
9057
- "suitcase-clock-outlined": 59450,
9058
- "suitcase-outlined": 59451,
9059
- "survey-outlined": 59452,
9060
- "switch-outlined": 59453,
9056
+ "styler-outlined": 59450,
9057
+ "suitcase-clock-outlined": 59451,
9058
+ "suitcase-outlined": 59452,
9059
+ "survey-outlined": 59453,
9060
+ "switch-outlined": 59454,
9061
9061
  sync: sync,
9062
- "tag-outlined": 59455,
9063
- "target-outlined": 59456,
9064
- "tennis-outlined": 59457,
9065
- "thumb-down-outlined": 59458,
9066
- "thumb-up-outlined": 59459,
9067
- "ticket-outlined": 59460,
9068
- "timesheet-outlined": 59461,
9069
- "timesheets-outlined": 59462,
9070
- "today-outlined": 59463,
9062
+ "tag-outlined": 59456,
9063
+ "target-outlined": 59457,
9064
+ "tennis-outlined": 59458,
9065
+ "thumb-down-outlined": 59459,
9066
+ "thumb-up-outlined": 59460,
9067
+ "ticket-outlined": 59461,
9068
+ "timesheet-outlined": 59462,
9069
+ "timesheets-outlined": 59463,
9070
+ "today-outlined": 59464,
9071
9071
  transfer: transfer,
9072
- "transportation-outlined": 59465,
9073
- "trash-bin-outlined": 59466,
9074
- "umbrela-outlined": 59467,
9075
- "unavailability-outlined": 59468,
9072
+ "transportation-outlined": 59466,
9073
+ "trash-bin-outlined": 59467,
9074
+ "umbrela-outlined": 59468,
9075
+ "unavailability-outlined": 59469,
9076
9076
  unavailable: unavailable,
9077
9077
  underline: underline,
9078
- "union-outlined": 59471,
9079
- "unlock-outlined": 59472,
9080
- "upload-outlined": 59473,
9081
- "user-add-outlined": 59474,
9082
- "user-circle-outlined": 59475,
9083
- "user-gear-outlined": 59476,
9084
- "user-out-outlined": 59477,
9085
- "user-outlined": 59478,
9086
- "user-rectangle-outlined": 59479,
9087
- "video-1-outlined": 59480,
9088
- "video-2-outlined": 59481,
9089
- "volunteer-outlined": 59482,
9090
- "wallet-outlined": 59483,
9091
- "wellness-outlined": 59484
9078
+ "union-outlined": 59472,
9079
+ "unlock-outlined": 59473,
9080
+ "upload-outlined": 59474,
9081
+ "user-add-outlined": 59475,
9082
+ "user-circle-outlined": 59476,
9083
+ "user-gear-outlined": 59477,
9084
+ "user-out-outlined": 59478,
9085
+ "user-outlined": 59479,
9086
+ "user-rectangle-outlined": 59480,
9087
+ "video-1-outlined": 59481,
9088
+ "video-2-outlined": 59482,
9089
+ "volunteer-outlined": 59483,
9090
+ "wallet-outlined": 59484,
9091
+ "wellness-outlined": 59485
9092
9092
  };
9093
9093
 
9094
9094
  var HeroIcon = createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
@@ -10967,7 +10967,7 @@ var LoadingIndicator = function LoadingIndicator(_ref2) {
10967
10967
  var getButtonSize = function getButtonSize(themeIsCompact, themeIsMedium) {
10968
10968
  if (themeIsCompact) return scale(36);
10969
10969
  if (themeIsMedium) return scale(48);
10970
- return scale(60);
10970
+ return scale(48);
10971
10971
  };
10972
10972
  var getTextButtonPaddingVertical = function getTextButtonPaddingVertical(theme, themeInlineText, themeIsCompact) {
10973
10973
  if (themeInlineText) {
@@ -11026,7 +11026,7 @@ var genFilledContainerStyles = function genFilledContainerStyles(theme, intent,
11026
11026
  }
11027
11027
  return {
11028
11028
  alignSelf: 'stretch',
11029
- padding: theme.__hd__.button.space["default"].buttonPadding,
11029
+ paddingHorizontal: theme.__hd__.button.space["default"].buttonPadding,
11030
11030
  borderRadius: theme.__hd__.button.radii["default"]
11031
11031
  };
11032
11032
  };
@@ -11071,7 +11071,7 @@ var genOutlineContainerStyles = function genOutlineContainerStyles(theme, intent
11071
11071
  }
11072
11072
  return {
11073
11073
  alignSelf: 'stretch',
11074
- padding: theme.__hd__.button.space["default"].buttonPadding - theme.__hd__.button.borderWidth["default"],
11074
+ paddingHorizontal: theme.__hd__.button.space["default"].buttonPadding - theme.__hd__.button.borderWidth["default"],
11075
11075
  borderRadius: theme.__hd__.button.radii["default"]
11076
11076
  };
11077
11077
  };
@@ -11109,7 +11109,7 @@ var getTextContainerStyles = function getTextContainerStyles(theme, intent, load
11109
11109
  };
11110
11110
  }
11111
11111
  return {
11112
- padding: inlineText ? 0 : theme.__hd__.button.space["default"].textButtonPadding
11112
+ paddingHorizontal: inlineText ? 0 : theme.__hd__.button.space["default"].textButtonPadding
11113
11113
  };
11114
11114
  };
11115
11115
  return _objectSpread2({
@@ -23775,21 +23775,14 @@ var StyledErrorButtonContainer = index$c(View)(function (_ref3) {
23775
23775
  paddingVertical: theme.__hd__.error.space.button.wrapperVerticalPadding
23776
23776
  };
23777
23777
  });
23778
- var StyledErrorButtonPrimary = index$c(CompoundButton)(function (_ref4) {
23778
+ var StyledErrorButtonSecondary = index$c(CompoundButton)(function (_ref4) {
23779
23779
  var theme = _ref4.theme;
23780
23780
  return {
23781
- padding: theme.__hd__.error.space.button.padding
23781
+ marginTop: theme.__hd__.error.space.button.margin
23782
23782
  };
23783
23783
  });
23784
- var StyledErrorButtonSecondary = index$c(CompoundButton)(function (_ref5) {
23784
+ var StyledErrorImageContainer = index$c(View)(function (_ref5) {
23785
23785
  var theme = _ref5.theme;
23786
- return {
23787
- marginTop: theme.__hd__.error.space.button.margin,
23788
- padding: theme.__hd__.error.space.button.padding
23789
- };
23790
- });
23791
- var StyledErrorImageContainer = index$c(View)(function (_ref6) {
23792
- var theme = _ref6.theme;
23793
23786
  return {
23794
23787
  marginBottom: theme.__hd__.error.space.imageMarginBottom,
23795
23788
  width: theme.__hd__.error.sizes.image,
@@ -23797,8 +23790,8 @@ var StyledErrorImageContainer = index$c(View)(function (_ref6) {
23797
23790
  alignItems: 'center'
23798
23791
  };
23799
23792
  });
23800
- var StyledErrorIconContainer = index$c(View)(function (_ref7) {
23801
- var theme = _ref7.theme;
23793
+ var StyledErrorIconContainer = index$c(View)(function (_ref6) {
23794
+ var theme = _ref6.theme;
23802
23795
  return {
23803
23796
  marginBottom: theme.__hd__.error.space.imageMarginBottom,
23804
23797
  width: theme.__hd__.error.sizes.icon,
@@ -23806,8 +23799,8 @@ var StyledErrorIconContainer = index$c(View)(function (_ref7) {
23806
23799
  alignItems: 'center'
23807
23800
  };
23808
23801
  });
23809
- var StyledErrorImage = index$c(Image)(function (_ref8) {
23810
- var theme = _ref8.theme;
23802
+ var StyledErrorImage = index$c(Image)(function (_ref7) {
23803
+ var theme = _ref7.theme;
23811
23804
  return {
23812
23805
  marginBottom: theme.__hd__.error.space.imageMarginBottom,
23813
23806
  width: theme.__hd__.error.sizes.image,
@@ -23815,16 +23808,16 @@ var StyledErrorImage = index$c(Image)(function (_ref8) {
23815
23808
  resizeMode: 'contain'
23816
23809
  };
23817
23810
  });
23818
- var StyledErrorTitle = index$c(Typography.Title)(function (_ref9) {
23819
- var theme = _ref9.theme;
23811
+ var StyledErrorTitle = index$c(Typography.Title)(function (_ref8) {
23812
+ var theme = _ref8.theme;
23820
23813
  return {
23821
23814
  textAlign: 'center',
23822
23815
  marginBottom: theme.__hd__.error.space.titleMarginBottom,
23823
23816
  color: theme.__hd__.error.colors.title
23824
23817
  };
23825
23818
  });
23826
- var StyledErrorDescription = index$c(Typography.Body)(function (_ref10) {
23827
- var theme = _ref10.theme;
23819
+ var StyledErrorDescription = index$c(Typography.Body)(function (_ref9) {
23820
+ var theme = _ref9.theme;
23828
23821
  return {
23829
23822
  textAlign: 'center',
23830
23823
  color: theme.__hd__.error.colors.description
@@ -23887,7 +23880,7 @@ var ErrorPage = function ErrorPage(_ref2) {
23887
23880
  typeface: "playful"
23888
23881
  }, title), description && /*#__PURE__*/React__default.createElement(StyledErrorDescription, {
23889
23882
  typeface: "playful"
23890
- }, description)), showButtonContainer && /*#__PURE__*/React__default.createElement(StyledErrorButtonContainer, null, showCta && /*#__PURE__*/React__default.createElement(StyledErrorButtonPrimary, {
23883
+ }, description)), showButtonContainer && /*#__PURE__*/React__default.createElement(StyledErrorButtonContainer, null, showCta && /*#__PURE__*/React__default.createElement(CompoundButton, {
23891
23884
  variant: "filled",
23892
23885
  text: ctaText,
23893
23886
  onPress: onCtaPress
@@ -24018,8 +24011,9 @@ var StyledIcon$3 = index$c(Icon)(function (_ref3) {
24018
24011
  var AnimatedTouchableHighlight = Animated.createAnimatedComponent(TouchableOpacity);
24019
24012
  var StyledFAB$2 = index$c(AnimatedTouchableHighlight)(function (_ref) {
24020
24013
  var theme = _ref.theme,
24021
- themeActive = _ref.themeActive;
24022
- return _objectSpread2({
24014
+ themeActive = _ref.themeActive,
24015
+ themeIconOnly = _ref.themeIconOnly;
24016
+ return _objectSpread2(_objectSpread2({
24023
24017
  backgroundColor: themeActive ? theme.__hd__.fab.colors.buttonActiveBackground : theme.__hd__.fab.colors.buttonBackground,
24024
24018
  borderRadius: theme.radii.rounded,
24025
24019
  alignItems: 'center',
@@ -24028,7 +24022,9 @@ var StyledFAB$2 = index$c(AnimatedTouchableHighlight)(function (_ref) {
24028
24022
  padding: theme.__hd__.fab.space.containerPadding,
24029
24023
  flexDirection: 'row',
24030
24024
  height: theme.__hd__.fab.sizes.height
24031
- }, theme.__hd__.fab.shadows["default"]);
24025
+ }, themeIconOnly && {
24026
+ width: theme.__hd__.fab.sizes.width
24027
+ }), theme.__hd__.fab.shadows["default"]);
24032
24028
  });
24033
24029
  var StyledFABIcon = index$c(Icon)(function (_ref2) {
24034
24030
  var theme = _ref2.theme;
@@ -24156,12 +24152,15 @@ var IconOnlyContent = function IconOnlyContent(_ref) {
24156
24152
  };
24157
24153
  var IconWithTextContent = function IconWithTextContent(_ref2) {
24158
24154
  var icon = _ref2.icon,
24159
- title = _ref2.title;
24155
+ title = _ref2.title,
24156
+ titleStyle = _ref2.titleStyle;
24160
24157
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledIconContainer$1, null, /*#__PURE__*/React__default.createElement(StyledFABIcon, {
24161
24158
  size: "xsmall",
24162
24159
  icon: icon,
24163
24160
  testID: "styled-fab-icon"
24164
- })), /*#__PURE__*/React__default.createElement(StyledFABText, null, title));
24161
+ })), /*#__PURE__*/React__default.createElement(StyledFABText, {
24162
+ style: titleStyle
24163
+ }, title));
24165
24164
  };
24166
24165
  var animateWidth = function animateWidth() {
24167
24166
  LayoutAnimation.configureNext({
@@ -24172,7 +24171,9 @@ var animateWidth = function animateWidth() {
24172
24171
  }
24173
24172
  });
24174
24173
  };
24175
- var FAB$1 = /*#__PURE__*/forwardRef(function (_ref3, ref) {
24174
+ // Full implementation accepts InternalFABProps including titleStyle.
24175
+ // Exported as FABInternal for use by sibling HD components (e.g. FAB.Pair).
24176
+ var FABWithTitleStyle = /*#__PURE__*/forwardRef(function (_ref3, ref) {
24176
24177
  var _StyleSheet$flatten, _StyleSheet$flatten2;
24177
24178
  var onPress = _ref3.onPress,
24178
24179
  title = _ref3.title,
@@ -24180,7 +24181,8 @@ var FAB$1 = /*#__PURE__*/forwardRef(function (_ref3, ref) {
24180
24181
  iconAnimated = _ref3.animated,
24181
24182
  testID = _ref3.testID,
24182
24183
  active = _ref3.active,
24183
- style = _ref3.style;
24184
+ style = _ref3.style,
24185
+ titleStyle = _ref3.titleStyle;
24184
24186
  var theme = useTheme();
24185
24187
  var _React$useState = React__default.useState({
24186
24188
  hideTitle: false,
@@ -24285,6 +24287,7 @@ var FAB$1 = /*#__PURE__*/forwardRef(function (_ref3, ref) {
24285
24287
  },
24286
24288
  activeOpacity: 0.8,
24287
24289
  onPress: onPress,
24290
+ themeIconOnly: isIconOnly,
24288
24291
  style: [style, {
24289
24292
  bottom: displayState.hideButton ? -(marginBottom + theme.__hd__.fab.sizes.height * 2) : (_StyleSheet$flatten2 = StyleSheet$1.flatten(style)) === null || _StyleSheet$flatten2 === void 0 ? void 0 : _StyleSheet$flatten2.bottom,
24290
24293
  transform: [{
@@ -24310,9 +24313,18 @@ var FAB$1 = /*#__PURE__*/forwardRef(function (_ref3, ref) {
24310
24313
  icon: active ? 'add' : icon
24311
24314
  }) : /*#__PURE__*/React__default.createElement(IconWithTextContent, {
24312
24315
  icon: icon,
24313
- title: title
24316
+ title: title,
24317
+ titleStyle: titleStyle
24314
24318
  })));
24315
24319
  });
24320
+ FABWithTitleStyle.displayName = 'FAB';
24321
+ // Public export — clean FABProps, no internal props exposed.
24322
+ // Docgen reads this component and sees only FABProps.
24323
+ var FAB$1 = /*#__PURE__*/forwardRef(function (props, ref) {
24324
+ return /*#__PURE__*/React__default.createElement(FABWithTitleStyle, _extends$1({}, props, {
24325
+ ref: ref
24326
+ }));
24327
+ });
24316
24328
  FAB$1.displayName = 'FAB';
24317
24329
 
24318
24330
  var StyledContainer$5 = index$c(View)({
@@ -24481,7 +24493,7 @@ var StyledFABPairWrapper = index$c(Box)({
24481
24493
  justifyContent: 'center',
24482
24494
  alignItems: 'center'
24483
24495
  });
24484
- var StyledFAB = index$c(FAB$1)(function (_ref) {
24496
+ var StyledFAB = index$c(FABWithTitleStyle)(function (_ref) {
24485
24497
  var theme = _ref.theme,
24486
24498
  _ref$iconOnly = _ref.iconOnly,
24487
24499
  iconOnly = _ref$iconOnly === void 0 ? false : _ref$iconOnly,
@@ -24503,6 +24515,7 @@ var Pair = function Pair(_ref) {
24503
24515
  title = fabConfig.title,
24504
24516
  onPress = fabConfig.onPress,
24505
24517
  testID = fabConfig.testID;
24518
+ var theme = useTheme();
24506
24519
  return /*#__PURE__*/React__default.createElement(StyledFABPairWrapper, props, /*#__PURE__*/React__default.createElement(StyledFAB, {
24507
24520
  icon: "cancel",
24508
24521
  onPress: onCancel,
@@ -24514,7 +24527,11 @@ var Pair = function Pair(_ref) {
24514
24527
  onPress: onPress,
24515
24528
  testID: testID,
24516
24529
  iconOnly: !title,
24517
- isLast: true
24530
+ isLast: true,
24531
+ titleStyle: {
24532
+ fontSize: theme.fontSizes.medium,
24533
+ fontFamily: theme.fonts.neutral.regular
24534
+ }
24518
24535
  }));
24519
24536
  };
24520
24537
 
@@ -27539,16 +27556,9 @@ var StyledSuccessButtonContainer = index$c(View)(function (_ref8) {
27539
27556
  paddingVertical: theme.__hd__.success.space.button.wrapperVerticalPadding
27540
27557
  };
27541
27558
  });
27542
- var StyledSuccessButtonPrimary = index$c(CompoundButton)(function (_ref9) {
27559
+ var StyledSuccessButtonSecondary = index$c(CompoundButton)(function (_ref9) {
27543
27560
  var theme = _ref9.theme;
27544
27561
  return {
27545
- padding: theme.__hd__.success.space.button.padding
27546
- };
27547
- });
27548
- var StyledSuccessButtonSecondary = index$c(CompoundButton)(function (_ref10) {
27549
- var theme = _ref10.theme;
27550
- return {
27551
- padding: theme.__hd__.success.space.button.padding,
27552
27562
  marginTop: theme.__hd__.success.space.button.secondaryCTAMarginTop
27553
27563
  };
27554
27564
  });
@@ -27609,7 +27619,7 @@ var SuccessPage = function SuccessPage(_ref2) {
27609
27619
  }), /*#__PURE__*/React__default.createElement(StyledSuccessTitle, {
27610
27620
  level: "h4",
27611
27621
  typeface: "playful"
27612
- }, title), typeof description === 'string' ? /*#__PURE__*/React__default.createElement(StyledSuccessDescription, null, description) : description), !!ctaText && /*#__PURE__*/React__default.createElement(StyledSuccessButtonContainer, null, /*#__PURE__*/React__default.createElement(StyledSuccessButtonPrimary, {
27622
+ }, title), typeof description === 'string' ? /*#__PURE__*/React__default.createElement(StyledSuccessDescription, null, description) : description), !!ctaText && /*#__PURE__*/React__default.createElement(StyledSuccessButtonContainer, null, /*#__PURE__*/React__default.createElement(CompoundButton, {
27613
27623
  text: ctaText,
27614
27624
  onPress: onCtaPress
27615
27625
  }), !!showSecondaryButton && /*#__PURE__*/React__default.createElement(StyledSuccessButtonSecondary, {
@@ -42343,8 +42353,6 @@ var FilterTrigger = function FilterTrigger(_ref) {
42343
42353
  testID = _ref.testID,
42344
42354
  style = _ref.style;
42345
42355
  var shouldShowBadge = filterCount > 0 && active;
42346
- var iconIntent = active ? 'text' : 'inactive';
42347
- var typographyVariant = active ? 'small-bold' : 'small';
42348
42356
  return /*#__PURE__*/React__default.createElement(StyledFilterWrapper, {
42349
42357
  testID: testID,
42350
42358
  style: style,
@@ -42352,24 +42360,26 @@ var FilterTrigger = function FilterTrigger(_ref) {
42352
42360
  themeVariant: variant,
42353
42361
  onPress: onPress,
42354
42362
  themeHasLabel: !!label
42355
- }, label ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledText, {
42356
- variant: typographyVariant
42357
- }, label), shouldShowBadge && /*#__PURE__*/React__default.createElement(Badge, {
42358
- content: filterCount,
42359
- size: "small"
42360
- }), suffix && /*#__PURE__*/React__default.createElement(Icon, {
42363
+ }, label ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, suffix && /*#__PURE__*/React__default.createElement(Icon, {
42361
42364
  icon: suffix,
42362
42365
  size: "xxxsmall",
42363
- intent: iconIntent,
42366
+ intent: "text",
42364
42367
  testID: "".concat(testID, "-suffix")
42368
+ }), /*#__PURE__*/React__default.createElement(StyledText, {
42369
+ variant: "small"
42370
+ }, label), shouldShowBadge && /*#__PURE__*/React__default.createElement(Badge, {
42371
+ content: filterCount,
42372
+ size: "small",
42373
+ intent: "primary"
42365
42374
  })) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, suffix && /*#__PURE__*/React__default.createElement(Icon, {
42366
42375
  icon: suffix,
42367
42376
  size: "xsmall",
42368
- intent: iconIntent,
42377
+ intent: "text",
42369
42378
  testID: "".concat(testID, "-suffix")
42370
42379
  }), shouldShowBadge && /*#__PURE__*/React__default.createElement(StyledBadge, {
42371
42380
  content: filterCount,
42372
42381
  size: "small",
42382
+ intent: "primary",
42373
42383
  themeHasLabel: !!label
42374
42384
  })));
42375
42385
  };