@hero-design/rn 8.51.0 → 8.52.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 (39) hide show
  1. package/.turbo/turbo-build.log +1 -1
  2. package/CHANGELOG.md +20 -0
  3. package/assets/fonts/hero-icons-mobile.ttf +0 -0
  4. package/es/index.js +258 -254
  5. package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
  6. package/lib/index.js +258 -254
  7. package/package.json +1 -1
  8. package/src/components/Carousel/CardCarousel.tsx +1 -5
  9. package/src/components/Carousel/StyledCardCarousel.tsx +1 -16
  10. package/src/components/Carousel/__tests__/__snapshots__/CardCarousel.spec.tsx.snap +92 -172
  11. package/src/components/Carousel/__tests__/index.spec.tsx +14 -0
  12. package/src/components/Carousel/index.tsx +15 -14
  13. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +6 -3
  14. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +2 -1
  15. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +2 -1
  16. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +2 -1
  17. package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
  18. package/src/components/Icon/IconList.ts +4 -0
  19. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +4 -2
  20. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +12 -6
  21. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +10 -5
  22. package/src/components/Swipeable/__tests__/__snapshots__/index.spec.tsx.snap +90 -54
  23. package/src/components/Swipeable/index.tsx +31 -17
  24. package/src/components/TextInput/StyledTextInput.tsx +3 -4
  25. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +0 -10
  26. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +34 -25
  27. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +4 -2
  28. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +4 -2
  29. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +5 -12
  30. package/src/theme/components/cardCarousel.ts +1 -8
  31. package/src/theme/components/swipeable.ts +6 -1
  32. package/src/theme/components/textInput.ts +1 -2
  33. package/types/components/Carousel/StyledCardCarousel.d.ts +1 -7
  34. package/types/components/Icon/IconList.d.ts +1 -1
  35. package/types/components/Icon/index.d.ts +1 -1
  36. package/types/components/Icon/utils.d.ts +1 -1
  37. package/types/theme/components/cardCarousel.d.ts +0 -10
  38. package/types/theme/components/swipeable.d.ts +4 -0
  39. package/types/theme/components/textInput.d.ts +1 -2
