@hero-design/rn 8.62.0 → 8.63.0

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.
package/lib/index.js CHANGED
@@ -6942,7 +6942,7 @@ var Typography = {
6942
6942
  };
6943
6943
 
6944
6944
  // 🔴 DO NOT EDIT — This file is generated automatically.
6945
- 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', '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', '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', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'salary-sacrifice', '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', 'bill-management-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', '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-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', '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', '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', 'safety-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined-2', 'share-outlined', 'shopping_basket_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', 'stash-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', 'unavailability-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', 'wellness-outlined'];
6945
+ 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', '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', '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', 'payment-summary', 'pencil', 'phone', 'piggy-bank', 'plane-up', 'plane', 'play-circle', 'print', 'raising-hands', 'reply-arrow', 'reply', 'reschedule', 'rostering', 'salary-sacrifice', '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', 'bill-management-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', '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', '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', 'end-break-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', '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', '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', 'safety-outlined', 'save-outlined', 'schedule-outlined', 'search-outlined', 'search-secured-outlined', 'send-outlined', 'share-1', 'share-2', 'share-outlined-2', 'share-outlined', 'shopping_basket_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', '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', 'ticket-outlined', 'timesheet-outlined', 'timesheets-outlined', 'today-outlined', 'transfer', 'trash-bin-outlined', 'umbrela-outlined', 'unavailability-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', 'wellness-outlined'];
6946
6946
 
6947
6947
  var activate = 59000;
6948
6948
  var adjustment = 59003;
@@ -7020,20 +7020,20 @@ var add = 59190;
7020
7020
  var bold = 59215;
7021
7021
  var cancel = 59229;
7022
7022
  var checkmark = 59235;
