@hero-design/rn 8.60.1-alpha.0 → 8.61.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.
@@ -2,4 +2,4 @@
2
2
  src/index.ts → lib/index.js, es/index.js...
3
3
  (!) Plugin replace: @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
4
4
  (!) Plugin node-resolve: preferring built-in module 'events' over local alternative at '/home/runner/work/hero-design/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning
5
- created lib/index.js, es/index.js in 57.6s
5
+ created lib/index.js, es/index.js in 59.1s
package/CHANGELOG.md CHANGED
@@ -1,13 +1,18 @@
1
1
  # @hero-design/rn
2
2
 
3
- ## 8.60.1-alpha.0
3
+ ## 8.61.1
4
4
 
5
5
  ### Patch Changes
6
6
 
7
- - [#2807](https://github.com/Thinkei/hero-design/pull/2807) [`391137af3`](https://github.com/Thinkei/hero-design/commit/391137af35cb9ae71da51d6863624da0251017aa) Thanks [@ttkien](https://github.com/ttkien)! - initial HDv9
7
+ - [#2853](https://github.com/Thinkei/hero-design/pull/2853) [`2d654c6de`](https://github.com/Thinkei/hero-design/commit/2d654c6dece0447ad405727cdea18da90c09865a) Thanks [@nguyen315](https://github.com/nguyen315)! - [Icon] Add share-outlined-2 icon
8
8
 
9
- - Updated dependencies [[`5c76fdb0b`](https://github.com/Thinkei/hero-design/commit/5c76fdb0b3565456f30864c78e42cc9a589747c9), [`391137af3`](https://github.com/Thinkei/hero-design/commit/391137af35cb9ae71da51d6863624da0251017aa)]:
10
- - @hero-design/colors@9.0.0-alpha.0
9
+ - [#2854](https://github.com/Thinkei/hero-design/pull/2854) [`ce593d70f`](https://github.com/Thinkei/hero-design/commit/ce593d70f51c4968b829145daec222d8c465eba6) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [Button] Allow passing custom icon
10
+
11
+ ## 8.61.0
12
+
13
+ ### Minor Changes
14
+
15
+ - [#2786](https://github.com/Thinkei/hero-design/pull/2786) [`f5f4d1d55`](https://github.com/Thinkei/hero-design/commit/f5f4d1d55601f9ae3e37438f0928e9a6173ae260) Thanks [@vinhphan-eh](https://github.com/vinhphan-eh)! - [Radio.Group] Update indicator color and add inactiveIntent prop
11
16
 
12
17
  ## 8.60.0
13
18
 
Binary file
package/es/index.js CHANGED
@@ -1292,9 +1292,7 @@ var BASE_COLORS = {
1292
1292
  theatreGold: '#a56822',
1293
1293
  uniformGreen: '#4d4628',
1294
1294
  yellow: '#fadb14',
1295
- windsorGrey: '#606065',
1296
- mist: '#e8e9f8',
1297
- cloud: '#ccd9f5'
1295
+ windsorGrey: '#606065'
1298
1296
  };
1299
1297
  var colorScales = Object.entries(BASE_COLORS).reduce(function (acc, _ref16) {
1300
1298
  var _ref17 = _slicedToArray(_ref16, 2),
@@ -1303,17 +1301,15 @@ var colorScales = Object.entries(BASE_COLORS).reduce(function (acc, _ref16) {
1303
1301
  return Object.assign(Object.assign({}, acc), _defineProperty({}, key, createColorScales(value)));
1304
1302
  }, {});
1305
1303
  var blue$1 = colorScales.blue,
1306
- cloud = colorScales.cloud,
1307
- deepSaffron$2 = colorScales.deepSaffron,
1304
+ ultramarineBlue$2 = colorScales.ultramarineBlue,
1308
1305
  green$1 = colorScales.green,
1309
1306
  grey$2 = colorScales.grey,
1310
1307
  grotesqueGreen = colorScales.grotesqueGreen,
1311
- mist = colorScales.mist,
1308
+ deepSaffron$2 = colorScales.deepSaffron,
1312
1309
  pink$1 = colorScales.pink,
1313
1310
  purple$1 = colorScales.purple,
1314
- smalt = colorScales.smalt,
1315
- ultramarineBlue$2 = colorScales.ultramarineBlue,
1316
1311
  vermilion$2 = colorScales.vermilion,
1312
+ smalt = colorScales.smalt,
1317
1313
  violet$1 = colorScales.violet,
1318
1314
  yellow$1 = colorScales.yellow;
1319
1315
  var palette$b = {
@@ -1332,11 +1328,9 @@ var palette$b = {
1332
1328
  blueLight60: blue$1.lighten60,
1333
1329
  blueLight75: blue$1.lighten75,
1334
1330
  blueLight90: blue$1.lighten90,
1335
- cloudLight90: cloud.lighten90,
1336
1331
  dodgerBlue: ultramarineBlue$2.base,
1337
1332
  dodgerBlueDark15: ultramarineBlue$2.darken15,
1338
1333
  dodgerBlueDark30: ultramarineBlue$2.darken30,
1339
- dodgerBlueDark60: ultramarineBlue$2.darken60,
1340
1334
  dodgerBlueLight30: ultramarineBlue$2.lighten30,
1341
1335
  dodgerBlueLight45: ultramarineBlue$2.lighten45,
1342
1336
  dodgerBlueLight60: ultramarineBlue$2.lighten60,
@@ -1345,7 +1339,6 @@ var palette$b = {
1345
1339
  green: green$1.base,
1346
1340
  greenDark15: green$1.darken15,
1347
1341
  greenDark30: green$1.darken30,
1348
- greenDark60: green$1.darken60,
1349
1342
  greenDark75: green$1.darken75,
1350
1343
  greenLight30: green$1.lighten30,
1351
1344
  greenLight75: green$1.lighten75,
@@ -1356,7 +1349,6 @@ var palette$b = {
1356
1349
  greyDark45: grey$2.darken45,
1357
1350
  greyDark60: grey$2.darken60,
1358
1351
  greyDark75: grey$2.darken75,
1359
- greyLight30: grey$2.lighten30,
1360
1352
  greyLight45: grey$2.lighten45,
1361
1353
  greyLight60: grey$2.lighten60,
1362
1354
  greyLight75: grey$2.lighten75,
@@ -1370,27 +1362,20 @@ var palette$b = {
1370
1362
  grotesqueGreenLight60: grotesqueGreen.lighten60,
1371
1363
  grotesqueGreenLight75: grotesqueGreen.lighten75,
1372
1364
  grotesqueGreenLight90: grotesqueGreen.lighten90,
1373
- mistLight30: mist.lighten30,
1374
- mistLight60: mist.lighten60,
1375
- mistLight90: mist.lighten90,
1376
1365
  orange: deepSaffron$2.base,
1377
1366
  orangeDark15: deepSaffron$2.darken15,
1378
1367
  orangeDark30: deepSaffron$2.darken30,
1379
- orangeDark60: deepSaffron$2.darken60,
1380
1368
  orangeDark75: deepSaffron$2.darken75,
1381
1369
  orangeLight30: deepSaffron$2.lighten30,
1382
- orangeLight60: deepSaffron$2.lighten60,
1383
1370
  orangeLight75: deepSaffron$2.lighten75,
1384
1371
  orangeLight90: deepSaffron$2.lighten90,
1385
1372
  pink: pink$1.base,
1386
1373
  pinkDark15: pink$1.darken15,
1387
1374
  pinkDark30: pink$1.darken30,
1388
1375
  pinkDark45: pink$1.darken45,
1389
- pinkDark60: pink$1.darken60,
1390
1376
  pinkDark75: pink$1.darken75,
1391
1377
  pinkLight30: pink$1.lighten30,
1392
1378
  pinkLight45: pink$1.lighten45,
1393
- pinkLight60: pink$1.lighten60,
1394
1379
  pinkLight75: pink$1.lighten75,
1395
1380
  pinkLight90: pink$1.lighten90,
1396
1381
  purple: purple$1.base,
@@ -1433,7 +1418,6 @@ var palette$b = {
1433
1418
  yellow: yellow$1.base,
1434
1419
  yellowDark15: yellow$1.darken15,
1435
1420
  yellowDark30: yellow$1.darken30,
1436
- yellowDark45: yellow$1.darken45,
1437
1421
  yellowDark75: yellow$1.darken75,
1438
1422
  yellowLight30: yellow$1.lighten30,
1439
1423
  yellowLight45: yellow$1.lighten45,
@@ -6906,7 +6890,7 @@ var Typography = {
6906
6890
  };
6907
6891
 
6908
6892
  // 🔴 DO NOT EDIT — This file is generated automatically.
6909
- 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', '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'];
6893
+ 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'];
6910
6894
 
6911
6895
  var activate = 59000;
6912
6896
  var adjustment = 59003;
@@ -6992,12 +6976,12 @@ var redeem = 59364;
6992
6976
  var refresh = 59365;
6993
6977
  var remove = 59366;
6994
6978
  var restart = 59368;
6995
- var shopping_basket_outlined = 59381;
6996
- var strikethrough = 59395;
6997
- var sync = 59401;
6998
- var transfer = 59409;
6999
- var unavailable = 59413;
7000
- var underline = 59414;
6979
+ var shopping_basket_outlined = 59382;
6980
+ var strikethrough = 59396;
6981
+ var sync = 59402;
6982
+ var transfer = 59410;
6983
+ var unavailable = 59414;
6984
+ var underline = 59415;
7001
6985
  var glyphMap = {
7002
6986
  activate: activate,
7003
6987
  "add-emoji": 59001,
@@ -7379,52 +7363,53 @@ var glyphMap = {
7379
7363
  "send-outlined": 59377,
7380
7364
  "share-1": 59378,
7381
7365
  "share-2": 59379,
7382
- "share-outlined": 59380,
7366
+ "share-outlined-2": 59380,
7367
+ "share-outlined": 59381,
7383
7368
  shopping_basket_outlined: shopping_basket_outlined,
7384
- "show-chart-outlined": 59382,
7385
- "single-down-arrow": 59383,
7386
- "single-left-arrow": 59384,
7387
- "single-right-arrow": 59385,
7388
- "single-up-arrow": 59386,
7389
- "smart-match-outlined": 59387,
7390
- "sparkle-outlined": 59388,
7391
- "speaker-active-outlined": 59389,
7392
- "speaker-outlined": 59390,
7393
- "star-circle-outlined": 59391,
7394
- "star-outlined": 59392,
7395
- "stash-outlined": 59393,
7396
- "stopwatch-outlined": 59394,
7369
+ "show-chart-outlined": 59383,
7370
+ "single-down-arrow": 59384,
7371
+ "single-left-arrow": 59385,
7372
+ "single-right-arrow": 59386,
7373
+ "single-up-arrow": 59387,
7374
+ "smart-match-outlined": 59388,
7375
+ "sparkle-outlined": 59389,
7376
+ "speaker-active-outlined": 59390,
7377
+ "speaker-outlined": 59391,
7378
+ "star-circle-outlined": 59392,
7379
+ "star-outlined": 59393,
7380
+ "stash-outlined": 59394,
7381
+ "stopwatch-outlined": 59395,
7397
7382
  strikethrough: strikethrough,
7398
- "styler-outlined": 59396,
7399
- "suitcase-clock-outlined": 59397,
7400
- "suitcase-outlined": 59398,
7401
- "survey-outlined": 59399,
7402
- "switch-outlined": 59400,
7383
+ "styler-outlined": 59397,
7384
+ "suitcase-clock-outlined": 59398,
7385
+ "suitcase-outlined": 59399,
7386
+ "survey-outlined": 59400,
7387
+ "switch-outlined": 59401,
7403
7388
  sync: sync,
7404
- "tag-outlined": 59402,
7405
- "target-outlined": 59403,
7406
- "tennis-outlined": 59404,
7407
- "ticket-outlined": 59405,
7408
- "timesheet-outlined": 59406,
7409
- "timesheets-outlined": 59407,
7410
- "today-outlined": 59408,
7389
+ "tag-outlined": 59403,
7390
+ "target-outlined": 59404,
7391
+ "tennis-outlined": 59405,
7392
+ "ticket-outlined": 59406,
7393
+ "timesheet-outlined": 59407,
7394
+ "timesheets-outlined": 59408,
7395
+ "today-outlined": 59409,
7411
7396
  transfer: transfer,
7412
- "trash-bin-outlined": 59410,
7413
- "umbrela-outlined": 59411,
7414
- "unavailability-outlined": 59412,
7397
+ "trash-bin-outlined": 59411,
7398
+ "umbrela-outlined": 59412,
7399
+ "unavailability-outlined": 59413,
7415
7400
  unavailable: unavailable,
7416
7401
  underline: underline,
7417
- "union-outlined": 59415,
7418
- "unlock-outlined": 59416,
7419
- "upload-outlined": 59417,
7420
- "user-circle-outlined": 59418,
7421
- "user-gear-outlined": 59419,
7422
- "user-outlined": 59420,
7423
- "user-rectangle-outlined": 59421,
7424
- "video-1-outlined": 59422,
7425
- "video-2-outlined": 59423,
7426
- "volunteer-outlined": 59424,
7427
- "wallet-outlined": 59425
7402
+ "union-outlined": 59416,
7403
+ "unlock-outlined": 59417,
7404
+ "upload-outlined": 59418,
7405
+ "user-circle-outlined": 59419,
7406
+ "user-gear-outlined": 59420,
7407
+ "user-outlined": 59421,
7408
+ "user-rectangle-outlined": 59422,
7409
+ "video-1-outlined": 59423,
7410
+ "video-2-outlined": 59424,
7411
+ "volunteer-outlined": 59425,
7412
+ "wallet-outlined": 59426
7428
7413
  };
7429
7414
 
7430
7415
  var HeroIcon = createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
@@ -8920,6 +8905,9 @@ var StyledButtonIcon = index$9(Icon)(function (_ref5) {
8920
8905
  }, themeStyling());
8921
8906
  });
8922
8907
 
8908
+ var isIconName = function isIconName(icon) {
8909
+ return typeof icon === 'string';
8910
+ };
8923
8911
  var FILLED_VARIANTS = {
8924
8912
  primary: 'filled-primary',
8925
8913
  secondary: 'filled-secondary',
@@ -9009,12 +8997,12 @@ var Button = function Button(_ref) {
9009
8997
  themeVariant: themeVariant
9010
8998
  }) : /*#__PURE__*/React.createElement(React.Fragment, null, icon !== undefined && /*#__PURE__*/React.createElement(StyledButtonIconWrapper, {
9011
8999
  themePosition: "left"
9012
- }, /*#__PURE__*/React.createElement(StyledButtonIcon, {
9000
+ }, isIconName(icon) ? /*#__PURE__*/React.createElement(StyledButtonIcon, {
9013
9001
  disabled: disabled,
9014
9002
  icon: icon,
9015
9003
  testID: "".concat(testID, "-left-icon"),
9016
9004
  themeButtonVariant: themeVariant
9017
- })), isTextVariant(themeVariant) ? /*#__PURE__*/React.createElement(StyledButtonTitleOfVariantText, {
9005
+ }) : icon), isTextVariant(themeVariant) ? /*#__PURE__*/React.createElement(StyledButtonTitleOfVariantText, {
9018
9006
  variant: "regular-bold",
9019
9007
  ellipsizeMode: "tail",
9020
9008
  numberOfLines: 1,
@@ -9028,12 +9016,12 @@ var Button = function Button(_ref) {
9028
9016
  themeButtonVariant: themeVariant
9029
9017
  }, text), rightIcon !== undefined && /*#__PURE__*/React.createElement(StyledButtonIconWrapper, {
9030
9018
  themePosition: "right"
9031
- }, /*#__PURE__*/React.createElement(StyledButtonIcon, {
9019
+ }, isIconName(rightIcon) ? /*#__PURE__*/React.createElement(StyledButtonIcon, {
9032
9020
  disabled: disabled,
9033
9021
  icon: rightIcon,
9034
9022
  testID: "".concat(testID, "-right-icon"),
9035
9023
  themeButtonVariant: themeVariant
9036
- }))));
9024
+ }) : rightIcon)));
9037
9025
  };
9038
9026
 
9039
9027
  var IconButton = function IconButton(_ref) {
package/lib/index.js CHANGED
@@ -1322,9 +1322,7 @@ var BASE_COLORS = {
1322
1322
  theatreGold: '#a56822',
1323
1323
  uniformGreen: '#4d4628',
1324
1324
  yellow: '#fadb14',
1325
- windsorGrey: '#606065',
1326
- mist: '#e8e9f8',
1327
- cloud: '#ccd9f5'
1325
+ windsorGrey: '#606065'
1328
1326
  };
1329
1327
  var colorScales = Object.entries(BASE_COLORS).reduce(function (acc, _ref16) {
1330
1328
  var _ref17 = _slicedToArray(_ref16, 2),
@@ -1333,17 +1331,15 @@ var colorScales = Object.entries(BASE_COLORS).reduce(function (acc, _ref16) {
1333
1331
  return Object.assign(Object.assign({}, acc), _defineProperty({}, key, createColorScales(value)));
1334
1332
  }, {});
1335
1333
  var blue$1 = colorScales.blue,
1336
- cloud = colorScales.cloud,
1337
- deepSaffron$2 = colorScales.deepSaffron,
1334
+ ultramarineBlue$2 = colorScales.ultramarineBlue,
1338
1335
  green$1 = colorScales.green,
1339
1336
  grey$2 = colorScales.grey,
1340
1337
  grotesqueGreen = colorScales.grotesqueGreen,
1341
- mist = colorScales.mist,
1338
+ deepSaffron$2 = colorScales.deepSaffron,
1342
1339
  pink$1 = colorScales.pink,
1343
1340
  purple$1 = colorScales.purple,
1344
- smalt = colorScales.smalt,
1345
- ultramarineBlue$2 = colorScales.ultramarineBlue,
1346
1341
  vermilion$2 = colorScales.vermilion,
1342
+ smalt = colorScales.smalt,
1347
1343
  violet$1 = colorScales.violet,
1348
1344
  yellow$1 = colorScales.yellow;
1349
1345
  var palette$b = {
@@ -1362,11 +1358,9 @@ var palette$b = {
1362
1358
  blueLight60: blue$1.lighten60,
1363
1359
  blueLight75: blue$1.lighten75,
1364
1360
  blueLight90: blue$1.lighten90,
1365
- cloudLight90: cloud.lighten90,
1366
1361
  dodgerBlue: ultramarineBlue$2.base,
1367
1362
  dodgerBlueDark15: ultramarineBlue$2.darken15,
1368
1363
  dodgerBlueDark30: ultramarineBlue$2.darken30,
1369
- dodgerBlueDark60: ultramarineBlue$2.darken60,
1370
1364
  dodgerBlueLight30: ultramarineBlue$2.lighten30,
1371
1365
  dodgerBlueLight45: ultramarineBlue$2.lighten45,
1372
1366
  dodgerBlueLight60: ultramarineBlue$2.lighten60,
@@ -1375,7 +1369,6 @@ var palette$b = {
1375
1369
  green: green$1.base,
1376
1370
  greenDark15: green$1.darken15,
1377
1371
  greenDark30: green$1.darken30,
1378
- greenDark60: green$1.darken60,
1379
1372
  greenDark75: green$1.darken75,
1380
1373
  greenLight30: green$1.lighten30,
1381
1374
  greenLight75: green$1.lighten75,
@@ -1386,7 +1379,6 @@ var palette$b = {
1386
1379
  greyDark45: grey$2.darken45,
1387
1380
  greyDark60: grey$2.darken60,
1388
1381
  greyDark75: grey$2.darken75,
1389
- greyLight30: grey$2.lighten30,
1390
1382
  greyLight45: grey$2.lighten45,
1391
1383
  greyLight60: grey$2.lighten60,
1392
1384
  greyLight75: grey$2.lighten75,
@@ -1400,27 +1392,20 @@ var palette$b = {
1400
1392
  grotesqueGreenLight60: grotesqueGreen.lighten60,
1401
1393
  grotesqueGreenLight75: grotesqueGreen.lighten75,
1402
1394
  grotesqueGreenLight90: grotesqueGreen.lighten90,
1403
- mistLight30: mist.lighten30,
1404
- mistLight60: mist.lighten60,
1405
- mistLight90: mist.lighten90,
1406
1395
  orange: deepSaffron$2.base,
1407
1396
  orangeDark15: deepSaffron$2.darken15,
1408
1397
  orangeDark30: deepSaffron$2.darken30,
1409
- orangeDark60: deepSaffron$2.darken60,
1410
1398
  orangeDark75: deepSaffron$2.darken75,
1411
1399
  orangeLight30: deepSaffron$2.lighten30,
1412
- orangeLight60: deepSaffron$2.lighten60,
1413
1400
  orangeLight75: deepSaffron$2.lighten75,
1414
1401
  orangeLight90: deepSaffron$2.lighten90,
1415
1402
  pink: pink$1.base,
1416
1403
  pinkDark15: pink$1.darken15,
1417
1404
  pinkDark30: pink$1.darken30,
1418
1405
  pinkDark45: pink$1.darken45,
1419
- pinkDark60: pink$1.darken60,
1420
1406
  pinkDark75: pink$1.darken75,
1421
1407
  pinkLight30: pink$1.lighten30,
1422
1408
  pinkLight45: pink$1.lighten45,
1423
- pinkLight60: pink$1.lighten60,
1424
1409
  pinkLight75: pink$1.lighten75,
1425
1410
  pinkLight90: pink$1.lighten90,
1426
1411
  purple: purple$1.base,
@@ -1463,7 +1448,6 @@ var palette$b = {
1463
1448
  yellow: yellow$1.base,
1464
1449
  yellowDark15: yellow$1.darken15,
1465
1450
  yellowDark30: yellow$1.darken30,
1466
- yellowDark45: yellow$1.darken45,
1467
1451
  yellowDark75: yellow$1.darken75,
1468
1452
  yellowLight30: yellow$1.lighten30,
1469
1453
  yellowLight45: yellow$1.lighten45,
@@ -6936,7 +6920,7 @@ var Typography = {
6936
6920
  };
6937
6921
 
6938
6922
  // 🔴 DO NOT EDIT — This file is generated automatically.
6939
- 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', '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'];
6923
+ 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'];
6940
6924
 
6941
6925
  var activate = 59000;
6942
6926
  var adjustment = 59003;
@@ -7022,12 +7006,12 @@ var redeem = 59364;
7022
7006
  var refresh = 59365;
7023
7007
  var remove = 59366;
7024
7008
  var restart = 59368;
7025
- var shopping_basket_outlined = 59381;
7026
- var strikethrough = 59395;
7027
- var sync = 59401;
7028
- var transfer = 59409;
7029
- var unavailable = 59413;
7030
- var underline = 59414;
7009
+ var shopping_basket_outlined = 59382;
7010
+ var strikethrough = 59396;
7011
+ var sync = 59402;
7012
+ var transfer = 59410;
7013
+ var unavailable = 59414;
7014
+ var underline = 59415;
7031
7015
  var glyphMap = {
7032
7016
  activate: activate,
7033
7017
  "add-emoji": 59001,
@@ -7409,52 +7393,53 @@ var glyphMap = {
7409
7393
  "send-outlined": 59377,
7410
7394
  "share-1": 59378,
7411
7395
  "share-2": 59379,
7412
- "share-outlined": 59380,
7396
+ "share-outlined-2": 59380,
7397
+ "share-outlined": 59381,
7413
7398
  shopping_basket_outlined: shopping_basket_outlined,
7414
- "show-chart-outlined": 59382,
7415
- "single-down-arrow": 59383,
7416
- "single-left-arrow": 59384,
7417
- "single-right-arrow": 59385,
7418
- "single-up-arrow": 59386,
7419
- "smart-match-outlined": 59387,
7420
- "sparkle-outlined": 59388,
7421
- "speaker-active-outlined": 59389,
7422
- "speaker-outlined": 59390,
7423
- "star-circle-outlined": 59391,
7424
- "star-outlined": 59392,
7425
- "stash-outlined": 59393,
7426
- "stopwatch-outlined": 59394,
7399
+ "show-chart-outlined": 59383,
7400
+ "single-down-arrow": 59384,
7401
+ "single-left-arrow": 59385,
7402
+ "single-right-arrow": 59386,
7403
+ "single-up-arrow": 59387,
7404
+ "smart-match-outlined": 59388,
7405
+ "sparkle-outlined": 59389,
7406
+ "speaker-active-outlined": 59390,
7407
+ "speaker-outlined": 59391,
7408
+ "star-circle-outlined": 59392,
7409
+ "star-outlined": 59393,
7410
+ "stash-outlined": 59394,
7411
+ "stopwatch-outlined": 59395,
7427
7412
  strikethrough: strikethrough,
7428
- "styler-outlined": 59396,
7429
- "suitcase-clock-outlined": 59397,
7430
- "suitcase-outlined": 59398,
7431
- "survey-outlined": 59399,
7432
- "switch-outlined": 59400,
7413
+ "styler-outlined": 59397,
7414
+ "suitcase-clock-outlined": 59398,
7415
+ "suitcase-outlined": 59399,
7416
+ "survey-outlined": 59400,
7417
+ "switch-outlined": 59401,
7433
7418
  sync: sync,
7434
- "tag-outlined": 59402,
7435
- "target-outlined": 59403,
7436
- "tennis-outlined": 59404,
7437
- "ticket-outlined": 59405,
7438
- "timesheet-outlined": 59406,
7439
- "timesheets-outlined": 59407,
7440
- "today-outlined": 59408,
7419
+ "tag-outlined": 59403,
7420
+ "target-outlined": 59404,
7421
+ "tennis-outlined": 59405,
7422
+ "ticket-outlined": 59406,
7423
+ "timesheet-outlined": 59407,
7424
+ "timesheets-outlined": 59408,
7425
+ "today-outlined": 59409,
7441
7426
  transfer: transfer,
7442
- "trash-bin-outlined": 59410,
7443
- "umbrela-outlined": 59411,
7444
- "unavailability-outlined": 59412,
7427
+ "trash-bin-outlined": 59411,
7428
+ "umbrela-outlined": 59412,
7429
+ "unavailability-outlined": 59413,
7445
7430
  unavailable: unavailable,
7446
7431
  underline: underline,
7447
- "union-outlined": 59415,
7448
- "unlock-outlined": 59416,
7449
- "upload-outlined": 59417,
7450
- "user-circle-outlined": 59418,
7451
- "user-gear-outlined": 59419,
7452
- "user-outlined": 59420,
7453
- "user-rectangle-outlined": 59421,
7454
- "video-1-outlined": 59422,
7455
- "video-2-outlined": 59423,
7456
- "volunteer-outlined": 59424,
7457
- "wallet-outlined": 59425
7432
+ "union-outlined": 59416,
7433
+ "unlock-outlined": 59417,
7434
+ "upload-outlined": 59418,
7435
+ "user-circle-outlined": 59419,
7436
+ "user-gear-outlined": 59420,
7437
+ "user-outlined": 59421,
7438
+ "user-rectangle-outlined": 59422,
7439
+ "video-1-outlined": 59423,
7440
+ "video-2-outlined": 59424,
7441
+ "volunteer-outlined": 59425,
7442
+ "wallet-outlined": 59426
7458
7443
  };
7459
7444
 
7460
7445
  var HeroIcon = reactNativeVectorIcons.createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
@@ -8950,6 +8935,9 @@ var StyledButtonIcon = index$9(Icon)(function (_ref5) {
8950
8935
  }, themeStyling());
8951
8936
  });
8952
8937
 
8938
+ var isIconName = function isIconName(icon) {
8939
+ return typeof icon === 'string';
8940
+ };
8953
8941
  var FILLED_VARIANTS = {
8954
8942
  primary: 'filled-primary',
8955
8943
  secondary: 'filled-secondary',
@@ -9039,12 +9027,12 @@ var Button = function Button(_ref) {
9039
9027
  themeVariant: themeVariant
9040
9028
  }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, icon !== undefined && /*#__PURE__*/React__default["default"].createElement(StyledButtonIconWrapper, {
9041
9029
  themePosition: "left"
9042
- }, /*#__PURE__*/React__default["default"].createElement(StyledButtonIcon, {
9030
+ }, isIconName(icon) ? /*#__PURE__*/React__default["default"].createElement(StyledButtonIcon, {
9043
9031
  disabled: disabled,
9044
9032
  icon: icon,
9045
9033
  testID: "".concat(testID, "-left-icon"),
9046
9034
  themeButtonVariant: themeVariant
9047
- })), isTextVariant(themeVariant) ? /*#__PURE__*/React__default["default"].createElement(StyledButtonTitleOfVariantText, {
9035
+ }) : icon), isTextVariant(themeVariant) ? /*#__PURE__*/React__default["default"].createElement(StyledButtonTitleOfVariantText, {
9048
9036
  variant: "regular-bold",
9049
9037
  ellipsizeMode: "tail",
9050
9038
  numberOfLines: 1,
@@ -9058,12 +9046,12 @@ var Button = function Button(_ref) {
9058
9046
  themeButtonVariant: themeVariant
9059
9047
  }, text), rightIcon !== undefined && /*#__PURE__*/React__default["default"].createElement(StyledButtonIconWrapper, {
9060
9048
  themePosition: "right"
9061
- }, /*#__PURE__*/React__default["default"].createElement(StyledButtonIcon, {
9049
+ }, isIconName(rightIcon) ? /*#__PURE__*/React__default["default"].createElement(StyledButtonIcon, {
9062
9050
  disabled: disabled,
9063
9051
  icon: rightIcon,
9064
9052
  testID: "".concat(testID, "-right-icon"),
9065
9053
  themeButtonVariant: themeVariant
9066
- }))));
9054
+ }) : rightIcon)));
9067
9055
  };
9068
9056
 
9069
9057
  var IconButton = function IconButton(_ref) {