@hero-design/rn 8.134.0 → 8.135.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hero-design/rn",
-  "version": "8.134.0",
+  "version": "8.135.1",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -31,7 +31,7 @@
     "@emotion/react": "^11.9.3",
     "@hero-design/colors": "8.47.3",
     "d3": "^7.8.5",
-    "date-fns": "^2.30.0",
+    "date-fns": "^4.4.0",
     "hero-editor": "^1.17.0",
     "nanoid": "^5.0.9"
   },

package/src/components/Calendar/CalendarRange.tsx

@@ -2,7 +2,7 @@ import {
   MonthYearPickerDialogueAndroid,
   MonthYearPickerViewIOS,
 } from '@hero-design/react-native-month-year-picker';
-import format from 'date-fns/fp/format';
+import { format } from 'date-fns/fp';
 import React, { useState } from 'react';
 import { Platform, TouchableOpacity } from 'react-native';
 import { useTheme } from '../../theme';

package/src/components/Calendar/index.tsx

@@ -2,7 +2,7 @@ import {
   MonthYearPickerDialogueAndroid,
   MonthYearPickerViewIOS,
 } from '@hero-design/react-native-month-year-picker';
-import format from 'date-fns/fp/format';
+import { format } from 'date-fns/fp';
 import React, { useState } from 'react';
 import { Platform, TouchableOpacity } from 'react-native';
 import { useTheme } from '../../theme';

package/src/components/DatePicker/hooks/useFormatDate.ts

@@ -1,4 +1,4 @@
-import formatDate from 'date-fns/fp/format';
+import { format as formatDate } from 'date-fns/fp';
 import { useDateTimeFormat } from '../../LocaleProvider/hooks';
 import { getDateFormat } from './utils';
 

package/src/components/DatePicker/types.ts

