@hero-design/rn 8.133.0 → 8.135.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/es/index.js +540 -367
- package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/lib/index.js +537 -363
- package/package.json +1 -1
- package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
- package/src/components/Icon/IconList.ts +16 -0
- package/src/components/List/BasicListItem.tsx +2 -2
- package/src/components/List/index.tsx +3 -0
- package/src/components/SectionList/SectionList.tsx +181 -0
- package/src/components/SectionList/StyledSectionList.tsx +65 -0
- package/src/components/SectionList/index.tsx +4 -0
- package/src/index.ts +2 -0
- package/src/theme/components/sectionList.ts +31 -0
- package/src/theme/getTheme.ts +3 -0
- package/src/types.ts +1 -0
- package/types/components/Icon/IconList.d.ts +1 -1
- package/types/components/Icon/index.d.ts +1 -1
- package/types/components/List/BasicListItem.d.ts +2 -2
- package/types/components/List/index.d.ts +2 -0
- package/types/components/Radio/StyledRadio.d.ts +1 -1
- package/types/components/SectionList/SectionList.d.ts +66 -0
- package/types/components/SectionList/StyledSectionList.d.ts +33 -0
- package/types/components/SectionList/index.d.ts +3 -0
- package/types/components/TextInput/index.d.ts +1 -1
- package/types/index.d.ts +2 -1
- package/types/theme/components/sectionList.d.ts +23 -0
- package/types/theme/getTheme.d.ts +2 -0
- package/types/types.d.ts +1 -0
package/package.json
CHANGED
|
@@ -1 +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-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,"arrow-down":59211,"arrow-downwards":59212,"arrow-left":59213,"arrow-leftwards":59214,"arrow-right":59215,"arrow-rightwards":59216,"arrow-up":59217,"arrow-upwards":59218,"article-outlined":59219,"at-sign":59220,"auto-graph-outlined":59221,"automotive-outlined":59222,"bakery-outlined":59223,"bar-outlined":59224,"beauty-outlined":59225,"beer-outlined":59226,"bell-active-outlined":59227,"bell-outlined":59228,"bell-slash-outlined":59229,"bill-management-outlined":59230,"billing-outlined":59231,"body-outlined":59232,"bold":59233,"bolt-outlined":59234,"book-outlined":59235,"bookmark-added-outlined":59236,"bookmark-checked-outlined":59237,"bookmark-outlined":59238,"box-1-outlined":59239,"box-check-outlined":59240,"box-outlined":59241,"bullet-points":59242,"cake-outlined":59243,"calculator-outlined":59244,"calendar-dates-outlined":59245,"calendar-edit-outlined":59246,"calendar-star-outlined":59247,"call-outlined":59248,"call-split-outlined":59249,"camera-outlined":59250,"cancel":59251,"car-forward-outlined":59252,"cashback-outlined":59253,"charging-station-outlined":59254,"chat-bubble-outlined":59255,"chat-unread-outlined":59256,"checkmark":59257,"circle-add-outlined":59258,"circle-cancel-outlined":59259,"circle-down-outlined":59260,"circle-info-outlined":59261,"circle-left-outlined":59262,"circle-ok-outlined":59263,"circle-question-outlined":59264,"circle-remove-outlined":59265,"circle-right-outlined":59266,"circle-up-outlined":59267,"circle-warning-outlined":59268,"clock-2-outlined":59269,"clock-in-outlined":59270,"clock-out-outlined":59271,"clock-outlined":59272,"cog-outlined":59273,"coin-outlined":59274,"coin-super-outlined":59275,"comment-outlined":59276,"contacts-outlined":59277,"contacts-user-outlined":59278,"credit-card-outlined":59279,"cultural-site-outlined":59280,"cup-outlined":59281,"dentistry-outlined":59282,"diamond-outlined":59283,"direction-arrows-outlined":59284,"directory-outlined":59285,"document-outlined":59286,"dollar-box-outlined":59287,"dollar-card-outlined":59288,"dollar-coin-shine-outlined":59289,"dollar-credit-card-outlined":59290,"dollar-sign":59291,"double-buildings-outlined":59292,"double-left-arrows":59293,"double-right-arrows":59294,"download-box-outlined":59295,"download-outlined":59296,"edit-template-outlined":59297,"edit-user-outlined":59298,"electronics-outlined":59299,"email-outlined":59300,"end-break-outlined":59301,"enter-arrow":59302,"entertainment-outlined":59303,"envelope-outlined":59304,"evening-outlined":59305,"expense-approval-outlined":59306,"expense-outlined":59307,"explore-outlined":59308,"extension-outlined":59309,"external-link":59310,"eye-invisible-outlined":59311,"eye-outlined":59312,"face-id":59313,"face-meh-outlined":59314,"face-open-smiley-outlined":59315,"face-sad-outlined":59316,"face-smiley-outlined":59317,"fastfood-outlined":59318,"feed-outlined":59319,"feedbacks-outlined":59320,"file-certified-outlined":59321,"file-clone-outlined":59322,"file-copy-outlined":59323,"file-dispose-outlined":59324,"file-dollar-certified-outlined":59325,"file-dollar-outlined":59326,"file-download-outlined":59327,"file-export-outlined":59328,"file-lock-outlined":59329,"file-outlined":59330,"file-pound-outlined":59331,"file-search-outlined":59332,"file-secured-outlined":59333,"file-statutory-outlined":59334,"file-verified-outlined":59335,"filter-outlined":59336,"fitness-outlined":59337,"folder-outlined":59338,"folder-upload-outlined":59339,"folder-user-outlined":59340,"form-outlined":59341,"funnel-filter-outline":59342,"goal-outlined":59343,"graph-outlined":59344,"grocery-outlined":59345,"hand-holding-user-outlined":59346,"handshake-outlined":59347,"happy-sun-outlined":59348,"health-bag-outlined":59349,"heart-outlined":59350,"history-outlined":59351,"home-active-outlined":59352,"home-outlined":59353,"id-card-outlined":59354,"image-outlined":59355,"import-outlined":59356,"instapay-outlined":59357,"italic":59358,"job-search-outlined":59359,"leave-approval-outlined":59360,"lighting-outlined":59361,"link-1":59362,"link-2":59363,"list-outlined":59364,"live-help-outlined":59365,"local_mall_outlined":59366,"location-on-outlined":59367,"location-outlined":59368,"lock-outlined":59369,"locked-file-outlined":59370,"log-out":59371,"mail-outlined":59372,"map-outlined":59373,"media-content-outlined":59374,"menu-close":59375,"menu-expand":59376,"menu-fold-outlined":59377,"menu-unfold-outlined":59378,"mic-outlined":59379,"mic-slash-outlined":59380,"moneybag-outlined":59381,"moon-outlined":59382,"more-horizontal":59383,"more-vertical":59384,"morning-outlined":59385,"multiple-folders-outlined":59386,"multiple-users-outlined":59387,"near-me-outlined":59388,"node-outlined":59389,"number-points":59390,"number":59391,"overview-outlined":59392,"park-outlined":59393,"payment-summary-outlined":59394,"payslip-outlined":59395,"pencil-outlined":59396,"percentage":59397,"phone-outlined":59398,"piggy-bank-outlined":59399,"plane-outlined":59400,"play-circle-outlined":59401,"pound-box-outlined":59402,"pound-card-outlined":59403,"pound-coin-shine-outlined":59404,"pound-credit-card-outlined":59405,"print-outlined":59406,"profile-2user-outlined":59407,"propane-tank-outlined":59408,"qr-code-outlined":59409,"qualification-outlined":59410,"question-mark":59411,"re-assign":59412,"redeem":59413,"refresh":59414,"remove":59415,"reply-outlined":59416,"restart":59417,"restaurant-outlined":59418,"resume-outlined":59419,"return-arrow":59420,"rocket-launch-outlined":59421,"rostering-outlined":59422,"safety-outlined":59423,"save-outlined":59424,"schedule-outlined":59425,"search-outlined":59426,"search-secured-outlined":59427,"send-outlined":59428,"share-1":59429,"share-2":59430,"share-outlined-2":59431,"share-outlined":59432,"shield-check-outlined":59433,"shop-outlined":59434,"shopping_basket_outlined":59435,"show-chart-outlined":59436,"single-down-arrow":59437,"single-left-arrow":59438,"single-right-arrow":59439,"single-up-arrow":59440,"smart-match-outlined":59441,"sparkle-2-outlined":59442,"sparkle-outlined":59443,"speaker-active-outlined":59444,"speaker-outlined":59445,"star-circle-outlined":59446,"star-outlined":59447,"start-break-outlined":59448,"stash-outlined":59449,"stopwatch-outlined":59450,"strikethrough":59451,"styler-outlined":59452,"suitcase-clock-outlined":59453,"suitcase-outlined":59454,"survey-outlined":59455,"switch-outlined":59456,"sync":59457,"tag-outlined":59458,"target-outlined":59459,"tennis-outlined":59460,"thumb-down-outlined":59461,"thumb-up-outlined":59462,"ticket-outlined":59463,"timesheet-outlined":59464,"timesheets-outlined":59465,"today-outlined":59466,"transfer":59467,"transportation-outlined":59468,"trash-bin-outlined":59469,"umbrela-outlined":59470,"unavailability-outlined":59471,"unavailable":59472,"underline":59473,"union-outlined":59474,"unlock-outlined":59475,"upload-outlined":59476,"user-add-outlined":59477,"user-circle-outlined":59478,"user-gear-outlined":59479,"user-out-outlined":59480,"user-outlined":59481,"user-rectangle-outlined":59482,"video-1-outlined":59483,"video-2-outlined":59484,"volunteer-outlined":59485,"wallet-outlined":59486,"wellness-outlined":59487}
|
|
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}
|
|
@@ -200,6 +200,7 @@ const IconList = [
|
|
|
200
200
|
'accommodation-outlined',
|
|
201
201
|
'activate-outlined',
|
|
202
202
|
'add-credit-card-outlined',
|
|
203
|
+
'add-emoji-outlined',
|
|
203
204
|
'add-person-outlined',
|
|
204
205
|
'add-section-outlined',
|
|
205
206
|
'add-time-outlined',
|
|
@@ -211,6 +212,7 @@ const IconList = [
|
|
|
211
212
|
'alignment-outlined',
|
|
212
213
|
'all-caps',
|
|
213
214
|
'application-outlined',
|
|
215
|
+
'archive-outlined',
|
|
214
216
|
'arrow-down',
|
|
215
217
|
'arrow-downwards',
|
|
216
218
|
'arrow-left',
|
|
@@ -220,10 +222,12 @@ const IconList = [
|
|
|
220
222
|
'arrow-up',
|
|
221
223
|
'arrow-upwards',
|
|
222
224
|
'article-outlined',
|
|
225
|
+
'assignment-warning-outlined',
|
|
223
226
|
'at-sign',
|
|
224
227
|
'auto-graph-outlined',
|
|
225
228
|
'automotive-outlined',
|
|
226
229
|
'bakery-outlined',
|
|
230
|
+
'bank-outlined',
|
|
227
231
|
'bar-outlined',
|
|
228
232
|
'beauty-outlined',
|
|
229
233
|
'beer-outlined',
|
|
@@ -245,8 +249,10 @@ const IconList = [
|
|
|
245
249
|
'bullet-points',
|
|
246
250
|
'cake-outlined',
|
|
247
251
|
'calculator-outlined',
|
|
252
|
+
'calendar-clock-outlined',
|
|
248
253
|
'calendar-dates-outlined',
|
|
249
254
|
'calendar-edit-outlined',
|
|
255
|
+
'calendar-outlined',
|
|
250
256
|
'calendar-star-outlined',
|
|
251
257
|
'call-outlined',
|
|
252
258
|
'call-split-outlined',
|
|
@@ -260,6 +266,7 @@ const IconList = [
|
|
|
260
266
|
'checkmark',
|
|
261
267
|
'circle-add-outlined',
|
|
262
268
|
'circle-cancel-outlined',
|
|
269
|
+
'circle-check-outlined',
|
|
263
270
|
'circle-down-outlined',
|
|
264
271
|
'circle-info-outlined',
|
|
265
272
|
'circle-left-outlined',
|
|
@@ -270,9 +277,11 @@ const IconList = [
|
|
|
270
277
|
'circle-up-outlined',
|
|
271
278
|
'circle-warning-outlined',
|
|
272
279
|
'clock-2-outlined',
|
|
280
|
+
'clock-3-outlined',
|
|
273
281
|
'clock-in-outlined',
|
|
274
282
|
'clock-out-outlined',
|
|
275
283
|
'clock-outlined',
|
|
284
|
+
'cloud-download-outlined',
|
|
276
285
|
'cog-outlined',
|
|
277
286
|
'coin-outlined',
|
|
278
287
|
'coin-super-outlined',
|
|
@@ -412,6 +421,7 @@ const IconList = [
|
|
|
412
421
|
'qr-code-outlined',
|
|
413
422
|
'qualification-outlined',
|
|
414
423
|
'question-mark',
|
|
424
|
+
'raising-hands-outlined',
|
|
415
425
|
're-assign',
|
|
416
426
|
'redeem',
|
|
417
427
|
'refresh',
|
|
@@ -426,6 +436,7 @@ const IconList = [
|
|
|
426
436
|
'safety-outlined',
|
|
427
437
|
'save-outlined',
|
|
428
438
|
'schedule-outlined',
|
|
439
|
+
'schedule-send-outlined',
|
|
429
440
|
'search-outlined',
|
|
430
441
|
'search-secured-outlined',
|
|
431
442
|
'send-outlined',
|
|
@@ -446,7 +457,10 @@ const IconList = [
|
|
|
446
457
|
'sparkle-outlined',
|
|
447
458
|
'speaker-active-outlined',
|
|
448
459
|
'speaker-outlined',
|
|
460
|
+
'star-award-outlined',
|
|
461
|
+
'star-badge-outlined',
|
|
449
462
|
'star-circle-outlined',
|
|
463
|
+
'star-medal-outlined',
|
|
450
464
|
'star-outlined',
|
|
451
465
|
'start-break-outlined',
|
|
452
466
|
'stash-outlined',
|
|
@@ -460,6 +474,7 @@ const IconList = [
|
|
|
460
474
|
'sync',
|
|
461
475
|
'tag-outlined',
|
|
462
476
|
'target-outlined',
|
|
477
|
+
'teams-outlined',
|
|
463
478
|
'tennis-outlined',
|
|
464
479
|
'thumb-down-outlined',
|
|
465
480
|
'thumb-up-outlined',
|
|
@@ -487,6 +502,7 @@ const IconList = [
|
|
|
487
502
|
'video-2-outlined',
|
|
488
503
|
'volunteer-outlined',
|
|
489
504
|
'wallet-outlined',
|
|
505
|
+
'warning-outlined',
|
|
490
506
|
'wellness-outlined',
|
|
491
507
|
] as const;
|
|
492
508
|
|
|
@@ -12,7 +12,7 @@ import {
|
|
|
12
12
|
import type { IconName } from '../Icon';
|
|
13
13
|
import { useTheme } from '../../theme';
|
|
14
14
|
|
|
15
|
-
interface
|
|
15
|
+
export interface BasicListItemProps {
|
|
16
16
|
/**
|
|
17
17
|
* Name of Icon or component to render on the left side of title.
|
|
18
18
|
*/
|
|
@@ -61,7 +61,7 @@ const BasicListItem = ({
|
|
|
61
61
|
selected = false,
|
|
62
62
|
disabled = false,
|
|
63
63
|
onPress,
|
|
64
|
-
}:
|
|
64
|
+
}: BasicListItemProps): ReactElement => {
|
|
65
65
|
const theme = useTheme();
|
|
66
66
|
|
|
67
67
|
return (
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import ListItem from './ListItem';
|
|
2
2
|
import BasicListItem from './BasicListItem';
|
|
3
3
|
|
|
4
|
+
export type { ListItemProps } from './ListItem';
|
|
5
|
+
export type { BasicListItemProps } from './BasicListItem';
|
|
6
|
+
|
|
4
7
|
interface ListType {
|
|
5
8
|
Item: typeof ListItem;
|
|
6
9
|
BasicItem: typeof BasicListItem;
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
|
+
|
|
3
|
+
import type { ReactElement } from 'react';
|
|
4
|
+
import type {
|
|
5
|
+
SectionListProps as RNSectionListPropsType,
|
|
6
|
+
StyleProp,
|
|
7
|
+
ViewStyle,
|
|
8
|
+
} from 'react-native';
|
|
9
|
+
import { SectionList as RNSectionList } from 'react-native';
|
|
10
|
+
import Divider from '../Divider';
|
|
11
|
+
import List from '../List';
|
|
12
|
+
import type { BasicListItemProps } from '../List/BasicListItem';
|
|
13
|
+
import type { ListItemProps } from '../List/ListItem';
|
|
14
|
+
import type { SectionHeadingProps } from '../SectionHeading';
|
|
15
|
+
import type { MarginHorizontal, RowPosition } from './StyledSectionList';
|
|
16
|
+
import {
|
|
17
|
+
StyledDividerWrapper,
|
|
18
|
+
StyledRow,
|
|
19
|
+
StyledSectionHeading,
|
|
20
|
+
StyledSectionSpacer,
|
|
21
|
+
} from './StyledSectionList';
|
|
22
|
+
|
|
23
|
+
type SectionHeadingConfig = Pick<
|
|
24
|
+
SectionHeadingProps,
|
|
25
|
+
'text' | 'icon' | 'rightChildren' | 'intent' | 'size'
|
|
26
|
+
>;
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* A single row inside a section. `type` is a discriminant that selects the row component:
|
|
30
|
+
* - `'basic-item'` renders `List.BasicItem` (icon/text, no children)
|
|
31
|
+
* - `'list-item'` renders `List.Item` (supports subtitle, children, leading status)
|
|
32
|
+
*
|
|
33
|
+
* `variant` is omitted from `list-item` — rows always render full-width inside a section group.
|
|
34
|
+
* `key` is an optional stable identifier for use with a custom `keyExtractor`.
|
|
35
|
+
* Mix both types freely within the same `data` array.
|
|
36
|
+
*/
|
|
37
|
+
export type SectionListRow =
|
|
38
|
+
| ({ type: 'basic-item'; key?: string } & BasicListItemProps)
|
|
39
|
+
| ({ type: 'list-item'; key?: string } & Omit<ListItemProps, 'variant'>);
|
|
40
|
+
|
|
41
|
+
export interface SectionData extends Omit<SectionHeadingConfig, 'text'> {
|
|
42
|
+
/**
|
|
43
|
+
* Unique key for this section.
|
|
44
|
+
*/
|
|
45
|
+
key: string;
|
|
46
|
+
/**
|
|
47
|
+
* Rows to render. Each row is a `basic-item` or `list-item` variant; mix freely, in any order.
|
|
48
|
+
*/
|
|
49
|
+
data: SectionListRow[];
|
|
50
|
+
/**
|
|
51
|
+
* Heading text. Required unless `hideHeading` is `true`.
|
|
52
|
+
*/
|
|
53
|
+
text?: SectionHeadingConfig['text'];
|
|
54
|
+
/**
|
|
55
|
+
* When true, the section heading is not rendered. Rows are still shown. Defaults to false.
|
|
56
|
+
*/
|
|
57
|
+
hideHeading?: boolean;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
type RNSectionListProps = RNSectionListPropsType<SectionListRow, SectionData>;
|
|
61
|
+
|
|
62
|
+
// Layout (dividers, headers, corner rounding, spacing) is owned by this component, so these
|
|
63
|
+
// RN props are not user-configurable — everything else on RN's SectionList passes through.
|
|
64
|
+
type OmittedRNSectionListProps =
|
|
65
|
+
| 'sections'
|
|
66
|
+
| 'renderSectionHeader'
|
|
67
|
+
| 'renderItem'
|
|
68
|
+
| 'ItemSeparatorComponent'
|
|
69
|
+
| 'SectionSeparatorComponent'
|
|
70
|
+
| 'stickySectionHeadersEnabled';
|
|
71
|
+
|
|
72
|
+
export interface SectionListProps
|
|
73
|
+
extends Omit<RNSectionListProps, OmittedRNSectionListProps> {
|
|
74
|
+
/**
|
|
75
|
+
* Sections to render. Each section carries SectionHeading props plus a `data` array,
|
|
76
|
+
* mirroring React Native's SectionList section shape.
|
|
77
|
+
*/
|
|
78
|
+
sections: SectionData[];
|
|
79
|
+
/**
|
|
80
|
+
* Horizontal margin applied to each row group and its dividers, preventing content from
|
|
81
|
+
* rendering flush against the screen edge. Defaults to `'medium'` (16 px).
|
|
82
|
+
* Pass `'none'` when the parent screen already applies its own side gutter.
|
|
83
|
+
*/
|
|
84
|
+
marginHorizontal?: MarginHorizontal;
|
|
85
|
+
/**
|
|
86
|
+
* Additional style on the underlying RN SectionList.
|
|
87
|
+
*/
|
|
88
|
+
style?: StyleProp<ViewStyle>;
|
|
89
|
+
/**
|
|
90
|
+
* Testing id of the component.
|
|
91
|
+
*/
|
|
92
|
+
testID?: string;
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
const positionOf = (index: number, count: number): RowPosition => {
|
|
96
|
+
if (count === 1) return 'single';
|
|
97
|
+
if (index === 0) return 'top';
|
|
98
|
+
if (index === count - 1) return 'bottom';
|
|
99
|
+
return 'middle';
|
|
100
|
+
};
|
|
101
|
+
|
|
102
|
+
// StyledRow already clips corners via overflow:hidden + its own borderRadius, so the
|
|
103
|
+
// inner list items must not add their own rounding on top of it.
|
|
104
|
+
const NO_RADIUS = { borderRadius: 0 } as const;
|
|
105
|
+
|
|
106
|
+
const renderRow = (row: SectionListRow): ReactElement =>
|
|
107
|
+
row.type === 'basic-item' ? (
|
|
108
|
+
<List.BasicItem {...row} style={[NO_RADIUS, row.style]} />
|
|
109
|
+
) : (
|
|
110
|
+
<List.Item {...row} style={[NO_RADIUS, row.style]} />
|
|
111
|
+
);
|
|
112
|
+
|
|
113
|
+
// Factory lives at module scope — satisfies react/no-unstable-nested-components.
|
|
114
|
+
// RN only renders ItemSeparatorComponent between adjacent items (never after the
|
|
115
|
+
// last), which is exactly the desired divider placement for a bounded group.
|
|
116
|
+
const createRowDivider = (margin: MarginHorizontal | undefined) => () =>
|
|
117
|
+
(
|
|
118
|
+
<StyledDividerWrapper
|
|
119
|
+
testID="section-list-divider-wrapper"
|
|
120
|
+
themeMarginHorizontal={margin}
|
|
121
|
+
>
|
|
122
|
+
<Divider testID="section-list-divider" />
|
|
123
|
+
</StyledDividerWrapper>
|
|
124
|
+
);
|
|
125
|
+
|
|
126
|
+
const SectionSpacer: NonNullable<
|
|
127
|
+
RNSectionListProps['SectionSeparatorComponent']
|
|
128
|
+
> = ({ leadingItem, trailingSection }) =>
|
|
129
|
+
leadingItem && trailingSection ? (
|
|
130
|
+
<StyledSectionSpacer
|
|
131
|
+
themeCompact={!!trailingSection.hideHeading}
|
|
132
|
+
testID="section-list-spacer"
|
|
133
|
+
/>
|
|
134
|
+
) : null;
|
|
135
|
+
|
|
136
|
+
function SectionList({
|
|
137
|
+
sections,
|
|
138
|
+
marginHorizontal = 'medium',
|
|
139
|
+
style,
|
|
140
|
+
testID,
|
|
141
|
+
...rest
|
|
142
|
+
}: SectionListProps): ReactElement {
|
|
143
|
+
const RowDivider = useMemo(
|
|
144
|
+
() => createRowDivider(marginHorizontal),
|
|
145
|
+
[marginHorizontal]
|
|
146
|
+
);
|
|
147
|
+
|
|
148
|
+
return (
|
|
149
|
+
<RNSectionList<SectionListRow, SectionData>
|
|
150
|
+
{...rest}
|
|
151
|
+
style={style}
|
|
152
|
+
testID={testID}
|
|
153
|
+
sections={sections}
|
|
154
|
+
stickySectionHeadersEnabled={false}
|
|
155
|
+
ItemSeparatorComponent={RowDivider}
|
|
156
|
+
renderSectionHeader={({ section }) =>
|
|
157
|
+
section.hideHeading ? null : (
|
|
158
|
+
<StyledSectionHeading
|
|
159
|
+
text={section.text ?? ''}
|
|
160
|
+
icon={section.icon}
|
|
161
|
+
rightChildren={section.rightChildren}
|
|
162
|
+
intent={section.intent}
|
|
163
|
+
size={section.size}
|
|
164
|
+
/>
|
|
165
|
+
)
|
|
166
|
+
}
|
|
167
|
+
renderItem={({ item, index, section }) => (
|
|
168
|
+
<StyledRow
|
|
169
|
+
testID="section-list-row"
|
|
170
|
+
themePosition={positionOf(index, section.data.length)}
|
|
171
|
+
themeMarginHorizontal={marginHorizontal}
|
|
172
|
+
>
|
|
173
|
+
{renderRow(item)}
|
|
174
|
+
</StyledRow>
|
|
175
|
+
)}
|
|
176
|
+
SectionSeparatorComponent={SectionSpacer}
|
|
177
|
+
/>
|
|
178
|
+
);
|
|
179
|
+
}
|
|
180
|
+
|
|
181
|
+
export default SectionList;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { View } from 'react-native';
|
|
2
|
+
import styled from '@emotion/native';
|
|
3
|
+
import SectionHeading from '../SectionHeading';
|
|
4
|
+
|
|
5
|
+
export type RowPosition = 'top' | 'bottom' | 'middle' | 'single';
|
|
6
|
+
|
|
7
|
+
export type MarginHorizontal =
|
|
8
|
+
| 'xsmall'
|
|
9
|
+
| 'small'
|
|
10
|
+
| 'medium'
|
|
11
|
+
| 'large'
|
|
12
|
+
| 'xlarge'
|
|
13
|
+
| 'none';
|
|
14
|
+
|
|
15
|
+
const isTop = (position: RowPosition) =>
|
|
16
|
+
position === 'top' || position === 'single';
|
|
17
|
+
const isBottom = (position: RowPosition) =>
|
|
18
|
+
position === 'bottom' || position === 'single';
|
|
19
|
+
|
|
20
|
+
const StyledRow = styled(View)<{
|
|
21
|
+
themePosition: RowPosition;
|
|
22
|
+
themeMarginHorizontal?: MarginHorizontal;
|
|
23
|
+
}>(({ theme, themePosition, themeMarginHorizontal = 'medium' }) => {
|
|
24
|
+
const radius = theme.__hd__.sectionList.radii.group;
|
|
25
|
+
const marginHorizontal =
|
|
26
|
+
theme.__hd__.sectionList.space.marginHorizontal[themeMarginHorizontal];
|
|
27
|
+
|
|
28
|
+
return {
|
|
29
|
+
marginHorizontal,
|
|
30
|
+
backgroundColor: theme.__hd__.sectionList.colors.groupBackground,
|
|
31
|
+
borderTopLeftRadius: isTop(themePosition) ? radius : 0,
|
|
32
|
+
borderTopRightRadius: isTop(themePosition) ? radius : 0,
|
|
33
|
+
borderBottomLeftRadius: isBottom(themePosition) ? radius : 0,
|
|
34
|
+
borderBottomRightRadius: isBottom(themePosition) ? radius : 0,
|
|
35
|
+
overflow: 'hidden',
|
|
36
|
+
};
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
const StyledDividerWrapper = styled(View)<{
|
|
40
|
+
themeMarginHorizontal?: MarginHorizontal;
|
|
41
|
+
}>(({ theme, themeMarginHorizontal = 'medium' }) => ({
|
|
42
|
+
marginHorizontal:
|
|
43
|
+
theme.__hd__.sectionList.space.marginHorizontal[themeMarginHorizontal],
|
|
44
|
+
backgroundColor: theme.__hd__.sectionList.colors.groupBackground,
|
|
45
|
+
}));
|
|
46
|
+
|
|
47
|
+
const StyledSectionSpacer = styled(View)<{ themeCompact: boolean }>(
|
|
48
|
+
({ theme, themeCompact }) => ({
|
|
49
|
+
height: themeCompact
|
|
50
|
+
? theme.__hd__.sectionList.space.sectionSpacingCompact
|
|
51
|
+
: theme.__hd__.sectionList.space.sectionSpacing,
|
|
52
|
+
})
|
|
53
|
+
);
|
|
54
|
+
|
|
55
|
+
const StyledSectionHeading = styled(SectionHeading)(({ theme }) => ({
|
|
56
|
+
paddingLeft: theme.__hd__.sectionList.space.headingPaddingLeft,
|
|
57
|
+
marginBottom: 0,
|
|
58
|
+
}));
|
|
59
|
+
|
|
60
|
+
export {
|
|
61
|
+
StyledRow,
|
|
62
|
+
StyledDividerWrapper,
|
|
63
|
+
StyledSectionSpacer,
|
|
64
|
+
StyledSectionHeading,
|
|
65
|
+
};
|
package/src/index.ts
CHANGED
|
@@ -63,6 +63,7 @@ import Spinner from './components/Spinner';
|
|
|
63
63
|
import Swipeable from './components/Swipeable';
|
|
64
64
|
import Radio from './components/Radio';
|
|
65
65
|
import SectionHeading from './components/SectionHeading';
|
|
66
|
+
import SectionList from './components/SectionList';
|
|
66
67
|
import Select from './components/Select';
|
|
67
68
|
import Skeleton from './components/Skeleton';
|
|
68
69
|
import Success from './components/StatusScreens/Success';
|
|
@@ -162,6 +163,7 @@ export {
|
|
|
162
163
|
SegmentedControl,
|
|
163
164
|
ScrollViewWithFAB,
|
|
164
165
|
SectionHeading,
|
|
166
|
+
SectionList,
|
|
165
167
|
SectionListWithFAB,
|
|
166
168
|
Select,
|
|
167
169
|
Success,
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import type { GlobalTheme } from '../global';
|
|
2
|
+
|
|
3
|
+
const getSectionListTheme = (theme: GlobalTheme) => {
|
|
4
|
+
const colors = {
|
|
5
|
+
groupBackground: theme.colors.defaultGlobalSurface,
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
const radii = {
|
|
9
|
+
group: theme.radii.xlarge,
|
|
10
|
+
};
|
|
11
|
+
|
|
12
|
+
const marginHorizontalValues = {
|
|
13
|
+
none: 0,
|
|
14
|
+
xsmall: theme.space.xsmall,
|
|
15
|
+
small: theme.space.small,
|
|
16
|
+
medium: theme.space.medium,
|
|
17
|
+
large: theme.space.large,
|
|
18
|
+
xlarge: theme.space.xlarge,
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
const space = {
|
|
22
|
+
marginHorizontal: marginHorizontalValues,
|
|
23
|
+
sectionSpacing: theme.space.medium,
|
|
24
|
+
sectionSpacingCompact: theme.space.small,
|
|
25
|
+
headingPaddingLeft: theme.space.small,
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
return { colors, radii, space };
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
export default getSectionListTheme;
|
package/src/theme/getTheme.ts
CHANGED
|
@@ -41,6 +41,7 @@ import getRateTheme from './components/rate';
|
|
|
41
41
|
import getRefreshControlTheme from './components/refreshControl';
|
|
42
42
|
import getRichTextEditorTheme from './components/richTextEditor';
|
|
43
43
|
import getSectionHeadingTheme from './components/sectionHeading';
|
|
44
|
+
import getSectionListTheme from './components/sectionList';
|
|
44
45
|
import getSelectTheme from './components/select';
|
|
45
46
|
import getSkeletonTheme from './components/skeleton';
|
|
46
47
|
import getSliderTheme from './components/slider';
|
|
@@ -115,6 +116,7 @@ type Theme = GlobalTheme & {
|
|
|
115
116
|
richTextEditor: ReturnType<typeof getRichTextEditorTheme>;
|
|
116
117
|
search: ReturnType<typeof getSearchTheme>;
|
|
117
118
|
sectionHeading: ReturnType<typeof getSectionHeadingTheme>;
|
|
119
|
+
sectionList: ReturnType<typeof getSectionListTheme>;
|
|
118
120
|
select: ReturnType<typeof getSelectTheme>;
|
|
119
121
|
skeleton: ReturnType<typeof getSkeletonTheme>;
|
|
120
122
|
slider: ReturnType<typeof getSliderTheme>;
|
|
@@ -183,6 +185,7 @@ const getTheme = (
|
|
|
183
185
|
richTextEditor: getRichTextEditorTheme(globalTheme),
|
|
184
186
|
search: getSearchTheme(globalTheme),
|
|
185
187
|
sectionHeading: getSectionHeadingTheme(globalTheme),
|
|
188
|
+
sectionList: getSectionListTheme(globalTheme),
|
|
186
189
|
select: getSelectTheme(globalTheme),
|
|
187
190
|
skeleton: getSkeletonTheme(globalTheme),
|
|
188
191
|
slider: getSliderTheme(globalTheme),
|
package/src/types.ts
CHANGED
|
@@ -117,3 +117,4 @@ export type { SkeletonProps } from './components/Skeleton';
|
|
|
117
117
|
export type { SpinnerProps } from './components/Spinner';
|
|
118
118
|
export type { SwitchProps } from './components/Switch';
|
|
119
119
|
export type { TagProps } from './components/Tag';
|
|
120
|
+
export type { SectionListProps } from './components/SectionList';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const IconList: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bolt", "bookmark-added", "bookmark-checked", "bookmark", "box-check", "box", "bpay", "buildings", "cake", "calendar-clock", "calendar", "candy-box-menu", "caret-down-small", "caret-down", "caret-left-small", "caret-left", "caret-right-small", "caret-right", "caret-up-small", "caret-up", "check-radio", "circle-add", "circle-cancel", "circle-check", "circle-down", "circle-info", "circle-left", "circle-ok", "circle-pencil", "circle-question", "circle-remove", "circle-right", "circle-up", "circle-warning", "clock-3", "clock", "cloud-download", "cloud-upload", "cog", "coin", "contacts", "credit-card", "diamond", "direction-arrows", "directory", "document", "dollar-coin-shine", "dot", "double-buildings", "edit-template", "envelope", "exclude", "expand-content", "expense", "explore_nearby", "eye-circle", "eye-invisible", "eye", "face-meh", "face-sad", "face-smiley", "feed", "feedbacks", "file-certified", "file-clone", "file-copy", "file-csv", "file-dispose", "file-doc", "file-excel", "file-export", "file-lock", "file-pdf", "file-powerpoint", "file-search", "file-secured", "file-sheets", "file-slide", "file-verified", "file-word", "file", "filter", "folder-user", "folder", "format-bold", "format-heading1", "format-heading2", "format-italic", "format-list-bulleted", "format-list-numbered", "format-underlined", "funnel-filter", "global-dollar", "global-pound", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "hero-points", "home", "image", "import", "incident-siren", "instapay-daily", "instapay-now", "instapay", "list", "loading-2", "loading", "location-on", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "near-me", "node", "open-folder", "paperclip-vertical", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane-up", "plane", "play-arrow", "play-circle", "pound-coin-shine", "pound-sign", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rocket-launch", "rostering", "salary-sacrifice", "save", "schedule-send", "schedule", "search-person", "search", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "surfing", "survey", "swag-pillar-benefit", "swag-pillar-career", "swag-pillar-money", "swag-pillar-work", "swag", "swipe-right", "switch", "tag", "target", "teams", "thumb-down", "thumb-up", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "academic-hat-outlined", "accommodation-outlined", "activate-outlined", "add-credit-card-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "afternoon-outlined", "ai-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "application-outlined", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "at-sign", "auto-graph-outlined", "automotive-outlined", "bakery-outlined", "bar-outlined", "beauty-outlined", "beer-outlined", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "bill-management-outlined", "billing-outlined", "body-outlined", "bold", "bolt-outlined", "book-outlined", "bookmark-added-outlined", "bookmark-checked-outlined", "bookmark-outlined", "box-1-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calculator-outlined", "calendar-dates-outlined", "calendar-edit-outlined", "calendar-star-outlined", "call-outlined", "call-split-outlined", "camera-outlined", "cancel", "car-forward-outlined", "cashback-outlined", "charging-station-outlined", "chat-bubble-outlined", "chat-unread-outlined", "checkmark", "circle-add-outlined", "circle-cancel-outlined", "circle-down-outlined", "circle-info-outlined", "circle-left-outlined", "circle-ok-outlined", "circle-question-outlined", "circle-remove-outlined", "circle-right-outlined", "circle-up-outlined", "circle-warning-outlined", "clock-2-outlined", "clock-in-outlined", "clock-out-outlined", "clock-outlined", "cog-outlined", "coin-outlined", "coin-super-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cultural-site-outlined", "cup-outlined", "dentistry-outlined", "diamond-outlined", "direction-arrows-outlined", "directory-outlined", "document-outlined", "dollar-box-outlined", "dollar-card-outlined", "dollar-coin-shine-outlined", "dollar-credit-card-outlined", "dollar-sign", "double-buildings-outlined", "double-left-arrows", "double-right-arrows", "download-box-outlined", "download-outlined", "edit-template-outlined", "edit-user-outlined", "electronics-outlined", "email-outlined", "end-break-outlined", "enter-arrow", "entertainment-outlined", "envelope-outlined", "evening-outlined", "expense-approval-outlined", "expense-outlined", "explore-outlined", "extension-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "fastfood-outlined", "feed-outlined", "feedbacks-outlined", "file-certified-outlined", "file-clone-outlined", "file-copy-outlined", "file-dispose-outlined", "file-dollar-certified-outlined", "file-dollar-outlined", "file-download-outlined", "file-export-outlined", "file-lock-outlined", "file-outlined", "file-pound-outlined", "file-search-outlined", "file-secured-outlined", "file-statutory-outlined", "file-verified-outlined", "filter-outlined", "fitness-outlined", "folder-outlined", "folder-upload-outlined", "folder-user-outlined", "form-outlined", "funnel-filter-outline", "goal-outlined", "graph-outlined", "grocery-outlined", "hand-holding-user-outlined", "handshake-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "history-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "job-search-outlined", "leave-approval-outlined", "lighting-outlined", "link-1", "link-2", "list-outlined", "live-help-outlined", "local_mall_outlined", "location-on-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "mail-outlined", "map-outlined", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "mic-outlined", "mic-slash-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "morning-outlined", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "park-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "pound-box-outlined", "pound-card-outlined", "pound-coin-shine-outlined", "pound-credit-card-outlined", "print-outlined", "profile-2user-outlined", "propane-tank-outlined", "qr-code-outlined", "qualification-outlined", "question-mark", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "restaurant-outlined", "resume-outlined", "return-arrow", "rocket-launch-outlined", "rostering-outlined", "safety-outlined", "save-outlined", "schedule-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined-2", "share-outlined", "shield-check-outlined", "shop-outlined", "shopping_basket_outlined", "show-chart-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "smart-match-outlined", "sparkle-2-outlined", "sparkle-outlined", "speaker-active-outlined", "speaker-outlined", "star-circle-outlined", "star-outlined", "start-break-outlined", "stash-outlined", "stopwatch-outlined", "strikethrough", "styler-outlined", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "tag-outlined", "target-outlined", "tennis-outlined", "thumb-down-outlined", "thumb-up-outlined", "ticket-outlined", "timesheet-outlined", "timesheets-outlined", "today-outlined", "transfer", "transportation-outlined", "trash-bin-outlined", "umbrela-outlined", "unavailability-outlined", "unavailable", "underline", "union-outlined", "unlock-outlined", "upload-outlined", "user-add-outlined", "user-circle-outlined", "user-gear-outlined", "user-out-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "volunteer-outlined", "wallet-outlined", "wellness-outlined"];
|
|
1
|
+
declare const IconList: readonly ["activate", "add-emoji", "add-person", "adjustment", "alignment", "antenna", "archive", "assignment-warning", "bank", "bell", "billing", "bolt", "bookmark-added", "bookmark-checked", "bookmark", "box-check", "box", "bpay", "buildings", "cake", "calendar-clock", "calendar", "candy-box-menu", "caret-down-small", "caret-down", "caret-left-small", "caret-left", "caret-right-small", "caret-right", "caret-up-small", "caret-up", "check-radio", "circle-add", "circle-cancel", "circle-check", "circle-down", "circle-info", "circle-left", "circle-ok", "circle-pencil", "circle-question", "circle-remove", "circle-right", "circle-up", "circle-warning", "clock-3", "clock", "cloud-download", "cloud-upload", "cog", "coin", "contacts", "credit-card", "diamond", "direction-arrows", "directory", "document", "dollar-coin-shine", "dot", "double-buildings", "edit-template", "envelope", "exclude", "expand-content", "expense", "explore_nearby", "eye-circle", "eye-invisible", "eye", "face-meh", "face-sad", "face-smiley", "feed", "feedbacks", "file-certified", "file-clone", "file-copy", "file-csv", "file-dispose", "file-doc", "file-excel", "file-export", "file-lock", "file-pdf", "file-powerpoint", "file-search", "file-secured", "file-sheets", "file-slide", "file-verified", "file-word", "file", "filter", "folder-user", "folder", "format-bold", "format-heading1", "format-heading2", "format-italic", "format-list-bulleted", "format-list-numbered", "format-underlined", "funnel-filter", "global-dollar", "global-pound", "globe", "graduation-cap", "graph", "happy-sun", "health-bag", "heart", "hero-points", "home", "image", "import", "incident-siren", "instapay-daily", "instapay-now", "instapay", "list", "loading-2", "loading", "location-on", "location", "lock", "looks-one", "looks-two", "media-content", "menu", "money-notes", "moneybag", "moon", "multiple-stars", "multiple-users", "near-me", "node", "open-folder", "paperclip-vertical", "paperclip", "payment-summary", "pencil", "phone", "piggy-bank", "plane-up", "plane", "play-arrow", "play-circle", "pound-coin-shine", "pound-sign", "print", "raising-hands", "reply-arrow", "reply", "reschedule", "rocket-launch", "rostering", "salary-sacrifice", "save", "schedule-send", "schedule", "search-person", "search", "send", "speaker-active", "speaker", "star-award", "star-badge", "star-circle", "star-medal", "star", "steps-circle", "stopwatch", "suitcase", "surfing", "survey", "swag-pillar-benefit", "swag-pillar-career", "swag-pillar-money", "swag-pillar-work", "swag", "swipe-right", "switch", "tag", "target", "teams", "thumb-down", "thumb-up", "timesheet", "touch-id", "trash-bin", "unlock", "user", "video-1", "video-2", "wallet", "warning", "academic-hat-outlined", "accommodation-outlined", "activate-outlined", "add-credit-card-outlined", "add-emoji-outlined", "add-person-outlined", "add-section-outlined", "add-time-outlined", "add", "adjustment-outlined", "afternoon-outlined", "ai-outlined", "alignment-2-outlined", "alignment-outlined", "all-caps", "application-outlined", "archive-outlined", "arrow-down", "arrow-downwards", "arrow-left", "arrow-leftwards", "arrow-right", "arrow-rightwards", "arrow-up", "arrow-upwards", "article-outlined", "assignment-warning-outlined", "at-sign", "auto-graph-outlined", "automotive-outlined", "bakery-outlined", "bank-outlined", "bar-outlined", "beauty-outlined", "beer-outlined", "bell-active-outlined", "bell-outlined", "bell-slash-outlined", "bill-management-outlined", "billing-outlined", "body-outlined", "bold", "bolt-outlined", "book-outlined", "bookmark-added-outlined", "bookmark-checked-outlined", "bookmark-outlined", "box-1-outlined", "box-check-outlined", "box-outlined", "bullet-points", "cake-outlined", "calculator-outlined", "calendar-clock-outlined", "calendar-dates-outlined", "calendar-edit-outlined", "calendar-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-check-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-3-outlined", "clock-in-outlined", "clock-out-outlined", "clock-outlined", "cloud-download-outlined", "cog-outlined", "coin-outlined", "coin-super-outlined", "comment-outlined", "contacts-outlined", "contacts-user-outlined", "credit-card-outlined", "cultural-site-outlined", "cup-outlined", "dentistry-outlined", "diamond-outlined", "direction-arrows-outlined", "directory-outlined", "document-outlined", "dollar-box-outlined", "dollar-card-outlined", "dollar-coin-shine-outlined", "dollar-credit-card-outlined", "dollar-sign", "double-buildings-outlined", "double-left-arrows", "double-right-arrows", "download-box-outlined", "download-outlined", "edit-template-outlined", "edit-user-outlined", "electronics-outlined", "email-outlined", "end-break-outlined", "enter-arrow", "entertainment-outlined", "envelope-outlined", "evening-outlined", "expense-approval-outlined", "expense-outlined", "explore-outlined", "extension-outlined", "external-link", "eye-invisible-outlined", "eye-outlined", "face-id", "face-meh-outlined", "face-open-smiley-outlined", "face-sad-outlined", "face-smiley-outlined", "fastfood-outlined", "feed-outlined", "feedbacks-outlined", "file-certified-outlined", "file-clone-outlined", "file-copy-outlined", "file-dispose-outlined", "file-dollar-certified-outlined", "file-dollar-outlined", "file-download-outlined", "file-export-outlined", "file-lock-outlined", "file-outlined", "file-pound-outlined", "file-search-outlined", "file-secured-outlined", "file-statutory-outlined", "file-verified-outlined", "filter-outlined", "fitness-outlined", "folder-outlined", "folder-upload-outlined", "folder-user-outlined", "form-outlined", "funnel-filter-outline", "goal-outlined", "graph-outlined", "grocery-outlined", "hand-holding-user-outlined", "handshake-outlined", "happy-sun-outlined", "health-bag-outlined", "heart-outlined", "history-outlined", "home-active-outlined", "home-outlined", "id-card-outlined", "image-outlined", "import-outlined", "instapay-outlined", "italic", "job-search-outlined", "leave-approval-outlined", "lighting-outlined", "link-1", "link-2", "list-outlined", "live-help-outlined", "local_mall_outlined", "location-on-outlined", "location-outlined", "lock-outlined", "locked-file-outlined", "log-out", "mail-outlined", "map-outlined", "media-content-outlined", "menu-close", "menu-expand", "menu-fold-outlined", "menu-unfold-outlined", "mic-outlined", "mic-slash-outlined", "moneybag-outlined", "moon-outlined", "more-horizontal", "more-vertical", "morning-outlined", "multiple-folders-outlined", "multiple-users-outlined", "near-me-outlined", "node-outlined", "number-points", "number", "overview-outlined", "park-outlined", "payment-summary-outlined", "payslip-outlined", "pencil-outlined", "percentage", "phone-outlined", "piggy-bank-outlined", "plane-outlined", "play-circle-outlined", "pound-box-outlined", "pound-card-outlined", "pound-coin-shine-outlined", "pound-credit-card-outlined", "print-outlined", "profile-2user-outlined", "propane-tank-outlined", "qr-code-outlined", "qualification-outlined", "question-mark", "raising-hands-outlined", "re-assign", "redeem", "refresh", "remove", "reply-outlined", "restart", "restaurant-outlined", "resume-outlined", "return-arrow", "rocket-launch-outlined", "rostering-outlined", "safety-outlined", "save-outlined", "schedule-outlined", "schedule-send-outlined", "search-outlined", "search-secured-outlined", "send-outlined", "share-1", "share-2", "share-outlined-2", "share-outlined", "shield-check-outlined", "shop-outlined", "shopping_basket_outlined", "show-chart-outlined", "single-down-arrow", "single-left-arrow", "single-right-arrow", "single-up-arrow", "smart-match-outlined", "sparkle-2-outlined", "sparkle-outlined", "speaker-active-outlined", "speaker-outlined", "star-award-outlined", "star-badge-outlined", "star-circle-outlined", "star-medal-outlined", "star-outlined", "start-break-outlined", "stash-outlined", "stopwatch-outlined", "strikethrough", "styler-outlined", "suitcase-clock-outlined", "suitcase-outlined", "survey-outlined", "switch-outlined", "sync", "tag-outlined", "target-outlined", "teams-outlined", "tennis-outlined", "thumb-down-outlined", "thumb-up-outlined", "ticket-outlined", "timesheet-outlined", "timesheets-outlined", "today-outlined", "transfer", "transportation-outlined", "trash-bin-outlined", "umbrela-outlined", "unavailability-outlined", "unavailable", "underline", "union-outlined", "unlock-outlined", "upload-outlined", "user-add-outlined", "user-circle-outlined", "user-gear-outlined", "user-out-outlined", "user-outlined", "user-rectangle-outlined", "video-1-outlined", "video-2-outlined", "volunteer-outlined", "wallet-outlined", "warning-outlined", "wellness-outlined"];
|
|
2
2
|
export default IconList;
|