package/lib/index.js CHANGED
@@ -2454,18 +2454,10 @@ var getCardCarouselTheme = function getCardCarouselTheme(theme) {
2454
2454
  var colors = {
2455
2455
  carouselItemBackground: theme.colors.defaultSurface
2456
2456
  };
2457
- var shadows = {
2458
- color: theme.shadows["default"].shadowColor,
2459
- offset: theme.shadows["default"].shadowOffset,
2460
- opacity: theme.shadows["default"].shadowOpacity,
2461
- radius: theme.shadows["default"].shadowRadius,
2462
- elevation: theme.shadows["default"].elevation
2463
- };
2464
2457
  var radii = {
2465
2458
  card: theme.radii.medium
2466
2459
  };
2467
2460
  return {
2468
- shadows: shadows,
2469
2461
  colors: colors,
2470
2462
  space: space,
2471
2463
  radii: radii
@@ -3184,14 +3176,19 @@ var getSwipeableTheme = function getSwipeableTheme(theme) {
3184
3176
  var colors = {
3185
3177
  success: theme.colors.success,
3186
3178
  danger: theme.colors.error,
3187
- primary: theme.colors.primary
3179
+ primary: theme.colors.primary,
3180
+ defaultContainerBackground: theme.colors.defaultGlobalSurface
3188
3181
  };
3189
3182
  var radii = {
3190
3183
  swipeableContainer: theme.radii.medium
3191
3184
  };
3185
+ var space = {
3186
+ containerExtraWidth: theme.space.xsmall
3187
+ };
3192
3188
  return {
3193
3189
  colors: colors,
3194
- radii: radii
3190
+ radii: radii,
3191
+ space: space
3195
3192
  };
3196
3193
  };
3197
3194
 
@@ -3370,8 +3367,7 @@ var getTextInputTheme = function getTextInputTheme(theme) {
3370
3367
  inputHorizontalMargin: theme.space.small,
3371
3368
  errorContainerMarginRight: theme.space.xsmall,
3372
3369
  errorMarginLeft: theme.space.xsmall,
3373
- maxLengthLabelMarginLeft: theme.space.xsmall,
3374
- errorAndHelpTextContainerPaddingLeft: theme.space.medium,
3370
+ errorAndHelpTextContainerHorizontalPadding: theme.space.medium,
3375
3371
  containerMarginTop: theme.space.small,
3376
3372
  labelInsideTextInputMarginTop: -theme.space.xxsmall,
3377
3373
  errorAndHelpTextContainerPaddingTop: theme.space.xxsmall
@@ -6905,7 +6901,7 @@ var Typography = {
6905
6901
  };
6906
6902
 
6907
6903
  // 🔴 DO NOT EDIT — This file is generated automatically.
6908
- var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bolt', 'bookmark-added', 'bookmark', 'box-check', 'box', 'bpay', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'double-buildings', 'edit-template', 'envelope', 'exclude', 'expand-content', 'expense', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'home', 'image', 'import', 'incident-siren', 'instapay', 'list', 'loading-2', 'loading', 'location-on', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'money-notes', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'near-me', 'node', 'open-folder', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'save', 'schedule-send', 'schedule', 'search-person', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-circle', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'surfing', 'survey', 'swag-pillar-benefit', 'swag-pillar-career', 'swag-pillar-money', 'swag-pillar-work', 'swag', 'swipe-right', 'switch', 'tag', 'target', 'teams', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'ai-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'article-outlined', 'at-sign', 'auto-graph-outlined', 'beer-outlined', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bolt-outlined', 'book-outlined', 'bookmark-added-outlined', 'bookmark-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'call-outlined', 'call-split-outlined', 'camera-outlined', 'cancel', 'car-forward-outlined', 'charging-station-outlined', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'coin-super-outlined', 'comment-outlined', 'contacts-outlined', 'contacts-user-outlined', 'credit-card-outlined', 'cup-outlined', 'dentistry-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-box-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-credit-card-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-box-outlined', 'download-outlined', 'edit-template-outlined', 'email-outlined', 'enter-arrow', 'envelope-outlined', 'expense-approval-outlined', 'expense-outlined', 'explore-outlined', 'extension-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'fastfood-outlined', 'feed-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-certified-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-statutory-outlined', 'file-verified-outlined', 'filter-outlined', 'folder-outlined', 'folder-user-outlined', 'form-outlined', 'funnel-filter-outline', 'goal-outlined', 'graph-outlined', 'hand-holding-user-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'leave-approval-outlined', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'location-on-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'mail-outlined', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'overview-outlined', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'propane-tank-outlined', 'qr-code-outlined', 'qualification-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'return-arrow', 'rostering-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined', 'show-chart-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'sparkle-outlined', 'speaker-active-outlined', 'speaker-outlined', 'star-circle-outlined', 'star-outlined', 'stopwatch-outlined', 'strikethrough', 'styler-outlined', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'tag-outlined', 'target-outlined', 'tennis-outlined', 'ticket-outlined', 'timesheet-outlined', 'timesheets-outlined', 'today-outlined', 'transfer', 'trash-bin-outlined', 'umbrela-outlined', 'unavailable', 'underline', 'union-outlined', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'volunteer-outlined', 'wallet-outlined'];
6904
+ var IconList = ['activate', 'add-emoji', 'add-person', 'adjustment', 'alignment', 'antenna', 'archive', 'assignment-warning', 'bank', 'bell', 'billing', 'bolt', 'bookmark-added', 'bookmark', 'box-check', 'box', 'bpay', 'buildings', 'cake', 'calendar-clock', 'calendar', 'candy-box-menu', 'caret-down-small', 'caret-down', 'caret-left-small', 'caret-left', 'caret-right-small', 'caret-right', 'caret-up-small', 'caret-up', 'check-radio', 'circle-add', 'circle-cancel', 'circle-check', 'circle-down', 'circle-info', 'circle-left', 'circle-ok', 'circle-pencil', 'circle-question', 'circle-remove', 'circle-right', 'circle-up', 'circle-warning', 'clock-3', 'clock', 'cloud-download', 'cloud-upload', 'cog', 'coin', 'contacts', 'credit-card', 'diamond', 'direction-arrows', 'directory', 'document', 'dollar-coin-shine', 'double-buildings', 'edit-template', 'envelope', 'exclude', 'expand-content', 'expense', 'eye-circle', 'eye-invisible', 'eye', 'face-meh', 'face-sad', 'face-smiley', 'feed', 'feedbacks', 'file-certified', 'file-clone', 'file-copy', 'file-csv', 'file-dispose', 'file-doc', 'file-excel', 'file-export', 'file-lock', 'file-pdf', 'file-powerpoint', 'file-search', 'file-secured', 'file-sheets', 'file-slide', 'file-verified', 'file-word', 'file', 'filter', 'folder-user', 'folder', 'format-bold', 'format-heading1', 'format-heading2', 'format-italic', 'format-list-bulleted', 'format-list-numbered', 'format-underlined', 'funnel-filter', 'global-dollar', 'globe', 'graduation-cap', 'graph', 'happy-sun', 'health-bag', 'heart', 'home', 'image', 'import', 'incident-siren', 'instapay', 'list', 'loading-2', 'loading', 'location-on', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', 'money-notes', 'moneybag', 'moon', 'multiple-stars', 'multiple-users', 'near-me', 'node', 'open-folder', 'paperclip', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'save', 'schedule-send', 'schedule', 'search-person', 'send', 'speaker-active', 'speaker', 'star-award', 'star-badge', 'star-circle', 'star-medal', 'star', 'steps-circle', 'stopwatch', 'suitcase', 'surfing', 'survey', 'swag-pillar-benefit', 'swag-pillar-career', 'swag-pillar-money', 'swag-pillar-work', 'swag', 'swipe-right', 'switch', 'tag', 'target', 'teams', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'activate-outlined', 'add-credit-card-outlined', 'add-person-outlined', 'add-section-outlined', 'add-time-outlined', 'add', 'adjustment-outlined', 'ai-outlined', 'alignment-2-outlined', 'alignment-outlined', 'all-caps', 'application-outlined', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'article-outlined', 'at-sign', 'auto-graph-outlined', 'beer-outlined', 'bell-active-outlined', 'bell-outlined', 'bell-slash-outlined', 'billing-outlined', 'body-outlined', 'bold', 'bolt-outlined', 'book-outlined', 'bookmark-added-outlined', 'bookmark-outlined', 'box-check-outlined', 'box-outlined', 'bullet-points', 'cake-outlined', 'calendar-dates-outlined', 'calendar-star-outlined', 'call-outlined', 'call-split-outlined', 'camera-outlined', 'cancel', 'car-forward-outlined', 'charging-station-outlined', 'chat-bubble-outlined', 'chat-unread-outlined', 'checkmark', 'circle-add-outlined', 'circle-cancel-outlined', 'circle-down-outlined', 'circle-info-outlined', 'circle-left-outlined', 'circle-ok-outlined', 'circle-question-outlined', 'circle-remove-outlined', 'circle-right-outlined', 'circle-up-outlined', 'circle-warning-outlined', 'clock-2-outlined', 'clock-outlined', 'cog-outlined', 'coin-outlined', 'coin-super-outlined', 'comment-outlined', 'contacts-outlined', 'contacts-user-outlined', 'credit-card-outlined', 'cup-outlined', 'dentistry-outlined', 'direction-arrows-outlined', 'directory-outlined', 'document-outlined', 'dollar-box-outlined', 'dollar-card-outlined', 'dollar-coin-shine-outlined', 'dollar-credit-card-outlined', 'dollar-sign', 'double-buildings-outlined', 'double-left-arrows', 'double-right-arrows', 'download-box-outlined', 'download-outlined', 'edit-template-outlined', 'email-outlined', 'enter-arrow', 'envelope-outlined', 'expense-approval-outlined', 'expense-outlined', 'explore-outlined', 'extension-outlined', 'external-link', 'eye-invisible-outlined', 'eye-outlined', 'face-id', 'face-meh-outlined', 'face-open-smiley-outlined', 'face-sad-outlined', 'face-smiley-outlined', 'fastfood-outlined', 'feed-outlined', 'file-certified-outlined', 'file-clone-outlined', 'file-copy-outlined', 'file-dispose-outlined', 'file-dollar-certified-outlined', 'file-dollar-outlined', 'file-download-outlined', 'file-export-outlined', 'file-lock-outlined', 'file-outlined', 'file-search-outlined', 'file-secured-outlined', 'file-statutory-outlined', 'file-verified-outlined', 'filter-outlined', 'folder-outlined', 'folder-user-outlined', 'form-outlined', 'funnel-filter-outline', 'goal-outlined', 'graph-outlined', 'hand-holding-user-outlined', 'happy-sun-outlined', 'health-bag-outlined', 'heart-outlined', 'home-active-outlined', 'home-outlined', 'id-card-outlined', 'image-outlined', 'import-outlined', 'instapay-outlined', 'italic', 'job-search-outlined', 'leave-approval-outlined', 'link-1', 'link-2', 'list-outlined', 'live-help-outlined', 'location-on-outlined', 'location-outlined', 'lock-outlined', 'locked-file-outlined', 'log-out', 'mail-outlined', 'media-content-outlined', 'menu-close', 'menu-expand', 'menu-fold-outlined', 'menu-unfold-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', 'overview-outlined', 'payment-summary-outlined', 'payslip-outlined', 'pencil-outlined', 'percentage', 'phone-outlined', 'piggy-bank-outlined', 'plane-outlined', 'play-circle-outlined', 'print-outlined', 'propane-tank-outlined', 'qr-code-outlined', 'qualification-outlined', 're-assign', 'redeem', 'refresh', 'remove', 'reply-outlined', 'restart', 'resume-outlined', 'return-arrow', 'rostering-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined', 'show-chart-outlined', 'single-down-arrow', 'single-left-arrow', 'single-right-arrow', 'single-up-arrow', 'smart-match-outlined', 'sparkle-outlined', 'speaker-active-outlined', 'speaker-outlined', 'star-circle-outlined', 'star-outlined', 'stopwatch-outlined', 'strikethrough', 'styler-outlined', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'tag-outlined', 'target-outlined', 'tennis-outlined', 'ticket-outlined', 'timesheet-outlined', 'timesheets-outlined', 'today-outlined', 'transfer', 'trash-bin-outlined', 'umbrela-outlined', 'unavailable', 'underline', 'union-outlined', 'unlock-outlined', 'upload-outlined', 'user-circle-outlined', 'user-gear-outlined', 'user-outlined', 'user-rectangle-outlined', 'video-1-outlined', 'video-2-outlined', 'volunteer-outlined', 'wallet-outlined'];
6909
6905
 
6910
6906
  var activate = 59000;
6911
6907
  var adjustment = 59003;
@@ -6979,21 +6975,21 @@ var user = 59175;
6979
6975
  var wallet = 59178;
6980
6976
  var warning = 59179;
6981
6977
  var add = 59185;
6982
- var bold = 59208;
6983
- var cancel = 59222;
6984
- var checkmark = 59227;
6985
- var italic = 59312;
6986
- var number = 59338;
6987
- var percentage = 59343;
6988
- var redeem = 59353;
6989
- var refresh = 59354;
6990
- var remove = 59355;
6991
- var restart = 59357;
6992
- var strikethrough = 59379;
6993
- var sync = 59385;
6994
- var transfer = 59393;
6995
- var unavailable = 59396;
6996
- var underline = 59397;
6978
+ var bold = 59209;
6979
+ var cancel = 59223;
6980
+ var checkmark = 59228;
6981
+ var italic = 59313;
6982
+ var number = 59340;
6983
+ var percentage = 59345;
6984
+ var redeem = 59355;
6985
+ var refresh = 59356;
6986
+ var remove = 59357;
6987
+ var restart = 59359;
6988
+ var strikethrough = 59383;
6989
+ var sync = 59389;
6990
+ var transfer = 59397;
6991
+ var unavailable = 59400;
6992
+ var underline = 59401;
6997
6993
  var glyphMap = {
6998
6994
  activate: activate,
6999
6995
  "add-emoji": 59001,
@@ -7186,224 +7182,228 @@ var glyphMap = {
7186
7182
  "alignment-2-outlined": 59188,
7187
7183
  "alignment-outlined": 59189,
7188
7184
  "all-caps": 59190,
7189
- "arrow-down": 59191,
7190
- "arrow-downwards": 59192,
7191
- "arrow-left": 59193,
7192
- "arrow-leftwards": 59194,
7193
- "arrow-right": 59195,
7194
- "arrow-rightwards": 59196,
7195
- "arrow-up": 59197,
7196
- "arrow-upwards": 59198,
7197
- "article-outlined": 59199,
7198
- "at-sign": 59200,
7199
- "auto-graph-outlined": 59201,
7200
- "beer-outlined": 59202,
7201
- "bell-active-outlined": 59203,
7202
- "bell-outlined": 59204,
7203
- "bell-slash-outlined": 59205,
7204
- "billing-outlined": 59206,
7205
- "body-outlined": 59207,
7185
+ "application-outlined": 59191,
7186
+ "arrow-down": 59192,
7187
+ "arrow-downwards": 59193,
7188
+ "arrow-left": 59194,
7189
+ "arrow-leftwards": 59195,
7190
+ "arrow-right": 59196,
7191
+ "arrow-rightwards": 59197,
7192
+ "arrow-up": 59198,
7193
+ "arrow-upwards": 59199,
7194
+ "article-outlined": 59200,
7195
+ "at-sign": 59201,
7196
+ "auto-graph-outlined": 59202,
7197
+ "beer-outlined": 59203,
7198
+ "bell-active-outlined": 59204,
7199
+ "bell-outlined": 59205,
7200
+ "bell-slash-outlined": 59206,
7201
+ "billing-outlined": 59207,
7202
+ "body-outlined": 59208,
7206
7203
  bold: bold,
7207
- "bolt-outlined": 59209,
7208
- "book-outlined": 59210,
7209
- "bookmark-added-outlined": 59211,
7210
- "bookmark-outlined": 59212,
7211
- "box-check-outlined": 59213,
7212
- "box-outlined": 59214,
7213
- "bullet-points": 59215,
7214
- "cake-outlined": 59216,
7215
- "calendar-dates-outlined": 59217,
7216
- "calendar-star-outlined": 59218,
7217
- "call-outlined": 59219,
7218
- "call-split-outlined": 59220,
7219
- "camera-outlined": 59221,
7204
+ "bolt-outlined": 59210,
7205
+ "book-outlined": 59211,
7206
+ "bookmark-added-outlined": 59212,
7207
+ "bookmark-outlined": 59213,
7208
+ "box-check-outlined": 59214,
7209
+ "box-outlined": 59215,
7210
+ "bullet-points": 59216,
7211
+ "cake-outlined": 59217,
7212
+ "calendar-dates-outlined": 59218,
7213
+ "calendar-star-outlined": 59219,
7214
+ "call-outlined": 59220,
7215
+ "call-split-outlined": 59221,
7216
+ "camera-outlined": 59222,
7220
7217
  cancel: cancel,
7221
- "car-forward-outlined": 59223,
7222
- "charging-station-outlined": 59224,
7223
- "chat-bubble-outlined": 59225,
7224
- "chat-unread-outlined": 59226,
7218
+ "car-forward-outlined": 59224,
7219
+ "charging-station-outlined": 59225,
7220
+ "chat-bubble-outlined": 59226,
7221
+ "chat-unread-outlined": 59227,
7225
7222
  checkmark: checkmark,
7226
- "circle-add-outlined": 59228,
7227
- "circle-cancel-outlined": 59229,
7228
- "circle-down-outlined": 59230,
7229
- "circle-info-outlined": 59231,
7230
- "circle-left-outlined": 59232,
7231
- "circle-ok-outlined": 59233,
7232
- "circle-question-outlined": 59234,
7233
- "circle-remove-outlined": 59235,
7234
- "circle-right-outlined": 59236,
7235
- "circle-up-outlined": 59237,
7236
- "circle-warning-outlined": 59238,
7237
- "clock-2-outlined": 59239,
7238
- "clock-outlined": 59240,
7239
- "cog-outlined": 59241,
7240
- "coin-outlined": 59242,
7241
- "coin-super-outlined": 59243,
7242
- "comment-outlined": 59244,
7243
- "contacts-outlined": 59245,
7244
- "contacts-user-outlined": 59246,
7245
- "credit-card-outlined": 59247,
7246
- "cup-outlined": 59248,
7247
- "dentistry-outlined": 59249,
7248
- "direction-arrows-outlined": 59250,
7249
- "directory-outlined": 59251,
7250
- "document-outlined": 59252,
7251
- "dollar-box-outlined": 59253,
7252
- "dollar-card-outlined": 59254,
7253
- "dollar-coin-shine-outlined": 59255,
7254
- "dollar-credit-card-outlined": 59256,
7255
- "dollar-sign": 59257,
7256
- "double-buildings-outlined": 59258,
7257
- "double-left-arrows": 59259,
7258
- "double-right-arrows": 59260,
7259
- "download-box-outlined": 59261,
7260
- "download-outlined": 59262,
7261
- "edit-template-outlined": 59263,
7262
- "email-outlined": 59264,
7263
- "enter-arrow": 59265,
7264
- "envelope-outlined": 59266,
7265
- "expense-approval-outlined": 59267,
7266
- "expense-outlined": 59268,
7267
- "explore-outlined": 59269,
7268
- "extension-outlined": 59270,
7269
- "external-link": 59271,
7270
- "eye-invisible-outlined": 59272,
7271
- "eye-outlined": 59273,
7272
- "face-id": 59274,
7273
- "face-meh-outlined": 59275,
7274
- "face-open-smiley-outlined": 59276,
7275
- "face-sad-outlined": 59277,
7276
- "face-smiley-outlined": 59278,
7277
- "fastfood-outlined": 59279,
7278
- "feed-outlined": 59280,
7279
- "file-certified-outlined": 59281,
7280
- "file-clone-outlined": 59282,
7281
- "file-copy-outlined": 59283,
7282
- "file-dispose-outlined": 59284,
7283
- "file-dollar-certified-outlined": 59285,
7284
- "file-dollar-outlined": 59286,
7285
- "file-download-outlined": 59287,
7286
- "file-export-outlined": 59288,
7287
- "file-lock-outlined": 59289,
7288
- "file-outlined": 59290,
7289
- "file-search-outlined": 59291,
7290
- "file-secured-outlined": 59292,
7291
- "file-statutory-outlined": 59293,
7292
- "file-verified-outlined": 59294,
7293
- "filter-outlined": 59295,
7294
- "folder-outlined": 59296,
7295
- "folder-user-outlined": 59297,
7296
- "form-outlined": 59298,
7297
- "funnel-filter-outline": 59299,
7298
- "goal-outlined": 59300,
7299
- "graph-outlined": 59301,
7300
- "hand-holding-user-outlined": 59302,
7301
- "happy-sun-outlined": 59303,
7302
- "health-bag-outlined": 59304,
7303
- "heart-outlined": 59305,
7304
- "home-active-outlined": 59306,
7305
- "home-outlined": 59307,
7306
- "id-card-outlined": 59308,
7307
- "image-outlined": 59309,
7308
- "import-outlined": 59310,
7309
- "instapay-outlined": 59311,
7223
+ "circle-add-outlined": 59229,
7224
+ "circle-cancel-outlined": 59230,
7225
+ "circle-down-outlined": 59231,
7226
+ "circle-info-outlined": 59232,
7227
+ "circle-left-outlined": 59233,
7228
+ "circle-ok-outlined": 59234,
7229
+ "circle-question-outlined": 59235,
7230
+ "circle-remove-outlined": 59236,
7231
+ "circle-right-outlined": 59237,
7232
+ "circle-up-outlined": 59238,
7233
+ "circle-warning-outlined": 59239,
7234
+ "clock-2-outlined": 59240,
7235
+ "clock-outlined": 59241,
7236
+ "cog-outlined": 59242,
7237
+ "coin-outlined": 59243,
7238
+ "coin-super-outlined": 59244,
7239
+ "comment-outlined": 59245,
7240
+ "contacts-outlined": 59246,
7241
+ "contacts-user-outlined": 59247,
7242
+ "credit-card-outlined": 59248,
7243
+ "cup-outlined": 59249,
7244
+ "dentistry-outlined": 59250,
7245
+ "direction-arrows-outlined": 59251,
7246
+ "directory-outlined": 59252,
7247
+ "document-outlined": 59253,
7248
+ "dollar-box-outlined": 59254,
7249
+ "dollar-card-outlined": 59255,
7250
+ "dollar-coin-shine-outlined": 59256,
7251
+ "dollar-credit-card-outlined": 59257,
7252
+ "dollar-sign": 59258,
7253
+ "double-buildings-outlined": 59259,
7254
+ "double-left-arrows": 59260,
7255
+ "double-right-arrows": 59261,
7256
+ "download-box-outlined": 59262,
7257
+ "download-outlined": 59263,
7258
+ "edit-template-outlined": 59264,
7259
+ "email-outlined": 59265,
7260
+ "enter-arrow": 59266,
7261
+ "envelope-outlined": 59267,
7262
+ "expense-approval-outlined": 59268,
7263
+ "expense-outlined": 59269,
7264
+ "explore-outlined": 59270,
7265
+ "extension-outlined": 59271,
7266
+ "external-link": 59272,
7267
+ "eye-invisible-outlined": 59273,
7268
+ "eye-outlined": 59274,
7269
+ "face-id": 59275,
7270
+ "face-meh-outlined": 59276,
7271
+ "face-open-smiley-outlined": 59277,
7272
+ "face-sad-outlined": 59278,
7273
+ "face-smiley-outlined": 59279,
7274
+ "fastfood-outlined": 59280,
7275
+ "feed-outlined": 59281,
7276
+ "file-certified-outlined": 59282,
7277
+ "file-clone-outlined": 59283,
7278
+ "file-copy-outlined": 59284,
7279
+ "file-dispose-outlined": 59285,
7280
+ "file-dollar-certified-outlined": 59286,
7281
+ "file-dollar-outlined": 59287,
7282
+ "file-download-outlined": 59288,
7283
+ "file-export-outlined": 59289,
7284
+ "file-lock-outlined": 59290,
7285
+ "file-outlined": 59291,
7286
+ "file-search-outlined": 59292,
7287
+ "file-secured-outlined": 59293,
7288
+ "file-statutory-outlined": 59294,
7289
+ "file-verified-outlined": 59295,
7290
+ "filter-outlined": 59296,
7291
+ "folder-outlined": 59297,
7292
+ "folder-user-outlined": 59298,
7293
+ "form-outlined": 59299,
7294
+ "funnel-filter-outline": 59300,
7295
+ "goal-outlined": 59301,
7296
+ "graph-outlined": 59302,
7297
+ "hand-holding-user-outlined": 59303,
7298
+ "happy-sun-outlined": 59304,
7299
+ "health-bag-outlined": 59305,
7300
+ "heart-outlined": 59306,
7301
+ "home-active-outlined": 59307,
7302
+ "home-outlined": 59308,
7303
+ "id-card-outlined": 59309,
7304
+ "image-outlined": 59310,
7305
+ "import-outlined": 59311,
7306
+ "instapay-outlined": 59312,
7310
7307
  italic: italic,
7311
- "leave-approval-outlined": 59313,
7312
- "link-1": 59314,
7313
- "link-2": 59315,
7314
- "list-outlined": 59316,
7315
- "live-help-outlined": 59317,
7316
- "location-on-outlined": 59318,
7317
- "location-outlined": 59319,
7318
- "lock-outlined": 59320,
7319
- "locked-file-outlined": 59321,
7320
- "log-out": 59322,
7321
- "mail-outlined": 59323,
7322
- "media-content-outlined": 59324,
7323
- "menu-close": 59325,
7324
- "menu-expand": 59326,
7325
- "menu-fold-outlined": 59327,
7326
- "menu-unfold-outlined": 59328,
7327
- "moneybag-outlined": 59329,
7328
- "moon-outlined": 59330,
7329
- "more-horizontal": 59331,
7330
- "more-vertical": 59332,
7331
- "multiple-folders-outlined": 59333,
7332
- "multiple-users-outlined": 59334,
7333
- "near-me-outlined": 59335,
7334
- "node-outlined": 59336,
7335
- "number-points": 59337,
7308
+ "job-search-outlined": 59314,
7309
+ "leave-approval-outlined": 59315,
7310
+ "link-1": 59316,
7311
+ "link-2": 59317,
7312
+ "list-outlined": 59318,
7313
+ "live-help-outlined": 59319,
7314
+ "location-on-outlined": 59320,
7315
+ "location-outlined": 59321,
7316
+ "lock-outlined": 59322,
7317
+ "locked-file-outlined": 59323,
7318
+ "log-out": 59324,
7319
+ "mail-outlined": 59325,
7320
+ "media-content-outlined": 59326,
7321
+ "menu-close": 59327,
7322
+ "menu-expand": 59328,
7323
+ "menu-fold-outlined": 59329,
7324
+ "menu-unfold-outlined": 59330,
7325
+ "moneybag-outlined": 59331,
7326
+ "moon-outlined": 59332,
7327
+ "more-horizontal": 59333,
7328
+ "more-vertical": 59334,
7329
+ "multiple-folders-outlined": 59335,
7330
+ "multiple-users-outlined": 59336,
7331
+ "near-me-outlined": 59337,
7332
+ "node-outlined": 59338,
7333
+ "number-points": 59339,
7336
7334
  number: number,
7337
- "overview-outlined": 59339,
7338
- "payment-summary-outlined": 59340,
7339
- "payslip-outlined": 59341,
7340
- "pencil-outlined": 59342,
7335
+ "overview-outlined": 59341,
7336
+ "payment-summary-outlined": 59342,
7337
+ "payslip-outlined": 59343,
7338
+ "pencil-outlined": 59344,
7341
7339
  percentage: percentage,
7342
- "phone-outlined": 59344,
7343
- "piggy-bank-outlined": 59345,
7344
- "plane-outlined": 59346,
7345
- "play-circle-outlined": 59347,
7346
- "print-outlined": 59348,
7347
- "propane-tank-outlined": 59349,
7348
- "qr-code-outlined": 59350,
7349
- "qualification-outlined": 59351,
7350
- "re-assign": 59352,
7340
+ "phone-outlined": 59346,
7341
+ "piggy-bank-outlined": 59347,
7342
+ "plane-outlined": 59348,
7343
+ "play-circle-outlined": 59349,
7344
+ "print-outlined": 59350,
7345
+ "propane-tank-outlined": 59351,
7346
+ "qr-code-outlined": 59352,
7347
+ "qualification-outlined": 59353,
7348
+ "re-assign": 59354,
7351
7349
  redeem: redeem,
7352
7350
  refresh: refresh,
7353
7351
  remove: remove,
7354
- "reply-outlined": 59356,
7352
+ "reply-outlined": 59358,
7355
7353
  restart: restart,
7356
- "return-arrow": 59358,
7357
- "rostering-outlined": 59359,
7358
- "save-outlined": 59360,
7359
- "schedule-outlined": 59361,
7360
- "search-outlined": 59362,
7361
- "search-secured-outlined": 59363,
7362
- "send-outlined": 59364,
7363
- "share-1": 59365,
7364
- "share-2": 59366,
7365
- "share-outlined": 59367,
7366
- "show-chart-outlined": 59368,
7367
- "single-down-arrow": 59369,
7368
- "single-left-arrow": 59370,
7369
- "single-right-arrow": 59371,
7370
- "single-up-arrow": 59372,
7371
- "sparkle-outlined": 59373,
7372
- "speaker-active-outlined": 59374,
7373
- "speaker-outlined": 59375,
7374
- "star-circle-outlined": 59376,
7375
- "star-outlined": 59377,
7376
- "stopwatch-outlined": 59378,
7354
+ "resume-outlined": 59360,
7355
+ "return-arrow": 59361,
7356
+ "rostering-outlined": 59362,
7357
+ "save-outlined": 59363,
7358
+ "schedule-outlined": 59364,
7359
+ "search-outlined": 59365,
7360
+ "search-secured-outlined": 59366,
7361
+ "send-outlined": 59367,
7362
+ "share-1": 59368,
7363
+ "share-2": 59369,
7364
+ "share-outlined": 59370,
7365
+ "show-chart-outlined": 59371,
7366
+ "single-down-arrow": 59372,
7367
+ "single-left-arrow": 59373,
7368
+ "single-right-arrow": 59374,
7369
+ "single-up-arrow": 59375,
7370
+ "smart-match-outlined": 59376,
7371
+ "sparkle-outlined": 59377,
7372
+ "speaker-active-outlined": 59378,
7373
+ "speaker-outlined": 59379,
7374
+ "star-circle-outlined": 59380,
7375
+ "star-outlined": 59381,
7376
+ "stopwatch-outlined": 59382,
7377
7377
  strikethrough: strikethrough,
7378
- "styler-outlined": 59380,
7379
- "suitcase-clock-outlined": 59381,
7380
- "suitcase-outlined": 59382,
7381
- "survey-outlined": 59383,
7382
- "switch-outlined": 59384,
7378
+ "styler-outlined": 59384,
7379
+ "suitcase-clock-outlined": 59385,
7380
+ "suitcase-outlined": 59386,
7381
+ "survey-outlined": 59387,
7382
+ "switch-outlined": 59388,
7383
7383
  sync: sync,
7384
- "tag-outlined": 59386,
7385
- "target-outlined": 59387,
7386
- "tennis-outlined": 59388,
7387
- "ticket-outlined": 59389,
7388
- "timesheet-outlined": 59390,
7389
- "timesheets-outlined": 59391,
7390
- "today-outlined": 59392,
7384
+ "tag-outlined": 59390,
7385
+ "target-outlined": 59391,
7386
+ "tennis-outlined": 59392,
7387
+ "ticket-outlined": 59393,
7388
+ "timesheet-outlined": 59394,
7389
+ "timesheets-outlined": 59395,
7390
+ "today-outlined": 59396,
7391
7391
  transfer: transfer,
7392
- "trash-bin-outlined": 59394,
7393
- "umbrela-outlined": 59395,
7392
+ "trash-bin-outlined": 59398,
7393
+ "umbrela-outlined": 59399,
7394
7394
  unavailable: unavailable,
7395
7395
  underline: underline,
7396
- "union-outlined": 59398,
7397
- "unlock-outlined": 59399,
7398
- "upload-outlined": 59400,
7399
- "user-circle-outlined": 59401,
7400
- "user-gear-outlined": 59402,
7401
- "user-outlined": 59403,
7402
- "user-rectangle-outlined": 59404,
7403
- "video-1-outlined": 59405,
7404
- "video-2-outlined": 59406,
7405
- "volunteer-outlined": 59407,
7406
- "wallet-outlined": 59408
7396
+ "union-outlined": 59402,
7397
+ "unlock-outlined": 59403,
7398
+ "upload-outlined": 59404,
7399
+ "user-circle-outlined": 59405,
7400
+ "user-gear-outlined": 59406,
7401
+ "user-outlined": 59407,
7402
+ "user-rectangle-outlined": 59408,
7403
+ "video-1-outlined": 59409,
7404
+ "video-2-outlined": 59410,
7405
+ "volunteer-outlined": 59411,
7406
+ "wallet-outlined": 59412
7407
7407
  };
7408
7408
 
7409
7409
  var HeroIcon = reactNativeVectorIcons.createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
@@ -12032,20 +12032,8 @@ var StyledCard = index$a(Card$1)(function (_ref2) {
12032
12032
  flex: 1
12033
12033
  };
12034
12034
  });
12035
- var StyledShadow = index$a(reactNative.View)(function (_ref3) {
12035
+ var StyledItemWrapper = index$a(reactNative.View)(function (_ref3) {
12036
12036
  var theme = _ref3.theme;
12037
- return {
12038
- borderRadius: theme.__hd__.cardCarousel.radii.card,
12039
- shadowColor: theme.__hd__.cardCarousel.shadows.color,
12040
- shadowOffset: theme.__hd__.cardCarousel.shadows.offset,
12041
- shadowRadius: theme.__hd__.cardCarousel.shadows.radius,
12042
- shadowOpacity: theme.__hd__.cardCarousel.shadows.opacity,
12043
- elevation: theme.__hd__.cardCarousel.shadows.elevation,
12044
- flex: 1
12045
- };
12046
- });
12047
- var StyledItemWrapper = index$a(reactNative.View)(function (_ref4) {
12048
- var theme = _ref4.theme;
12049
12037
  return {
12050
12038
  padding: theme.__hd__.cardCarousel.space.carouselItemSpacing
12051
12039
  };
@@ -12166,7 +12154,7 @@ var CardCarousel = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
12166
12154
  style: {
12167
12155
  width: itemWidth
12168
12156
  }
12169
- }, /*#__PURE__*/React__default["default"].createElement(StyledShadow, null, /*#__PURE__*/React__default["default"].createElement(StyledCard, null, item)));
12157
+ }, /*#__PURE__*/React__default["default"].createElement(StyledCard, null, item));
12170
12158
  }, [itemWidth]);
12171
12159
  var contentContainerPaddingHorizontal = theme.__hd__.cardCarousel.space.contentContainerPaddingHorizontal;
12172
12160
  return /*#__PURE__*/React__default["default"].createElement(StyledWrapper$8, {
@@ -12388,6 +12376,7 @@ var Carousel = function Carousel(_ref) {
12388
12376
  _useStateFromProp2 = _slicedToArray(_useStateFromProp, 2),
12389
12377
  currentSlideIndex = _useStateFromProp2[0],
12390
12378
  setCurrentSlideIndex = _useStateFromProp2[1];
12379
+ var shouldRenderPagination = items.length > 1 && shouldShowPagination(currentSlideIndex);
12391
12380
  var internalOnItemIndexChange = React.useCallback(function (index) {
12392
12381
  setCurrentSlideIndex(index);
12393
12382
  if (onItemIndexChange) {
@@ -12427,7 +12416,7 @@ var Carousel = function Carousel(_ref) {
12427
12416
  testID: testID
12428
12417
  }, nativeProps), /*#__PURE__*/React__default["default"].createElement(StyledBackDrop, {
12429
12418
  themeSlideBackground: ((_items$currentSlideIn = items[currentSlideIndex]) === null || _items$currentSlideIn === void 0 ? void 0 : _items$currentSlideIn.background) || theme.colors.defaultGlobalSurface
12430
- }), /*#__PURE__*/React__default["default"].createElement(StyledPageControlWrapper, null, pageControlPosition === 'top' && shouldShowPagination(currentSlideIndex) && /*#__PURE__*/React__default["default"].createElement(StyledPageControl, {
12419
+ }), /*#__PURE__*/React__default["default"].createElement(StyledPageControlWrapper, null, pageControlPosition === 'top' && shouldRenderPagination && /*#__PURE__*/React__default["default"].createElement(StyledPageControl, {
12431
12420
  numberOfPages: items.length,
12432
12421
  currentPage: currentSlideIndex
12433
12422
  })), /*#__PURE__*/React__default["default"].createElement(StyledCarouselView, null, /*#__PURE__*/React__default["default"].createElement(reactNative.FlatList, {
@@ -12465,7 +12454,7 @@ var Carousel = function Carousel(_ref) {
12465
12454
  width: width
12466
12455
  });
12467
12456
  }
12468
- }), /*#__PURE__*/React__default["default"].createElement(StyledCarouselFooterWrapper, null, renderActions && renderActions(currentSlideIndex), pageControlPosition === 'bottom' && shouldShowPagination(currentSlideIndex) && /*#__PURE__*/React__default["default"].createElement(StyledPageControl, {
12457
+ }), /*#__PURE__*/React__default["default"].createElement(StyledCarouselFooterWrapper, null, renderActions && renderActions(currentSlideIndex), pageControlPosition === 'bottom' && shouldRenderPagination && /*#__PURE__*/React__default["default"].createElement(StyledPageControl, {
12469
12458
  numberOfPages: items.length,
12470
12459
  currentPage: currentSlideIndex
12471
12460
  }))));
@@ -12762,8 +12751,6 @@ var StyledMaxLengthMessage = index$a(Typography.Caption)(function (_ref7) {
12762
12751
  themeState = _ref7.themeState;
12763
12752
  return {
12764
12753
  color: theme.__hd__.textInput.colors.maxLengthLabels[themeState],
12765
- marginRight: theme.__hd__.textInput.space.maxLengthLabelMarginLeft,
12766
- alignSelf: 'flex-end',
12767
12754
  flex: 1,
12768
12755
  flexGrow: 1,
12769
12756
  textAlign: 'right'
@@ -12818,7 +12805,7 @@ var StyledTextInputAndLabelContainer = index$a(reactNative.View)(function () {
12818
12805
  var StyledErrorAndHelpTextContainer = index$a(reactNative.View)(function (_ref11) {
12819
12806
  var theme = _ref11.theme;
12820
12807
  return {
12821
- paddingLeft: theme.__hd__.textInput.space.errorAndHelpTextContainerPaddingLeft,
12808
+ paddingHorizontal: theme.__hd__.textInput.space.errorAndHelpTextContainerHorizontalPadding,
12822
12809
  minHeight: theme.__hd__.textInput.sizes.errorAndHelpTextContainerHeight,
12823
12810
  paddingTop: theme.__hd__.textInput.space.errorAndHelpTextContainerPaddingTop
12824
12811
  };
@@ -12826,7 +12813,8 @@ var StyledErrorAndHelpTextContainer = index$a(reactNative.View)(function (_ref11
12826
12813
  var StyledErrorAndMaxLengthContainer = index$a(reactNative.View)(function () {
12827
12814
  return {
12828
12815
  flexDirection: 'row',
12829
- justifyContent: 'space-between'
12816
+ justifyContent: 'space-between',
12817
+ alignItems: 'flex-start'
12830
12818
  };
12831
12819
  });
12832
12820
 
@@ -15924,7 +15912,9 @@ var renderActions = function renderActions(actions, width, progress, direction)
15924
15912
  flexDirection: 'row',
15925
15913
  transform: [{
15926
15914
  translateX: trans
15927
- }]
15915
+ }],
15916
+ zIndex: -99,
15917
+ position: 'relative'
15928
15918
  }
15929
15919
  }, actions);
15930
15920
  };
@@ -15943,6 +15933,10 @@ var Swipeable = function Swipeable(_ref) {
15943
15933
  var _useWindowDimensions = reactNative.useWindowDimensions(),
15944
15934
  width = _useWindowDimensions.width;
15945
15935
  var swipeableRef = React.useRef(null);
15936
+ var _React$useState = React__default["default"].useState(0),
15937
+ _React$useState2 = _slicedToArray(_React$useState, 2),
15938
+ containerWidth = _React$useState2[0],
15939
+ setContainerWidth = _React$useState2[1];
15946
15940
  var renderLeftActions = React.useCallback(function (progress) {
15947
15941
  return renderActions(leftActions, leftActionsWidth || width, progress, 'left');
15948
15942
  }, [leftActions, leftActionsWidth, width]);
@@ -15963,7 +15957,11 @@ var Swipeable = function Swipeable(_ref) {
15963
15957
  break;
15964
15958
  }
15965
15959
  }, [state]);
15966
- return /*#__PURE__*/React__default["default"].createElement(reactNativeGestureHandler.GestureHandlerRootView, null, /*#__PURE__*/React__default["default"].createElement(reactNativeGestureHandler.Swipeable, _extends$1({}, swipeableProps, {
15960
+ return /*#__PURE__*/React__default["default"].createElement(reactNativeGestureHandler.GestureHandlerRootView, null, /*#__PURE__*/React__default["default"].createElement(Box, {
15961
+ onLayout: function onLayout(e) {
15962
+ return setContainerWidth(e.nativeEvent.layout.width);
15963
+ }
15964
+ }, /*#__PURE__*/React__default["default"].createElement(reactNativeGestureHandler.Swipeable, _extends$1({}, swipeableProps, {
15967
15965
  ref: swipeableRef
15968
15966
  }, leftActions !== undefined && {
15969
15967
  renderLeftActions: renderLeftActions
@@ -15981,8 +15979,14 @@ var Swipeable = function Swipeable(_ref) {
15981
15979
  },
15982
15980
  containerStyle: {
15983
15981
  borderRadius: variant === 'card' ? theme.__hd__.swipeable.radii.swipeableContainer : 0
15982
+ },
15983
+ childrenContainerStyle: {
15984
+ backgroundColor: theme.__hd__.swipeable.colors.defaultContainerBackground,
15985
+ position: 'relative',
15986
+ width: containerWidth + theme.__hd__.swipeable.space.containerExtraWidth,
15987
+ borderRadius: theme.__hd__.swipeable.radii.swipeableContainer
15984
15988
  }
15985
- }), children));
15989
+ }), children)));
15986
15990
  };
15987
15991
  var index$5 = Object.assign(Swipeable, {
15988
15992
  Action: SwipeableAction,