7023
- var italic = 59320;
7024
- var local_mall_outlined = 59327;
7025
- var number = 59349;
7026
- var percentage = 59354;
7027
- var redeem = 59364;
7028
- var refresh = 59365;
7029
- var remove = 59366;
7030
- var restart = 59368;
7031
- var shopping_basket_outlined = 59382;
7032
- var strikethrough = 59396;
7033
- var sync = 59402;
7034
- var transfer = 59410;
7035
- var unavailable = 59414;
7036
- var underline = 59415;
7023
+ var italic = 59323;
7024
+ var local_mall_outlined = 59330;
7025
+ var number = 59352;
7026
+ var percentage = 59357;
7027
+ var redeem = 59367;
7028
+ var refresh = 59368;
7029
+ var remove = 59369;
7030
+ var restart = 59371;
7031
+ var shopping_basket_outlined = 59385;
7032
+ var strikethrough = 59400;
7033
+ var sync = 59406;
7034
+ var transfer = 59414;
7035
+ var unavailable = 59418;
7036
+ var underline = 59419;
7037
7037
  var glyphMap = {
7038
7038
  activate: activate,
7039
7039
  "add-emoji": 59001,
@@ -7283,186 +7283,190 @@ var glyphMap = {
7283
7283
  "circle-up-outlined": 59245,
7284
7284
  "circle-warning-outlined": 59246,
7285
7285
  "clock-2-outlined": 59247,
7286
- "clock-outlined": 59248,
7287
- "cog-outlined": 59249,
7288
- "coin-outlined": 59250,
7289
- "coin-super-outlined": 59251,
7290
- "comment-outlined": 59252,
7291
- "contacts-outlined": 59253,
7292
- "contacts-user-outlined": 59254,
7293
- "credit-card-outlined": 59255,
7294
- "cup-outlined": 59256,
7295
- "dentistry-outlined": 59257,
7296
- "direction-arrows-outlined": 59258,
7297
- "directory-outlined": 59259,
7298
- "document-outlined": 59260,
7299
- "dollar-box-outlined": 59261,
7300
- "dollar-card-outlined": 59262,
7301
- "dollar-coin-shine-outlined": 59263,
7302
- "dollar-credit-card-outlined": 59264,
7303
- "dollar-sign": 59265,
7304
- "double-buildings-outlined": 59266,
7305
- "double-left-arrows": 59267,
7306
- "double-right-arrows": 59268,
7307
- "download-box-outlined": 59269,
7308
- "download-outlined": 59270,
7309
- "edit-template-outlined": 59271,
7310
- "email-outlined": 59272,
7311
- "enter-arrow": 59273,
7312
- "envelope-outlined": 59274,
7313
- "expense-approval-outlined": 59275,
7314
- "expense-outlined": 59276,
7315
- "explore-outlined": 59277,
7316
- "extension-outlined": 59278,
7317
- "external-link": 59279,
7318
- "eye-invisible-outlined": 59280,
7319
- "eye-outlined": 59281,
7320
- "face-id": 59282,
7321
- "face-meh-outlined": 59283,
7322
- "face-open-smiley-outlined": 59284,
7323
- "face-sad-outlined": 59285,
7324
- "face-smiley-outlined": 59286,
7325
- "fastfood-outlined": 59287,
7326
- "feed-outlined": 59288,
7327
- "file-certified-outlined": 59289,
7328
- "file-clone-outlined": 59290,
7329
- "file-copy-outlined": 59291,
7330
- "file-dispose-outlined": 59292,
7331
- "file-dollar-certified-outlined": 59293,
7332
- "file-dollar-outlined": 59294,
7333
- "file-download-outlined": 59295,
7334
- "file-export-outlined": 59296,
7335
- "file-lock-outlined": 59297,
7336
- "file-outlined": 59298,
7337
- "file-search-outlined": 59299,
7338
- "file-secured-outlined": 59300,
7339
- "file-statutory-outlined": 59301,
7340
- "file-verified-outlined": 59302,
7341
- "filter-outlined": 59303,
7342
- "folder-outlined": 59304,
7343
- "folder-user-outlined": 59305,
7344
- "form-outlined": 59306,
7345
- "funnel-filter-outline": 59307,
7346
- "goal-outlined": 59308,
7347
- "graph-outlined": 59309,
7348
- "hand-holding-user-outlined": 59310,
7349
- "happy-sun-outlined": 59311,
7350
- "health-bag-outlined": 59312,
7351
- "heart-outlined": 59313,
7352
- "home-active-outlined": 59314,
7353
- "home-outlined": 59315,
7354
- "id-card-outlined": 59316,
7355
- "image-outlined": 59317,
7356
- "import-outlined": 59318,
7357
- "instapay-outlined": 59319,
7286
+ "clock-in-outlined": 59248,
7287
+ "clock-out-outlined": 59249,
7288
+ "clock-outlined": 59250,
7289
+ "cog-outlined": 59251,
7290
+ "coin-outlined": 59252,
7291
+ "coin-super-outlined": 59253,
7292
+ "comment-outlined": 59254,
7293
+ "contacts-outlined": 59255,
7294
+ "contacts-user-outlined": 59256,
7295
+ "credit-card-outlined": 59257,
7296
+ "cup-outlined": 59258,
7297
+ "dentistry-outlined": 59259,
7298
+ "direction-arrows-outlined": 59260,
7299
+ "directory-outlined": 59261,
7300
+ "document-outlined": 59262,
7301
+ "dollar-box-outlined": 59263,
7302
+ "dollar-card-outlined": 59264,
7303
+ "dollar-coin-shine-outlined": 59265,
7304
+ "dollar-credit-card-outlined": 59266,
7305
+ "dollar-sign": 59267,
7306
+ "double-buildings-outlined": 59268,
7307
+ "double-left-arrows": 59269,
7308
+ "double-right-arrows": 59270,
7309
+ "download-box-outlined": 59271,
7310
+ "download-outlined": 59272,
7311
+ "edit-template-outlined": 59273,
7312
+ "email-outlined": 59274,
7313
+ "end-break-outlined": 59275,
7314
+ "enter-arrow": 59276,
7315
+ "envelope-outlined": 59277,
7316
+ "expense-approval-outlined": 59278,
7317
+ "expense-outlined": 59279,
7318
+ "explore-outlined": 59280,
7319
+ "extension-outlined": 59281,
7320
+ "external-link": 59282,
7321
+ "eye-invisible-outlined": 59283,
7322
+ "eye-outlined": 59284,
7323
+ "face-id": 59285,
7324
+ "face-meh-outlined": 59286,
7325
+ "face-open-smiley-outlined": 59287,
7326
+ "face-sad-outlined": 59288,
7327
+ "face-smiley-outlined": 59289,
7328
+ "fastfood-outlined": 59290,
7329
+ "feed-outlined": 59291,
7330
+ "file-certified-outlined": 59292,
7331
+ "file-clone-outlined": 59293,
7332
+ "file-copy-outlined": 59294,
7333
+ "file-dispose-outlined": 59295,
7334
+ "file-dollar-certified-outlined": 59296,
7335
+ "file-dollar-outlined": 59297,
7336
+ "file-download-outlined": 59298,
7337
+ "file-export-outlined": 59299,
7338
+ "file-lock-outlined": 59300,
7339
+ "file-outlined": 59301,
7340
+ "file-search-outlined": 59302,
7341
+ "file-secured-outlined": 59303,
7342
+ "file-statutory-outlined": 59304,
7343
+ "file-verified-outlined": 59305,
7344
+ "filter-outlined": 59306,
7345
+ "folder-outlined": 59307,
7346
+ "folder-user-outlined": 59308,
7347
+ "form-outlined": 59309,
7348
+ "funnel-filter-outline": 59310,
7349
+ "goal-outlined": 59311,
7350
+ "graph-outlined": 59312,
7351
+ "hand-holding-user-outlined": 59313,
7352
+ "happy-sun-outlined": 59314,
7353
+ "health-bag-outlined": 59315,
7354
+ "heart-outlined": 59316,
7355
+ "home-active-outlined": 59317,
7356
+ "home-outlined": 59318,
7357
+ "id-card-outlined": 59319,
7358
+ "image-outlined": 59320,
7359
+ "import-outlined": 59321,
7360
+ "instapay-outlined": 59322,
7358
7361
  italic: italic,
7359
- "job-search-outlined": 59321,
7360
- "leave-approval-outlined": 59322,
7361
- "link-1": 59323,
7362
- "link-2": 59324,
7363
- "list-outlined": 59325,
7364
- "live-help-outlined": 59326,
7362
+ "job-search-outlined": 59324,
7363
+ "leave-approval-outlined": 59325,
7364
+ "link-1": 59326,
7365
+ "link-2": 59327,
7366
+ "list-outlined": 59328,
7367
+ "live-help-outlined": 59329,
7365
7368
  local_mall_outlined: local_mall_outlined,
7366
- "location-on-outlined": 59328,
7367
- "location-outlined": 59329,
7368
- "lock-outlined": 59330,
7369
- "locked-file-outlined": 59331,
7370
- "log-out": 59332,
7371
- "mail-outlined": 59333,
7372
- "map-outlined": 59334,
7373
- "media-content-outlined": 59335,
7374
- "menu-close": 59336,
7375
- "menu-expand": 59337,
7376
- "menu-fold-outlined": 59338,
7377
- "menu-unfold-outlined": 59339,
7378
- "moneybag-outlined": 59340,
7379
- "moon-outlined": 59341,
7380
- "more-horizontal": 59342,
7381
- "more-vertical": 59343,
7382
- "multiple-folders-outlined": 59344,
7383
- "multiple-users-outlined": 59345,
7384
- "near-me-outlined": 59346,
7385
- "node-outlined": 59347,
7386
- "number-points": 59348,
7369
+ "location-on-outlined": 59331,
7370
+ "location-outlined": 59332,
7371
+ "lock-outlined": 59333,
7372
+ "locked-file-outlined": 59334,
7373
+ "log-out": 59335,
7374
+ "mail-outlined": 59336,
7375
+ "map-outlined": 59337,
7376
+ "media-content-outlined": 59338,
7377
+ "menu-close": 59339,
7378
+ "menu-expand": 59340,
7379
+ "menu-fold-outlined": 59341,
7380
+ "menu-unfold-outlined": 59342,
7381
+ "moneybag-outlined": 59343,
7382
+ "moon-outlined": 59344,
7383
+ "more-horizontal": 59345,
7384
+ "more-vertical": 59346,
7385
+ "multiple-folders-outlined": 59347,
7386
+ "multiple-users-outlined": 59348,
7387
+ "near-me-outlined": 59349,
7388
+ "node-outlined": 59350,
7389
+ "number-points": 59351,
7387
7390
  number: number,
7388
- "overview-outlined": 59350,
7389
- "payment-summary-outlined": 59351,
7390
- "payslip-outlined": 59352,
7391
- "pencil-outlined": 59353,
7391
+ "overview-outlined": 59353,
7392
+ "payment-summary-outlined": 59354,
7393
+ "payslip-outlined": 59355,
7394
+ "pencil-outlined": 59356,
7392
7395
  percentage: percentage,
7393
- "phone-outlined": 59355,
7394
- "piggy-bank-outlined": 59356,
7395
- "plane-outlined": 59357,
7396
- "play-circle-outlined": 59358,
7397
- "print-outlined": 59359,
7398
- "propane-tank-outlined": 59360,
7399
- "qr-code-outlined": 59361,
7400
- "qualification-outlined": 59362,
7401
- "re-assign": 59363,
7396
+ "phone-outlined": 59358,
7397
+ "piggy-bank-outlined": 59359,
7398
+ "plane-outlined": 59360,
7399
+ "play-circle-outlined": 59361,
7400
+ "print-outlined": 59362,
7401
+ "propane-tank-outlined": 59363,
7402
+ "qr-code-outlined": 59364,
7403
+ "qualification-outlined": 59365,
7404
+ "re-assign": 59366,
7402
7405
  redeem: redeem,
7403
7406
  refresh: refresh,
7404
7407
  remove: remove,
7405
- "reply-outlined": 59367,
7408
+ "reply-outlined": 59370,
7406
7409
  restart: restart,
7407
- "resume-outlined": 59369,
7408
- "return-arrow": 59370,
7409
- "rostering-outlined": 59371,
7410
- "safety-outlined": 59372,
7411
- "save-outlined": 59373,
7412
- "schedule-outlined": 59374,
7413
- "search-outlined": 59375,
7414
- "search-secured-outlined": 59376,
7415
- "send-outlined": 59377,
7416
- "share-1": 59378,
7417
- "share-2": 59379,
7418
- "share-outlined-2": 59380,
7419
- "share-outlined": 59381,
7410
+ "resume-outlined": 59372,
7411
+ "return-arrow": 59373,
7412
+ "rostering-outlined": 59374,
7413
+ "safety-outlined": 59375,
7414
+ "save-outlined": 59376,
7415
+ "schedule-outlined": 59377,
7416
+ "search-outlined": 59378,
7417
+ "search-secured-outlined": 59379,
7418
+ "send-outlined": 59380,
7419
+ "share-1": 59381,
7420
+ "share-2": 59382,
7421
+ "share-outlined-2": 59383,
7422
+ "share-outlined": 59384,
7420
7423
  shopping_basket_outlined: shopping_basket_outlined,
7421
- "show-chart-outlined": 59383,
7422
- "single-down-arrow": 59384,
7423
- "single-left-arrow": 59385,
7424
- "single-right-arrow": 59386,
7425
- "single-up-arrow": 59387,
7426
- "smart-match-outlined": 59388,
7427
- "sparkle-outlined": 59389,
7428
- "speaker-active-outlined": 59390,
7429
- "speaker-outlined": 59391,
7430
- "star-circle-outlined": 59392,
7431
- "star-outlined": 59393,
7432
- "stash-outlined": 59394,
7433
- "stopwatch-outlined": 59395,
7424
+ "show-chart-outlined": 59386,
7425
+ "single-down-arrow": 59387,
7426
+ "single-left-arrow": 59388,
7427
+ "single-right-arrow": 59389,
7428
+ "single-up-arrow": 59390,
7429
+ "smart-match-outlined": 59391,
7430
+ "sparkle-outlined": 59392,
7431
+ "speaker-active-outlined": 59393,
7432
+ "speaker-outlined": 59394,
7433
+ "star-circle-outlined": 59395,
7434
+ "star-outlined": 59396,
7435
+ "start-break-outlined": 59397,
7436
+ "stash-outlined": 59398,
7437
+ "stopwatch-outlined": 59399,
7434
7438
  strikethrough: strikethrough,
7435
- "styler-outlined": 59397,
7436
- "suitcase-clock-outlined": 59398,
7437
- "suitcase-outlined": 59399,
7438
- "survey-outlined": 59400,
7439
- "switch-outlined": 59401,
7439
+ "styler-outlined": 59401,
7440
+ "suitcase-clock-outlined": 59402,
7441
+ "suitcase-outlined": 59403,
7442
+ "survey-outlined": 59404,
7443
+ "switch-outlined": 59405,
7440
7444
  sync: sync,
7441
- "tag-outlined": 59403,
7442
- "target-outlined": 59404,
7443
- "tennis-outlined": 59405,
7444
- "ticket-outlined": 59406,
7445
- "timesheet-outlined": 59407,
7446
- "timesheets-outlined": 59408,
7447
- "today-outlined": 59409,
7445
+ "tag-outlined": 59407,
7446
+ "target-outlined": 59408,
7447
+ "tennis-outlined": 59409,
7448
+ "ticket-outlined": 59410,
7449
+ "timesheet-outlined": 59411,
7450
+ "timesheets-outlined": 59412,
7451
+ "today-outlined": 59413,
7448
7452
  transfer: transfer,
7449
- "trash-bin-outlined": 59411,
7450
- "umbrela-outlined": 59412,
7451
- "unavailability-outlined": 59413,
7453
+ "trash-bin-outlined": 59415,
7454
+ "umbrela-outlined": 59416,
7455
+ "unavailability-outlined": 59417,
7452
7456
  unavailable: unavailable,
7453
7457
  underline: underline,
7454
- "union-outlined": 59416,
7455
- "unlock-outlined": 59417,
7456
- "upload-outlined": 59418,
7457
- "user-circle-outlined": 59419,
7458
- "user-gear-outlined": 59420,
7459
- "user-outlined": 59421,
7460
- "user-rectangle-outlined": 59422,
7461
- "video-1-outlined": 59423,
7462
- "video-2-outlined": 59424,
7463
- "volunteer-outlined": 59425,
7464
- "wallet-outlined": 59426,
7465
- "wellness-outlined": 59427
7458
+ "union-outlined": 59420,
7459
+ "unlock-outlined": 59421,
7460
+ "upload-outlined": 59422,
7461
+ "user-circle-outlined": 59423,
7462
+ "user-gear-outlined": 59424,
7463
+ "user-outlined": 59425,
7464
+ "user-rectangle-outlined": 59426,
7465
+ "video-1-outlined": 59427,
7466
+ "video-2-outlined": 59428,
7467
+ "volunteer-outlined": 59429,
7468
+ "wallet-outlined": 59430,
7469
+ "wellness-outlined": 59431
7466
7470
  };
7467
7471
 
7468
7472
  var HeroIcon = reactNativeVectorIcons.createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
@@ -7710,7 +7714,8 @@ var Alert = function Alert(_ref2) {
7710
7714
  _ref2$variant = _ref2.variant,
7711
7715
  variant = _ref2$variant === void 0 ? 'rounded' : _ref2$variant,
7712
7716
  style = _ref2.style,
7713
- testID = _ref2.testID;
7717
+ testID = _ref2.testID,
7718
+ actionLabel = _ref2.actionLabel;
7714
7719
  useDeprecation("Alert's notification intent is deprecated and will be removed in the next major release. Please use other intents instead.", intent === 'notification');
7715
7720
  return /*#__PURE__*/React__default["default"].createElement(Container$1, {
7716
7721
  themeVariant: variant,
@@ -7728,7 +7733,9 @@ var Alert = function Alert(_ref2) {
7728
7733
  }, content) : content)), onClose ? /*#__PURE__*/React__default["default"].createElement(CTAWrapper$1, {
7729
7734
  onPress: onClose,
7730
7735
  testID: "alert-close-icon"
7731
- }, /*#__PURE__*/React__default["default"].createElement(Icon, {
7736
+ }, typeof actionLabel === 'string' ? /*#__PURE__*/React__default["default"].createElement(Typography.Body, {
7737
+ variant: "small-bold"
7738
+ }, actionLabel) : /*#__PURE__*/React__default["default"].createElement(Icon, {
7732
7739
  icon: "cancel",
7733
7740
  size: "small"
7734
7741
  })) : null);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hero-design/rn",
3
- "version": "8.62.0",
3
+ "version": "8.63.0",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -1,3 +1,4 @@
1
+ import { fireEvent } from '@testing-library/react-native';
1
2
  import React from 'react';
2
3
  import Alert from '..';
3
4
  import renderWithTheme from '../../../testHelpers/renderWithTheme';
@@ -29,6 +30,23 @@ describe('Alert', () => {
29
30
  expect(getByTestId('alert-close-icon')).toBeDefined();
30
31
  });
31
32
 
33
+ it('renders correctly with CTA ', () => {
34
+ const onCloseSpy = jest.fn();
35
+ const { getByText } = renderWithTheme(
36
+ <Alert
37
+ title="Title"
38
+ content="Content"
39
+ actionLabel="CTA"
40
+ onClose={onCloseSpy}
41
+ />
42
+ );
43
+
44
+ expect(getByText('CTA')).toBeVisible();
45
+ fireEvent.press(getByText('CTA'));
46
+
47
+ expect(onCloseSpy).toHaveBeenCalledTimes(1);
48
+ });
49
+
32
50
  it('renders correctly without rounded ', () => {
33
51
  const { toJSON, getByTestId, getByText, queryByTestId } = renderWithTheme(
34
52
  <Alert title="Title" content="Content" variant="unrounded" />
@@ -122,3 +140,21 @@ describe('Alert', () => {
122
140
  });
123
141
  });
124
142
  });