@@ -42,7 +42,7 @@ export interface DatePickerProps {
   confirmLabel: string;
   /**
    * Date format. Default format is dd/MM/yyyy.
-   * Following date-fns's format (https://date-fns.org/v2.16.1/docs/format).
+   * Following date-fns's format (https://date-fns.org/v4.1.0/docs/format).
    */
   displayFormat?: string;
   /**

package/src/components/Icon/HeroIcon/glyphMap.json

@@ -1 +1 @@
-{"activate":59000,"add-emoji":59001,"add-person":59002,"adjustment":59003,"alignment":59004,"antenna":59005,"archive":59006,"assignment-warning":59007,"bank":59008,"bell":59009,"billing":59010,"bolt":59011,"bookmark-added":59012,"bookmark-checked":59013,"bookmark":59014,"box-check":59015,"box":59016,"bpay":59017,"buildings":59018,"cake":59019,"calendar-clock":59020,"calendar":59021,"candy-box-menu":59022,"caret-down-small":59023,"caret-down":59024,"caret-left-small":59025,"caret-left":59026,"caret-right-small":59027,"caret-right":59028,"caret-up-small":59029,"caret-up":59030,"check-radio":59031,"circle-add":59032,"circle-cancel":59033,"circle-check":59034,"circle-down":59035,"circle-info":59036,"circle-left":59037,"circle-ok":59038,"circle-pencil":59039,"circle-question":59040,"circle-remove":59041,"circle-right":59042,"circle-up":59043,"circle-warning":59044,"clock-3":59045,"clock":59046,"cloud-download":59047,"cloud-upload":59048,"cog":59049,"coin":59050,"contacts":59051,"credit-card":59052,"diamond":59053,"direction-arrows":59054,"directory":59055,"document":59056,"dollar-coin-shine":59057,"dot":59058,"double-buildings":59059,"edit-template":59060,"envelope":59061,"exclude":59062,"expand-content":59063,"expense":59064,"explore_nearby":59065,"eye-circle":59066,"eye-invisible":59067,"eye":59068,"face-meh":59069,"face-sad":59070,"face-smiley":59071,"feed":59072,"feedbacks":59073,"file-certified":59074,"file-clone":59075,"file-copy":59076,"file-csv":59077,"file-dispose":59078,"file-doc":59079,"file-excel":59080,"file-export":59081,"file-lock":59082,"file-pdf":59083,"file-powerpoint":59084,"file-search":59085,"file-secured":59086,"file-sheets":59087,"file-slide":59088,"file-verified":59089,"file-word":59090,"file":59091,"filter":59092,"folder-user":59093,"folder":59094,"format-bold":59095,"format-heading1":59096,"format-heading2":59097,"format-italic":59098,"format-list-bulleted":59099,"format-list-numbered":59100,"format-underlined":59101,"funnel-filter":59102,"global-dollar":59103,"global-pound":59104,"globe":59105,"graduation-cap":59106,"graph":59107,"happy-sun":59108,"health-bag":59109,"heart":59110,"hero-points":59111,"home":59112,"image":59113,"import":59114,"incident-siren":59115,"instapay-daily":59116,"instapay-now":59117,"instapay":59118,"list":59119,"loading-2":59120,"loading":59121,"location-on":59122,"location":59123,"lock":59124,"looks-one":59125,"looks-two":59126,"media-content":59127,"menu":59128,"money-notes":59129,"moneybag":59130,"moon":59131,"multiple-stars":59132,"multiple-users":59133,"near-me":59134,"node":59135,"open-folder":59136,"paperclip-vertical":59137,"paperclip":59138,"payment-summary":59139,"pencil":59140,"phone":59141,"piggy-bank":59142,"plane-up":59143,"plane":59144,"play-arrow":59145,"play-circle":59146,"pound-coin-shine":59147,"pound-sign":59148,"print":59149,"raising-hands":59150,"reply-arrow":59151,"reply":59152,"reschedule":59153,"rocket-launch":59154,"rostering":59155,"salary-sacrifice":59156,"save":59157,"schedule-send":59158,"schedule":59159,"search-person":59160,"search":59161,"send":59162,"speaker-active":59163,"speaker":59164,"star-award":59165,"star-badge":59166,"star-circle":59167,"star-medal":59168,"star":59169,"steps-circle":59170,"stopwatch":59171,"suitcase":59172,"surfing":59173,"survey":59174,"swag-pillar-benefit":59175,"swag-pillar-career":59176,"swag-pillar-money":59177,"swag-pillar-work":59178,"swag":59179,"swipe-right":59180,"switch":59181,"tag":59182,"target":59183,"teams":59184,"thumb-down":59185,"thumb-up":59186,"timesheet":59187,"touch-id":59188,"trash-bin":59189,"unlock":59190,"user":59191,"video-1":59192,"video-2":59193,"wallet":59194,"warning":59195,"academic-hat-outlined":59196,"accommodation-outlined":59197,"activate-outlined":59198,"add-credit-card-outlined":59199,"add-emoji-outlined":59200,"add-person-outlined":59201,"add-section-outlined":59202,"add-time-outlined":59203,"add":59204,"adjustment-outlined":59205,"afternoon-outlined":59206,"ai-outlined":59207,"alignment-2-outlined":59208,"alignment-outlined":59209,"all-caps":59210,"application-outlined":59211,"archive-outlined":59212,"arrow-down":59213,"arrow-downwards":59214,"arrow-left":59215,"arrow-leftwards":59216,"arrow-right":59217,"arrow-rightwards":59218,"arrow-up":59219,"arrow-upwards":59220,"article-outlined":59221,"assignment-warning-outlined":59222,"at-sign":59223,"auto-graph-outlined":59224,"automotive-outlined":59225,"bakery-outlined":59226,"bank-outlined":59227,"bar-outlined":59228,"beauty-outlined":59229,"beer-outlined":59230,"bell-active-outlined":59231,"bell-outlined":59232,"bell-slash-outlined":59233,"bill-management-outlined":59234,"billing-outlined":59235,"body-outlined":59236,"bold":59237,"bolt-outlined":59238,"book-outlined":59239,"bookmark-added-outlined":59240,"bookmark-checked-outlined":59241,"bookmark-outlined":59242,"box-1-outlined":59243,"box-check-outlined":59244,"box-outlined":59245,"bullet-points":59246,"cake-outlined":59247,"calculator-outlined":59248,"calendar-clock-outlined":59249,"calendar-dates-outlined":59250,"calendar-edit-outlined":59251,"calendar-outlined":59252,"calendar-star-outlined":59253,"call-outlined":59254,"call-split-outlined":59255,"camera-outlined":59256,"cancel":59257,"car-forward-outlined":59258,"cashback-outlined":59259,"charging-station-outlined":59260,"chat-bubble-outlined":59261,"chat-unread-outlined":59262,"checkmark":59263,"circle-add-outlined":59264,"circle-cancel-outlined":59265,"circle-check-outlined":59266,"circle-down-outlined":59267,"circle-info-outlined":59268,"circle-left-outlined":59269,"circle-ok-outlined":59270,"circle-question-outlined":59271,"circle-remove-outlined":59272,"circle-right-outlined":59273,"circle-up-outlined":59274,"circle-warning-outlined":59275,"clock-2-outlined":59276,"clock-3-outlined":59277,"clock-in-outlined":59278,"clock-out-outlined":59279,"clock-outlined":59280,"cloud-download-outlined":59281,"cog-outlined":59282,"coin-outlined":59283,"coin-super-outlined":59284,"comment-outlined":59285,"contacts-outlined":59286,"contacts-user-outlined":59287,"credit-card-outlined":59288,"cultural-site-outlined":59289,"cup-outlined":59290,"dentistry-outlined":59291,"diamond-outlined":59292,"direction-arrows-outlined":59293,"directory-outlined":59294,"document-outlined":59295,"dollar-box-outlined":59296,"dollar-card-outlined":59297,"dollar-coin-shine-outlined":59298,"dollar-credit-card-outlined":59299,"dollar-sign":59300,"double-buildings-outlined":59301,"double-left-arrows":59302,"double-right-arrows":59303,"download-box-outlined":59304,"download-outlined":59305,"edit-template-outlined":59306,"edit-user-outlined":59307,"electronics-outlined":59308,"email-outlined":59309,"end-break-outlined":59310,"enter-arrow":59311,"entertainment-outlined":59312,"envelope-outlined":59313,"evening-outlined":59314,"expense-approval-outlined":59315,"expense-outlined":59316,"explore-outlined":59317,"extension-outlined":59318,"external-link":59319,"eye-invisible-outlined":59320,"eye-outlined":59321,"face-id":59322,"face-meh-outlined":59323,"face-open-smiley-outlined":59324,"face-sad-outlined":59325,"face-smiley-outlined":59326,"fastfood-outlined":59327,"feed-outlined":59328,"feedbacks-outlined":59329,"file-certified-outlined":59330,"file-clone-outlined":59331,"file-copy-outlined":59332,"file-dispose-outlined":59333,"file-dollar-certified-outlined":59334,"file-dollar-outlined":59335,"file-download-outlined":59336,"file-export-outlined":59337,"file-lock-outlined":59338,"file-outlined":59339,"file-pound-outlined":59340,"file-search-outlined":59341,"file-secured-outlined":59342,"file-statutory-outlined":59343,"file-verified-outlined":59344,"filter-outlined":59345,"fitness-outlined":59346,"folder-outlined":59347,"folder-upload-outlined":59348,"folder-user-outlined":59349,"form-outlined":59350,"funnel-filter-outline":59351,"goal-outlined":59352,"graph-outlined":59353,"grocery-outlined":59354,"hand-holding-user-outlined":59355,"handshake-outlined":59356,"happy-sun-outlined":59357,"health-bag-outlined":59358,"heart-outlined":59359,"history-outlined":59360,"home-active-outlined":59361,"home-outlined":59362,"id-card-outlined":59363,"image-outlined":59364,"import-outlined":59365,"instapay-outlined":59366,"italic":59367,"job-search-outlined":59368,"leave-approval-outlined":59369,"lighting-outlined":59370,"link-1":59371,"link-2":59372,"list-outlined":59373,"live-help-outlined":59374,"local_mall_outlined":59375,"location-on-outlined":59376,"location-outlined":59377,"lock-outlined":59378,"locked-file-outlined":59379,"log-out":59380,"mail-outlined":59381,"map-outlined":59382,"media-content-outlined":59383,"menu-close":59384,"menu-expand":59385,"menu-fold-outlined":59386,"menu-unfold-outlined":59387,"mic-outlined":59388,"mic-slash-outlined":59389,"moneybag-outlined":59390,"moon-outlined":59391,"more-horizontal":59392,"more-vertical":59393,"morning-outlined":59394,"multiple-folders-outlined":59395,"multiple-users-outlined":59396,"near-me-outlined":59397,"node-outlined":59398,"number-points":59399,"number":59400,"overview-outlined":59401,"park-outlined":59402,"payment-summary-outlined":59403,"payslip-outlined":59404,"pencil-outlined":59405,"percentage":59406,"phone-outlined":59407,"piggy-bank-outlined":59408,"plane-outlined":59409,"play-circle-outlined":59410,"pound-box-outlined":59411,"pound-card-outlined":59412,"pound-coin-shine-outlined":59413,"pound-credit-card-outlined":59414,"print-outlined":59415,"profile-2user-outlined":59416,"propane-tank-outlined":59417,"qr-code-outlined":59418,"qualification-outlined":59419,"question-mark":59420,"raising-hands-outlined":59421,"re-assign":59422,"redeem":59423,"refresh":59424,"remove":59425,"reply-outlined":59426,"restart":59427,"restaurant-outlined":59428,"resume-outlined":59429,"return-arrow":59430,"rocket-launch-outlined":59431,"rostering-outlined":59432,"safety-outlined":59433,"save-outlined":59434,"schedule-outlined":59435,"schedule-send-outlined":59436,"search-outlined":59437,"search-secured-outlined":59438,"send-outlined":59439,"share-1":59440,"share-2":59441,"share-outlined-2":59442,"share-outlined":59443,"shield-check-outlined":59444,"shop-outlined":59445,"shopping_basket_outlined":59446,"show-chart-outlined":59447,"single-down-arrow":59448,"single-left-arrow":59449,"single-right-arrow":59450,"single-up-arrow":59451,"smart-match-outlined":59452,"sparkle-2-outlined":59453,"sparkle-outlined":59454,"speaker-active-outlined":59455,"speaker-outlined":59456,"star-award-outlined":59457,"star-badge-outlined":59458,"star-circle-outlined":59459,"star-medal-outlined":59460,"star-outlined":59461,"start-break-outlined":59462,"stash-outlined":59463,"stopwatch-outlined":59464,"strikethrough":59465,"styler-outlined":59466,"suitcase-clock-outlined":59467,"suitcase-outlined":59468,"survey-outlined":59469,"switch-outlined":59470,"sync":59471,"tag-outlined":59472,"target-outlined":59473,"teams-outlined":59474,"tennis-outlined":59475,"thumb-down-outlined":59476,"thumb-up-outlined":59477,"ticket-outlined":59478,"timesheet-outlined":59479,"timesheets-outlined":59480,"today-outlined":59481,"transfer":59482,"transportation-outlined":59483,"trash-bin-outlined":59484,"umbrela-outlined":59485,"unavailability-outlined":59486,"unavailable":59487,"underline":59488,"union-outlined":59489,"unlock-outlined":59490,"upload-outlined":59491,"user-add-outlined":59492,"user-circle-outlined":59493,"user-gear-outlined":59494,"user-out-outlined":59495,"user-outlined":59496,"user-rectangle-outlined":59497,"video-1-outlined":59498,"video-2-outlined":59499,"volunteer-outlined":59500,"wallet-outlined":59501,"warning-outlined":59502,"wellness-outlined":59503}
+{"activate":59000,"add-emoji":59001,"add-person":59002,"adjustment":59003,"alignment":59004,"antenna":59005,"archive":59006,"assignment-warning":59007,"bank":59008,"bell":59009,"billing":59010,"bolt":59011,"bookmark-added":59012,"bookmark-checked":59013,"bookmark":59014,"box-check":59015,"box":59016,"bpay":59017,"buildings":59018,"cake":59019,"calendar-clock":59020,"calendar":59021,"candy-box-menu":59022,"caret-down-small":59023,"caret-down":59024,"caret-left-small":59025,"caret-left":59026,"caret-right-small":59027,"caret-right":59028,"caret-up-small":59029,"caret-up":59030,"check-radio":59031,"circle-add":59032,"circle-cancel":59033,"circle-check":59034,"circle-down":59035,"circle-info":59036,"circle-left":59037,"circle-ok":59038,"circle-pencil":59039,"circle-question":59040,"circle-remove":59041,"circle-right":59042,"circle-up":59043,"circle-warning":59044,"clock-3":59045,"clock":59046,"cloud-download":59047,"cloud-upload":59048,"cog":59049,"coin":59050,"contacts":59051,"credit-card":59052,"diamond":59053,"direction-arrows":59054,"directory":59055,"document":59056,"dollar-coin-shine":59057,"dot":59058,"double-buildings":59059,"edit-template":59060,"envelope":59061,"exclude":59062,"expand-content":59063,"expense":59064,"explore_nearby":59065,"eye-circle":59066,"eye-invisible":59067,"eye":59068,"face-meh":59069,"face-sad":59070,"face-smiley":59071,"feed":59072,"feedbacks":59073,"file-certified":59074,"file-clone":59075,"file-copy":59076,"file-csv":59077,"file-dispose":59078,"file-doc":59079,"file-excel":59080,"file-export":59081,"file-lock":59082,"file-pdf":59083,"file-powerpoint":59084,"file-search":59085,"file-secured":59086,"file-sheets":59087,"file-slide":59088,"file-verified":59089,"file-word":59090,"file":59091,"filter":59092,"folder-user":59093,"folder":59094,"format-bold":59095,"format-heading1":59096,"format-heading2":59097,"format-italic":59098,"format-list-bulleted":59099,"format-list-numbered":59100,"format-underlined":59101,"funnel-filter":59102,"global-dollar":59103,"global-pound":59104,"globe":59105,"graduation-cap":59106,"graph":59107,"happy-sun":59108,"health-bag":59109,"heart":59110,"hero-points":59111,"home":59112,"image":59113,"import":59114,"incident-siren":59115,"instapay-daily":59116,"instapay-now":59117,"instapay":59118,"list":59119,"loading-2":59120,"loading":59121,"location-on":59122,"location":59123,"lock":59124,"looks-one":59125,"looks-two":59126,"media-content":59127,"menu":59128,"money-notes":59129,"moneybag":59130,"moon":59131,"multiple-stars":59132,"multiple-users":59133,"near-me":59134,"node":59135,"open-folder":59136,"paperclip-vertical":59137,"paperclip":59138,"payment-summary":59139,"pencil":59140,"phone":59141,"piggy-bank":59142,"plane-up":59143,"plane":59144,"play-arrow":59145,"play-circle":59146,"pound-coin-shine":59147,"pound-sign":59148,"print":59149,"raising-hands":59150,"reply-arrow":59151,"reply":59152,"reschedule":59153,"rocket-launch":59154,"rostering":59155,"salary-sacrifice":59156,"save":59157,"schedule-send":59158,"schedule":59159,"search-person":59160,"search":59161,"send":59162,"speaker":59163,"star-award":59164,"star-badge":59165,"star-circle":59166,"star-medal":59167,"star":59168,"steps-circle":59169,"stopwatch":59170,"suitcase":59171,"surfing":59172,"survey":59173,"swag-pillar-benefit":59174,"swag-pillar-career":59175,"swag-pillar-money":59176,"swag-pillar-work":59177,"swag":59178,"swipe-right":59179,"switch":59180,"tag":59181,"target":59182,"teams":59183,"thumb-down":59184,"thumb-up":59185,"timesheet":59186,"touch-id":59187,"trash-bin":59188,"unlock":59189,"user":59190,"video-1":59191,"video-2":59192,"wallet":59193,"warning":59194,"academic-hat-outlined":59195,"accommodation-outlined":59196,"activate-outlined":59197,"add-credit-card-outlined":59198,"add-emoji-outlined":59199,"add-person-outlined":59200,"add-section-outlined":59201,"add-time-outlined":59202,"add":59203,"adjustment-outlined":59204,"afternoon-outlined":59205,"ai-outlined":59206,"alignment-2-outlined":59207,"alignment-outlined":59208,"all-caps":59209,"application-outlined":59210,"archive-outlined":59211,"arrow-down":59212,"arrow-downwards":59213,"arrow-left":59214,"arrow-leftwards":59215,"arrow-right":59216,"arrow-rightwards":59217,"arrow-up":59218,"arrow-upwards":59219,"article-outlined":59220,"assignment-warning-outlined":59221,"at-sign":59222,"auto-graph-outlined":59223,"automotive-outlined":59224,"bakery-outlined":59225,"bank-outlined":59226,"bar-outlined":59227,"beauty-outlined":59228,"beer-outlined":59229,"bell-outlined":59230,"bell-slash-outlined":59231,"bill-management-outlined":59232,"billing-outlined":59233,"body-outlined":59234,"bold":59235,"bolt-outlined":59236,"book-outlined":59237,"bookmark-added-outlined":59238,"bookmark-checked-outlined":59239,"bookmark-outlined":59240,"box-1-outlined":59241,"box-check-outlined":59242,"box-outlined":59243,"bullet-points":59244,"cake-outlined":59245,"calculator-outlined":59246,"calendar-clock-outlined":59247,"calendar-dates-outlined":59248,"calendar-edit-outlined":59249,"calendar-outlined":59250,"calendar-star-outlined":59251,"call-outlined":59252,"call-split-outlined":59253,"camera-outlined":59254,"cancel":59255,"car-forward-outlined":59256,"cashback-outlined":59257,"charging-station-outlined":59258,"chat-bubble-outlined":59259,"chat-unread-outlined":59260,"checkmark":59261,"circle-add-outlined":59262,"circle-cancel-outlined":59263,"circle-check-outlined":59264,"circle-down-outlined":59265,"circle-info-outlined":59266,"circle-left-outlined":59267,"circle-ok-outlined":59268,"circle-question-outlined":59269,"circle-remove-outlined":59270,"circle-right-outlined":59271,"circle-up-outlined":59272,"circle-warning-outlined":59273,"clock-2-outlined":59274,"clock-3-outlined":59275,"clock-in-outlined":59276,"clock-out-outlined":59277,"clock-outlined":59278,"cloud-download-outlined":59279,"cog-outlined":59280,"coin-outlined":59281,"coin-super-outlined":59282,"comment-outlined":59283,"contacts-outlined":59284,"contacts-user-outlined":59285,"credit-card-outlined":59286,"cultural-site-outlined":59287,"cup-outlined":59288,"dentistry-outlined":59289,"diamond-outlined":59290,"direction-arrows-outlined":59291,"directory-outlined":59292,"document-outlined":59293,"dollar-box-outlined":59294,"dollar-card-outlined":59295,"dollar-coin-shine-outlined":59296,"dollar-credit-card-outlined":59297,"dollar-sign":59298,"double-buildings-outlined":59299,"double-left-arrows":59300,"double-right-arrows":59301,"download-box-outlined":59302,"download-outlined":59303,"edit-template-outlined":59304,"edit-user-outlined":59305,"electronics-outlined":59306,"email-outlined":59307,"end-break-outlined":59308,"enter-arrow":59309,"entertainment-outlined":59310,"envelope-outlined":59311,"evening-outlined":59312,"expense-approval-outlined":59313,"expense-outlined":59314,"explore-outlined":59315,"extension-outlined":59316,"external-link":59317,"eye-invisible-outlined":59318,"eye-outlined":59319,"face-id":59320,"face-meh-outlined":59321,"face-open-smiley-outlined":59322,"face-sad-outlined":59323,"face-smiley-outlined":59324,"fastfood-outlined":59325,"feed-outlined":59326,"feedbacks-outlined":59327,"file-certified-outlined":59328,"file-clone-outlined":59329,"file-copy-outlined":59330,"file-dispose-outlined":59331,"file-dollar-certified-outlined":59332,"file-dollar-outlined":59333,"file-download-outlined":59334,"file-export-outlined":59335,"file-lock-outlined":59336,"file-outlined":59337,"file-pound-outlined":59338,"file-search-outlined":59339,"file-secured-outlined":59340,"file-statutory-outlined":59341,"file-verified-outlined":59342,"filter-outlined":59343,"fitness-outlined":59344,"folder-outlined":59345,"folder-upload-outlined":59346,"folder-user-outlined":59347,"form-outlined":59348,"funnel-filter-outline":59349,"goal-outlined":59350,"graph-outlined":59351,"grocery-outlined":59352,"hand-holding-user-outlined":59353,"handshake-outlined":59354,"happy-sun-outlined":59355,"health-bag-outlined":59356,"heart-outlined":59357,"history-outlined":59358,"home-outlined":59359,"id-card-outlined":59360,"image-outlined":59361,"import-outlined":59362,"instapay-outlined":59363,"italic":59364,"job-search-outlined":59365,"leave-approval-outlined":59366,"lighting-outlined":59367,"link-1":59368,"link-2":59369,"list-outlined":59370,"live-help-outlined":59371,"local_mall_outlined":59372,"location-on-outlined":59373,"location-outlined":59374,"lock-outlined":59375,"locked-file-outlined":59376,"log-out":59377,"mail-outlined":59378,"map-outlined":59379,"media-content-outlined":59380,"menu-close":59381,"menu-expand":59382,"menu-fold-outlined":59383,"menu-unfold-outlined":59384,"mic-outlined":59385,"mic-slash-outlined":59386,"moneybag-outlined":59387,"moon-outlined":59388,"more-horizontal":59389,"more-vertical":59390,"morning-outlined":59391,"multiple-folders-outlined":59392,"multiple-users-outlined":59393,"near-me-outlined":59394,"node-outlined":59395,"number-points":59396,"number":59397,"overview-outlined":59398,"park-outlined":59399,"payment-summary-outlined":59400,"payslip-outlined":59401,"pencil-outlined":59402,"percentage":59403,"phone-outlined":59404,"piggy-bank-outlined":59405,"plane-outlined":59406,"play-circle-outlined":59407,"pound-box-outlined":59408,"pound-card-outlined":59409,"pound-coin-shine-outlined":59410,"pound-credit-card-outlined":59411,"print-outlined":59412,"profile-2user-outlined":59413,"propane-tank-outlined":59414,"qr-code-outlined":59415,"qualification-outlined":59416,"question-mark":59417,"raising-hands-outlined":59418,"re-assign":59419,"redeem":59420,"refresh":59421,"remove":59422,"reply-outlined":59423,"restart":59424,"restaurant-outlined":59425,"resume-outlined":59426,"return-arrow":59427,"rocket-launch-outlined":59428,"rostering-outlined":59429,"safety-outlined":59430,"save-outlined":59431,"schedule-outlined":59432,"schedule-send-outlined":59433,"search-outlined":59434,"search-secured-outlined":59435,"send-outlined":59436,"share-1":59437,"share-2":59438,"share-outlined-2":59439,"share-outlined":59440,"shield-check-outlined":59441,"shop-outlined":59442,"shopping_basket_outlined":59443,"show-chart-outlined":59444,"single-down-arrow":59445,"single-left-arrow":59446,"single-right-arrow":59447,"single-up-arrow":59448,"smart-match-outlined":59449,"sparkle-2-outlined":59450,"sparkle-outlined":59451,"speaker-outlined":59452,"star-award-outlined":59453,"star-badge-outlined":59454,"star-circle-outlined":59455,"star-medal-outlined":59456,"star-outlined":59457,"start-break-outlined":59458,"stash-outlined":59459,"stopwatch-outlined":59460,"strikethrough":59461,"styler-outlined":59462,"suitcase-clock-outlined":59463,"suitcase-outlined":59464,"survey-outlined":59465,"switch-outlined":59466,"sync":59467,"tag-outlined":59468,"target-outlined":59469,"teams-outlined":59470,"tennis-outlined":59471,"thumb-down-outlined":59472,"thumb-up-outlined":59473,"ticket-outlined":59474,"timesheet-outlined":59475,"timesheets-outlined":59476,"today-outlined":59477,"transfer":59478,"transportation-outlined":59479,"trash-bin-outlined":59480,"umbrela-outlined":59481,"unavailability-outlined":59482,"unavailable":59483,"underline":59484,"union-outlined":59485,"unlock-outlined":59486,"upload-outlined":59487,"user-add-outlined":59488,"user-circle-outlined":59489,"user-gear-outlined":59490,"user-out-outlined":59491,"user-outlined":59492,"user-rectangle-outlined":59493,"video-1-outlined":59494,"video-2-outlined":59495,"volunteer-outlined":59496,"wallet-outlined":59497,"warning-outlined":59498,"wellness-outlined":59499}

package/src/components/Icon/IconList.ts

@@ -163,7 +163,6 @@ const IconList = [
   'search-person',
   'search',
   'send',
-  'speaker-active',
   'speaker',
   'star-award',
   'star-badge',
@@ -231,7 +230,6 @@ const IconList = [
   'bar-outlined',
   'beauty-outlined',
   'beer-outlined',
-  'bell-active-outlined',
   'bell-outlined',
   'bell-slash-outlined',
   'bill-management-outlined',
@@ -361,7 +359,6 @@ const IconList = [
   'health-bag-outlined',
   'heart-outlined',
   'history-outlined',
-  'home-active-outlined',
   'home-outlined',
   'id-card-outlined',
   'image-outlined',
@@ -455,7 +452,6 @@ const IconList = [
   'smart-match-outlined',
   'sparkle-2-outlined',
   'sparkle-outlined',
-  'speaker-active-outlined',
   'speaker-outlined',
   'star-award-outlined',
   'star-badge-outlined',

package/src/components/List/BasicListItem.tsx

@@ -12,7 +12,7 @@ import {
 import type { IconName } from '../Icon';
 import { useTheme } from '../../theme';
 
-interface ListItemProps {
+export interface BasicListItemProps {
   /**
    * Name of Icon or component to render on the left side of title.
    */
@@ -61,7 +61,7 @@ const BasicListItem = ({
   selected = false,
   disabled = false,
   onPress,
-}: ListItemProps): ReactElement => {
+}: BasicListItemProps): ReactElement => {
   const theme = useTheme();
 
   return (

package/src/components/List/index.tsx

@@ -1,6 +1,9 @@
 import ListItem from './ListItem';
 import BasicListItem from './BasicListItem';
 
+export type { ListItemProps } from './ListItem';
+export type { BasicListItemProps } from './BasicListItem';
+
 interface ListType {
   Item: typeof ListItem;
   BasicItem: typeof BasicListItem;

package/src/components/LocaleProvider/index.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect } from 'react';
-import setDefaultOptions from 'date-fns/setDefaultOptions';
+import { setDefaultOptions } from 'date-fns';
 import { LocaleContext } from './context';
 import { getDateFnsLocale } from './utils';
 import type { LocaleValues } from '../../locales/types';

package/src/components/LocaleProvider/utils.ts

@@ -1,6 +1,5 @@
-import enAU from 'date-fns/locale/en-AU';
-import enCA from 'date-fns/locale/en-CA';
-import type { Locale } from 'date-fns';
+import { enAU, enCA } from 'date-fns/locale';
+import type { Locale } from 'date-fns/locale';
 import type { LocaleCode } from '../../locales/types';
 
 const Locales = {

package/src/components/SectionList/SectionList.tsx

@@ -0,0 +1,181 @@
+import React, { useMemo } from 'react';
+
+import type { ReactElement } from 'react';
+import type {
+  SectionListProps as RNSectionListPropsType,
+  StyleProp,
+  ViewStyle,
+} from 'react-native';
+import { SectionList as RNSectionList } from 'react-native';
+import Divider from '../Divider';
+import List from '../List';
+import type { BasicListItemProps } from '../List/BasicListItem';
+import type { ListItemProps } from '../List/ListItem';
+import type { SectionHeadingProps } from '../SectionHeading';
+import type { MarginHorizontal, RowPosition } from './StyledSectionList';
+import {
+  StyledDividerWrapper,
+  StyledRow,
+  StyledSectionHeading,
+  StyledSectionSpacer,
+} from './StyledSectionList';
+
+type SectionHeadingConfig = Pick<
+  SectionHeadingProps,
+  'text' | 'icon' | 'rightChildren' | 'intent' | 'size'
+>;
+
+/**
+ * A single row inside a section. `type` is a discriminant that selects the row component:
+ * - `'basic-item'` renders `List.BasicItem` (icon/text, no children)
+ * - `'list-item'` renders `List.Item` (supports subtitle, children, leading status)
+ *
+ * `variant` is omitted from `list-item` — rows always render full-width inside a section group.
+ * `key` is an optional stable identifier for use with a custom `keyExtractor`.
+ * Mix both types freely within the same `data` array.
+ */
+export type SectionListRow =
+  | ({ type: 'basic-item'; key?: string } & BasicListItemProps)
+  | ({ type: 'list-item'; key?: string } & Omit<ListItemProps, 'variant'>);
+
+export interface SectionData extends Omit<SectionHeadingConfig, 'text'> {
+  /**
+   * Unique key for this section.
+   */
+  key: string;
+  /**
+   * Rows to render. Each row is a `basic-item` or `list-item` variant; mix freely, in any order.
+   */
+  data: SectionListRow[];
+  /**
+   * Heading text. Required unless `hideHeading` is `true`.
+   */
+  text?: SectionHeadingConfig['text'];
+  /**
+   * When true, the section heading is not rendered. Rows are still shown. Defaults to false.
+   */
+  hideHeading?: boolean;
+}
+
+type RNSectionListProps = RNSectionListPropsType<SectionListRow, SectionData>;
+
+// Layout (dividers, headers, corner rounding, spacing) is owned by this component, so these
+// RN props are not user-configurable — everything else on RN's SectionList passes through.
+type OmittedRNSectionListProps =
+  | 'sections'
+  | 'renderSectionHeader'
+  | 'renderItem'
+  | 'ItemSeparatorComponent'
+  | 'SectionSeparatorComponent'
+  | 'stickySectionHeadersEnabled';
+
+export interface SectionListProps
+  extends Omit<RNSectionListProps, OmittedRNSectionListProps> {
+  /**
+   * Sections to render. Each section carries SectionHeading props plus a `data` array,
+   * mirroring React Native's SectionList section shape.
+   */
+  sections: SectionData[];
+  /**
+   * Horizontal margin applied to each row group and its dividers, preventing content from
+   * rendering flush against the screen edge. Defaults to `'medium'` (16 px).
+   * Pass `'none'` when the parent screen already applies its own side gutter.
+   */
+  marginHorizontal?: MarginHorizontal;
+  /**
+   * Additional style on the underlying RN SectionList.
+   */
+  style?: StyleProp<ViewStyle>;
+  /**
+   * Testing id of the component.
+   */
+  testID?: string;
+}
+
+const positionOf = (index: number, count: number): RowPosition => {
+  if (count === 1) return 'single';
+  if (index === 0) return 'top';
+  if (index === count - 1) return 'bottom';
+  return 'middle';
+};
+
+// StyledRow already clips corners via overflow:hidden + its own borderRadius, so the
+// inner list items must not add their own rounding on top of it.
+const NO_RADIUS = { borderRadius: 0 } as const;
+
+const renderRow = (row: SectionListRow): ReactElement =>
+  row.type === 'basic-item' ? (
+    <List.BasicItem {...row} style={[NO_RADIUS, row.style]} />
+  ) : (
+    <List.Item {...row} style={[NO_RADIUS, row.style]} />
+  );
+
+// Factory lives at module scope — satisfies react/no-unstable-nested-components.
+// RN only renders ItemSeparatorComponent between adjacent items (never after the
+// last), which is exactly the desired divider placement for a bounded group.
+const createRowDivider = (margin: MarginHorizontal | undefined) => () =>
+  (
+    <StyledDividerWrapper
+      testID="section-list-divider-wrapper"
+      themeMarginHorizontal={margin}
+    >
+      <Divider testID="section-list-divider" />
+    </StyledDividerWrapper>
+  );
+
+const SectionSpacer: NonNullable<
+  RNSectionListProps['SectionSeparatorComponent']
+> = ({ leadingItem, trailingSection }) =>
+  leadingItem && trailingSection ? (
+    <StyledSectionSpacer
+      themeCompact={!!trailingSection.hideHeading}
+      testID="section-list-spacer"
+    />
+  ) : null;
+
+function SectionList({
+  sections,
+  marginHorizontal = 'medium',
+  style,
+  testID,
+  ...rest
+}: SectionListProps): ReactElement {
+  const RowDivider = useMemo(
+    () => createRowDivider(marginHorizontal),
+    [marginHorizontal]
+  );
+
+  return (
+    <RNSectionList<SectionListRow, SectionData>
+      {...rest}
+      style={style}
+      testID={testID}
+      sections={sections}
+      stickySectionHeadersEnabled={false}
+      ItemSeparatorComponent={RowDivider}
+      renderSectionHeader={({ section }) =>
+        section.hideHeading ? null : (
+          <StyledSectionHeading
+            text={section.text ?? ''}
+            icon={section.icon}
+            rightChildren={section.rightChildren}
+            intent={section.intent}
+            size={section.size}
+          />
+        )
+      }
+      renderItem={({ item, index, section }) => (
+        <StyledRow
+          testID="section-list-row"
+          themePosition={positionOf(index, section.data.length)}
+          themeMarginHorizontal={marginHorizontal}
+        >
+          {renderRow(item)}
+        </StyledRow>
+      )}
+      SectionSeparatorComponent={SectionSpacer}
+    />
+  );
+}
+
+export default SectionList;

package/src/components/SectionList/StyledSectionList.tsx

@@ -0,0 +1,65 @@
+import { View } from 'react-native';
+import styled from '@emotion/native';
+import SectionHeading from '../SectionHeading';
+
+export type RowPosition = 'top' | 'bottom' | 'middle' | 'single';
+
+export type MarginHorizontal =
+  | 'xsmall'
+  | 'small'
+  | 'medium'
+  | 'large'
+  | 'xlarge'
+  | 'none';
+
+const isTop = (position: RowPosition) =>
+  position === 'top' || position === 'single';
+const isBottom = (position: RowPosition) =>
+  position === 'bottom' || position === 'single';
+
+const StyledRow = styled(View)<{
+  themePosition: RowPosition;
+  themeMarginHorizontal?: MarginHorizontal;
+}>(({ theme, themePosition, themeMarginHorizontal = 'medium' }) => {
+  const radius = theme.__hd__.sectionList.radii.group;
+  const marginHorizontal =
+    theme.__hd__.sectionList.space.marginHorizontal[themeMarginHorizontal];
+
+  return {
+    marginHorizontal,
+    backgroundColor: theme.__hd__.sectionList.colors.groupBackground,
+    borderTopLeftRadius: isTop(themePosition) ? radius : 0,
+    borderTopRightRadius: isTop(themePosition) ? radius : 0,
+    borderBottomLeftRadius: isBottom(themePosition) ? radius : 0,
+    borderBottomRightRadius: isBottom(themePosition) ? radius : 0,
+    overflow: 'hidden',
+  };
+});
+
+const StyledDividerWrapper = styled(View)<{
+  themeMarginHorizontal?: MarginHorizontal;
+}>(({ theme, themeMarginHorizontal = 'medium' }) => ({
+  marginHorizontal:
+    theme.__hd__.sectionList.space.marginHorizontal[themeMarginHorizontal],
+  backgroundColor: theme.__hd__.sectionList.colors.groupBackground,
+}));
+
+const StyledSectionSpacer = styled(View)<{ themeCompact: boolean }>(
+  ({ theme, themeCompact }) => ({
+    height: themeCompact
+      ? theme.__hd__.sectionList.space.sectionSpacingCompact
+      : theme.__hd__.sectionList.space.sectionSpacing,
+  })
+);
+
+const StyledSectionHeading = styled(SectionHeading)(({ theme }) => ({
+  paddingLeft: theme.__hd__.sectionList.space.headingPaddingLeft,
+  marginBottom: 0,
+}));
+
+export {
+  StyledRow,
+  StyledDividerWrapper,
+  StyledSectionSpacer,
+  StyledSectionHeading,
+};

package/src/components/SectionList/index.tsx

@@ -0,0 +1,4 @@
+import SectionList from './SectionList';
+
+export default SectionList;
+export type { SectionListProps } from './SectionList';

package/src/components/TimePicker/TimePickerAndroid.tsx

@@ -1,7 +1,7 @@
 import DateTimePicker from '@react-native-community/datetimepicker';
 import React, { useState, useCallback } from 'react';
 import { TouchableOpacity, View } from 'react-native';
-import formatTime from 'date-fns/fp/format';
+import { format as formatTime } from 'date-fns/fp';
 
 import TextInput from '../TextInput';
 import type { TimePickerProps } from './types';

package/src/components/TimePicker/TimePickerIOS.tsx

@@ -1,7 +1,7 @@
 import DateTimePicker from '@react-native-community/datetimepicker';
 import React, { useEffect, useState, useCallback } from 'react';
 import { TouchableOpacity, View } from 'react-native';
-import formatTime from 'date-fns/fp/format';
+import { format as formatTime } from 'date-fns/fp';
 
 import BottomSheet from '../BottomSheet';
 import TextInput from '../TextInput';

package/src/components/TimePicker/types.ts

@@ -23,7 +23,7 @@ export interface TimePickerProps {
   confirmLabel: string;
   /**
    * Time display format of current value presented on the input. Default format is: HH:mm aa.
-   * Following date-fns's format (https://date-fns.org/v2.16.1/docs/format).
+   * Following date-fns's format (https://date-fns.org/v4.1.0/docs/format).
    * This also change how the time picker display between 24 hour and 12 hour mode.
    */
   displayFormat?: string;

package/src/index.ts

@@ -63,6 +63,7 @@ import Spinner from './components/Spinner';
 import Swipeable from './components/Swipeable';
 import Radio from './components/Radio';
 import SectionHeading from './components/SectionHeading';
+import SectionList from './components/SectionList';
 import Select from './components/Select';
 import Skeleton from './components/Skeleton';
 import Success from './components/StatusScreens/Success';
@@ -162,6 +163,7 @@ export {
   SegmentedControl,
   ScrollViewWithFAB,
   SectionHeading,
+  SectionList,
   SectionListWithFAB,
   Select,
   Success,

package/src/theme/components/sectionList.ts

@@ -0,0 +1,31 @@
+import type { GlobalTheme } from '../global';
+
+const getSectionListTheme = (theme: GlobalTheme) => {
+  const colors = {
+    groupBackground: theme.colors.defaultGlobalSurface,
+  };
+
+  const radii = {
+    group: theme.radii.xlarge,
+  };
+
+  const marginHorizontalValues = {
+    none: 0,
+    xsmall: theme.space.xsmall,
+    small: theme.space.small,
+    medium: theme.space.medium,
+    large: theme.space.large,
+    xlarge: theme.space.xlarge,
+  };
+
+  const space = {
+    marginHorizontal: marginHorizontalValues,
+    sectionSpacing: theme.space.medium,
+    sectionSpacingCompact: theme.space.small,
+    headingPaddingLeft: theme.space.small,
+  };
+
+  return { colors, radii, space };
+};
+
+export default getSectionListTheme;

package/src/theme/getTheme.ts

@@ -41,6 +41,7 @@ import getRateTheme from './components/rate';
 import getRefreshControlTheme from './components/refreshControl';
 import getRichTextEditorTheme from './components/richTextEditor';
 import getSectionHeadingTheme from './components/sectionHeading';
+import getSectionListTheme from './components/sectionList';
 import getSelectTheme from './components/select';
 import getSkeletonTheme from './components/skeleton';
 import getSliderTheme from './components/slider';
@@ -115,6 +116,7 @@ type Theme = GlobalTheme & {
     richTextEditor: ReturnType<typeof getRichTextEditorTheme>;
     search: ReturnType<typeof getSearchTheme>;
     sectionHeading: ReturnType<typeof getSectionHeadingTheme>;
+    sectionList: ReturnType<typeof getSectionListTheme>;
     select: ReturnType<typeof getSelectTheme>;
     skeleton: ReturnType<typeof getSkeletonTheme>;
     slider: ReturnType<typeof getSliderTheme>;
@@ -183,6 +185,7 @@ const getTheme = (
       richTextEditor: getRichTextEditorTheme(globalTheme),
       search: getSearchTheme(globalTheme),
       sectionHeading: getSectionHeadingTheme(globalTheme),
+      sectionList: getSectionListTheme(globalTheme),
       select: getSelectTheme(globalTheme),
       skeleton: getSkeletonTheme(globalTheme),
       slider: getSliderTheme(globalTheme),

package/src/types.ts

@@ -117,3 +117,4 @@ export type { SkeletonProps } from './components/Skeleton';
 export type { SpinnerProps } from './components/Spinner';
 export type { SwitchProps } from './components/Switch';
 export type { TagProps } from './components/Tag';
+export type { SectionListProps } from './components/SectionList';

package/types/components/DatePicker/types.d.ts

@@ -37,7 +37,7 @@ export interface DatePickerProps {
     confirmLabel: string;
     /**
      * Date format. Default format is dd/MM/yyyy.
-     * Following date-fns's format (https://date-fns.org/v2.16.1/docs/format).
+     * Following date-fns's format (https://date-fns.org/v4.1.0/docs/format).
      */
     displayFormat?: string;
     /**