143
+
144
+ describe('AlertProps', () => {
145
+ it('raises type error if actionLabel has value but no close icon', () => {
146
+ // should raise error which requires onClose
147
+ renderWithTheme(
148
+ // @ts-expect-error: Type '{ title: string; content: string; actionLabel: string; }' i
149
+ <Alert title="Title" content="Content" actionLabel="VIEW" />
150
+ );
151
+
152
+ // if onClose is standalone, it's valid
153
+ renderWithTheme(
154
+ <Alert title="Title" content="Content" onClose={jest.fn()} />
155
+ );
156
+
157
+ // if onClose and actionLabel are undefined, it's valid
158
+ renderWithTheme(<Alert title="Title" content="Content" />);
159
+ });
160
+ });
@@ -37,7 +37,7 @@ const AlertIcon = ({ icon }: { icon?: IconName }) =>
37
37
  </IconContainer>
38
38
  ) : null;
39
39
 
40
- interface AlertProps {
40
+ interface BasicAlertProps {
41
41
  /**
42
42
  * Alert title.
43
43
  */
@@ -59,6 +59,7 @@ interface AlertProps {
59
59
  intent?: 'success' | 'info' | 'warning' | 'error' | 'notification';
60
60
  /**
61
61
  * Closing callback. When onClose is available, an X button will be rendered on the right side of alert. The callback will be called when user clicks on X button.
62
+ * - undefined: no action button.
62
63
  */
63
64
  onClose?: () => void;
64
65
  /**
@@ -73,8 +74,26 @@ interface AlertProps {
73
74
  * Testing id of the component.
74
75
  */
75
76
  testID?: string;
77
+ /**
78
+ * Action label at the right side of the alert.
79
+ * - undefined: a close icon.
80
+ */
81
+ actionLabel?: string;
76
82
  }
77
83
 
84
+ type AlertProps =
85
+ | (BasicAlertProps & {
86
+ actionLabel?: undefined;
87
+ })
88
+ | (BasicAlertProps & {
89
+ onClose: () => void;
90
+ /**
91
+ * Action label at the right side of the alert.
92
+ * - undefined: a close icon.
93
+ */
94
+ actionLabel: string;
95
+ });
96
+
78
97
  const Alert = ({
79
98
  content,
80
99
  icon,
@@ -84,6 +103,7 @@ const Alert = ({
84
103
  variant = 'rounded',
85
104
  style,
86
105
  testID,
106
+ actionLabel,
87
107
  }: AlertProps): JSX.Element => {
88
108
  useDeprecation(
89
109
  `Alert's notification intent is deprecated and will be removed in the next major release. Please use other intents instead.`,
@@ -116,7 +136,13 @@ const Alert = ({
116
136
  </ContentContainer>
117
137
  {onClose ? (
118
138
  <CTAWrapper onPress={onClose} testID="alert-close-icon">
119
- <Icon icon="cancel" size="small" />
139
+ {typeof actionLabel === 'string' ? (
140
+ <Typography.Body variant="small-bold">
141
+ {actionLabel}
142
+ </Typography.Body>
143
+ ) : (
144
+ <Icon icon="cancel" size="small" />
145
+ )}
120
146
  </CTAWrapper>
121
147
  ) : null}
122
148
  </Container>