jfs-components 0.1.12 → 0.1.18
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 +24 -0
- package/lib/commonjs/components/ActionFooter/ActionFooter.js +7 -24
- package/lib/commonjs/components/ActionTile/ActionTile.js +10 -10
- package/lib/commonjs/components/AmountInput/AmountInput.js +3 -3
- package/lib/commonjs/components/AreaLineChart/AreaLineChart.js +2 -2
- package/lib/commonjs/components/Attached/Attached.js +1 -1
- package/lib/commonjs/components/Avatar/Avatar.js +10 -10
- package/lib/commonjs/components/AvatarGroup/AvatarGroup.js +50 -29
- package/lib/commonjs/components/Badge/Badge.js +12 -12
- package/lib/commonjs/components/BenefitCard/BenefitCard.js +95 -21
- package/lib/commonjs/components/BottomNav/BottomNav.js +2 -2
- package/lib/commonjs/components/BottomNavItem/BottomNavItem.js +3 -3
- package/lib/commonjs/components/Button/Button.js +31 -19
- package/lib/commonjs/components/Card/Card.js +20 -20
- package/lib/commonjs/components/CardAdvisory/CardAdvisory.js +6 -6
- package/lib/commonjs/components/CardCTA/CardCTA.js +21 -21
- package/lib/commonjs/components/CardFeedback/CardFeedback.js +18 -18
- package/lib/commonjs/components/CardFinancialCondition/CardFinancialCondition.js +7 -7
- package/lib/commonjs/components/CardInsight/CardInsight.js +1 -2
- package/lib/commonjs/components/Carousel/Carousel.js +18 -12
- package/lib/commonjs/components/CarouselCardAccounts/CarouselCardAccounts.js +75 -0
- package/lib/commonjs/components/Checkbox/Checkbox.js +6 -13
- package/lib/commonjs/components/ChipGroup/ChipGroup.js +1 -1
- package/lib/commonjs/components/ChipSelect/ChipSelect.js +11 -11
- package/lib/commonjs/components/CircularProgressBar/CircularProgressBar.js +5 -5
- package/lib/commonjs/components/CircularProgressBarDoted/CircularProgressBarDoted.js +8 -8
- package/lib/commonjs/components/CircularRating/CircularRating.js +3 -3
- package/lib/commonjs/components/CompareTable/CompareTable.js +16 -16
- package/lib/commonjs/components/DebitCard/DebitCard.js +18 -18
- package/lib/commonjs/components/Disclaimer/Disclaimer.js +5 -5
- package/lib/commonjs/components/DonutChart/DonutChart.js +11 -11
- package/lib/commonjs/components/Drawer/Drawer.js +60 -60
- package/lib/commonjs/components/Dropdown/Dropdown.js +22 -23
- package/lib/commonjs/components/DropdownInput/DropdownInput.js +10 -10
- package/lib/commonjs/components/EmptyState/EmptyState.js +14 -14
- package/lib/commonjs/components/FilterBar/FilterBar.js +2 -2
- package/lib/commonjs/components/Form/Form.js +3 -3
- package/lib/commonjs/components/FormField/FormField.js +6 -6
- package/lib/commonjs/components/FullscreenModal/FullscreenModal.js +24 -24
- package/lib/commonjs/components/Gauge/Gauge.js +8 -8
- package/lib/commonjs/components/HoldingsCard/HoldingsCard.js +10 -10
- package/lib/commonjs/components/Icon/Icon.js +6 -6
- package/lib/commonjs/components/IconCapsule/IconCapsule.js +7 -7
- package/lib/commonjs/components/InputSearch/InputSearch.js +9 -9
- package/lib/commonjs/components/InstitutionBadge/InstitutionBadge.js +3 -3
- package/lib/commonjs/components/ListGroup/ListGroup.js +8 -8
- package/lib/commonjs/components/ListItem/ListItem.js +10 -10
- package/lib/commonjs/components/LottieIntroBlock/LottieIntroBlock.js +13 -13
- package/lib/commonjs/components/LottiePlayer/LottiePlayer.js +2 -2
- package/lib/commonjs/components/LottiePlayer/LottiePlayer.web.js +2 -2
- package/lib/commonjs/components/MediaCard/MediaCard.js +21 -21
- package/lib/commonjs/components/MessageField/MessageField.js +8 -8
- package/lib/commonjs/components/MoneyValue/MoneyValue.js +7 -7
- package/lib/commonjs/components/NavArrow/NavArrow.js +8 -8
- package/lib/commonjs/components/NoteInput/NoteInput.js +12 -12
- package/lib/commonjs/components/Nudge/Nudge.js +20 -20
- package/lib/commonjs/components/OTP/OTP.js +15 -15
- package/lib/commonjs/components/PageHero/PageHero.js +16 -16
- package/lib/commonjs/components/PaymentFeedback/PaymentFeedback.js +23 -23
- package/lib/commonjs/components/Popup/Popup.js +1 -1
- package/lib/commonjs/components/ProductMerchandisingCard/ProductMerchandisingCard.js +64 -60
- package/lib/commonjs/components/ProgressBadge/ProgressBadge.js +5 -5
- package/lib/commonjs/components/Radio/Radio.js +8 -8
- package/lib/commonjs/components/RechargeCard/RechargeCard.js +31 -31
- package/lib/commonjs/components/SavingsGoalSummary/SavingsGoalSummary.js +59 -12
- package/lib/commonjs/components/ScrollArea/ScrollArea.js +126 -0
- package/lib/commonjs/components/Section/Section.js +24 -24
- package/lib/commonjs/components/StatusHero/StatusHero.js +14 -14
- package/lib/commonjs/components/Stepper/Step.js +16 -16
- package/lib/commonjs/components/Stepper/StepLabel.js +16 -16
- package/lib/commonjs/components/Stepper/Stepper.js +3 -3
- package/lib/commonjs/components/SuggestiveSearch/SuggestiveSearch.js +10 -10
- package/lib/commonjs/components/SupportText/SupportText.js +6 -6
- package/lib/commonjs/components/SupportText/SupportTextIcon.js +2 -2
- package/lib/commonjs/components/Text/Text.js +14 -2
- package/lib/commonjs/components/TextInput/TextInput.js +14 -14
- package/lib/commonjs/components/TextSegment/TextSegment.js +14 -2
- package/lib/commonjs/components/ThreadHero/ThreadHero.js +17 -17
- package/lib/commonjs/components/Title/Title.js +38 -16
- package/lib/commonjs/components/Toast/Toast.js +15 -15
- package/lib/commonjs/components/Toggle/Toggle.js +3 -11
- package/lib/commonjs/components/Tooltip/Tooltip.js +12 -12
- package/lib/commonjs/components/TransactionBubble/TransactionBubble.js +13 -13
- package/lib/commonjs/components/TransactionDetails/TransactionDetails.js +10 -10
- package/lib/commonjs/components/TransactionStatus/TransactionStatus.js +9 -9
- package/lib/commonjs/components/UpiHandle/UpiHandle.js +15 -15
- package/lib/commonjs/components/index.js +14 -0
- package/lib/commonjs/design-tokens/Coin Variables-variables-full.json +1 -1
- package/lib/commonjs/design-tokens/figma-modes.generated.js +50 -42
- package/lib/commonjs/icons/components/Icon4g.js +19 -0
- package/lib/commonjs/icons/components/Icon4gltedata.js +19 -0
- package/lib/commonjs/icons/components/Icon5g.js +19 -0
- package/lib/commonjs/icons/components/Icon5gdoubleplus.js +19 -0
- package/lib/commonjs/icons/components/Icon5gplus.js +19 -0
- package/lib/commonjs/icons/components/IconAdblocker.js +19 -0
- package/lib/commonjs/icons/components/IconAdblockplus.js +19 -0
- package/lib/commonjs/icons/components/IconAnalytics.js +19 -0
- package/lib/commonjs/icons/components/IconAnalyticsdata.js +19 -0
- package/lib/commonjs/icons/components/IconAnalyticspiechart.js +19 -0
- package/lib/commonjs/icons/components/IconAnalyticspiecharttree.js +19 -0
- package/lib/commonjs/icons/components/IconAnalyticspiecharttwo.js +19 -0
- package/lib/commonjs/icons/components/IconCompoundinterest.js +19 -0
- package/lib/commonjs/icons/components/IconConsumptionaccounted.js +19 -0
- package/lib/commonjs/icons/components/IconConsumptionaverage.js +19 -0
- package/lib/commonjs/icons/components/IconConsumptionhigh.js +19 -0
- package/lib/commonjs/icons/components/IconConsumptionlow.js +19 -0
- package/lib/commonjs/icons/components/IconConsumptionunaccounted.js +19 -0
- package/lib/commonjs/icons/components/IconCsvdoc.js +19 -0
- package/lib/commonjs/icons/components/IconDatabase.js +19 -0
- package/lib/commonjs/icons/components/IconDigitalecosystem.js +19 -0
- package/lib/commonjs/icons/components/IconDigitalselfservice.js +19 -0
- package/lib/commonjs/icons/components/IconDistribution.js +19 -0
- package/lib/commonjs/icons/components/IconDocument.js +19 -0
- package/lib/commonjs/icons/components/IconDocumentdoc.js +19 -0
- package/lib/commonjs/icons/components/IconDocumentjpg.js +19 -0
- package/lib/commonjs/icons/components/IconDocumentodt.js +19 -0
- package/lib/commonjs/icons/components/IconDocumentpdf.js +19 -0
- package/lib/commonjs/icons/components/IconDocumentpng.js +19 -0
- package/lib/commonjs/icons/components/IconDocumentraw.js +19 -0
- package/lib/commonjs/icons/components/IconDocumentrtf.js +19 -0
- package/lib/commonjs/icons/components/IconDocumentsettings.js +19 -0
- package/lib/commonjs/icons/components/IconDocumenttif.js +19 -0
- package/lib/commonjs/icons/components/IconDocumenttxt.js +19 -0
- package/lib/commonjs/icons/components/IconDocumentunknown.js +19 -0
- package/lib/commonjs/icons/components/IconDocumentxls.js +19 -0
- package/lib/commonjs/icons/components/IconDocumentxlsx.js +19 -0
- package/lib/commonjs/icons/components/IconFilerequest.js +19 -0
- package/lib/commonjs/icons/components/IconFilesend.js +19 -0
- package/lib/commonjs/icons/components/IconFileshare.js +19 -0
- package/lib/commonjs/icons/components/IconFindinpage.js +19 -0
- package/lib/commonjs/icons/components/IconFolder.js +19 -0
- package/lib/commonjs/icons/components/IconFolderbookmarks.js +19 -0
- package/lib/commonjs/icons/components/IconFolderfavorites.js +19 -0
- package/lib/commonjs/icons/components/IconFolderlocked.js +19 -0
- package/lib/commonjs/icons/components/IconFoldermovefiles.js +19 -0
- package/lib/commonjs/icons/components/IconFolderpublic.js +19 -0
- package/lib/commonjs/icons/components/IconFolderrated.js +19 -0
- package/lib/commonjs/icons/components/IconFolderrequest.js +19 -0
- package/lib/commonjs/icons/components/IconForm.js +19 -0
- package/lib/commonjs/icons/components/IconFormadd.js +19 -0
- package/lib/commonjs/icons/components/IconForms.js +19 -0
- package/lib/commonjs/icons/components/IconGraphincreasing.js +19 -0
- package/lib/commonjs/icons/components/IconGraphlow.js +19 -0
- package/lib/commonjs/icons/components/IconGraphtable.js +19 -0
- package/lib/commonjs/icons/components/IconHealthreport.js +19 -0
- package/lib/commonjs/icons/components/IconHubmode.js +19 -0
- package/lib/commonjs/icons/components/IconInfrastructure.js +19 -0
- package/lib/commonjs/icons/components/IconInterestlow.js +19 -0
- package/lib/commonjs/icons/components/IconLte.js +19 -0
- package/lib/commonjs/icons/components/IconNetworkfuture.js +19 -0
- package/lib/commonjs/icons/components/IconPagesettings.js +19 -0
- package/lib/commonjs/icons/components/IconPptxdoc.js +19 -0
- package/lib/commonjs/icons/components/IconPreferrednumber.js +19 -0
- package/lib/commonjs/icons/components/IconPremiumnumber.js +19 -0
- package/lib/commonjs/icons/components/IconProjection.js +19 -0
- package/lib/commonjs/icons/components/IconRequest.js +19 -0
- package/lib/commonjs/icons/components/IconRoutestraffic.js +19 -0
- package/lib/commonjs/icons/components/IconTechnology.js +19 -0
- package/lib/commonjs/icons/components/IconVolte.js +19 -0
- package/lib/commonjs/icons/components/IconVonr.js +19 -0
- package/lib/commonjs/icons/components/IconVowifi.js +19 -0
- package/lib/commonjs/icons/components/IconVpndata.js +19 -0
- package/lib/commonjs/icons/components/index.js +803 -0
- package/lib/commonjs/icons/registry.js +2 -2
- package/lib/commonjs/utils/GlassFill/GlassFill.js +69 -73
- package/lib/commonjs/utils/index.js +25 -0
- package/lib/commonjs/utils/react-utils.js +62 -0
- package/lib/commonjs/utils/shadow.js +200 -0
- package/lib/module/components/ActionFooter/ActionFooter.js +7 -24
- package/lib/module/components/ActionTile/ActionTile.js +10 -10
- package/lib/module/components/AmountInput/AmountInput.js +3 -3
- package/lib/module/components/AreaLineChart/AreaLineChart.js +2 -2
- package/lib/module/components/Attached/Attached.js +1 -1
- package/lib/module/components/Avatar/Avatar.js +10 -10
- package/lib/module/components/AvatarGroup/AvatarGroup.js +52 -30
- package/lib/module/components/Badge/Badge.js +12 -12
- package/lib/module/components/BenefitCard/BenefitCard.js +95 -21
- package/lib/module/components/BottomNav/BottomNav.js +2 -2
- package/lib/module/components/BottomNavItem/BottomNavItem.js +3 -3
- package/lib/module/components/Button/Button.js +32 -20
- package/lib/module/components/Card/Card.js +20 -20
- package/lib/module/components/CardAdvisory/CardAdvisory.js +6 -6
- package/lib/module/components/CardCTA/CardCTA.js +21 -21
- package/lib/module/components/CardFeedback/CardFeedback.js +18 -18
- package/lib/module/components/CardFinancialCondition/CardFinancialCondition.js +7 -7
- package/lib/module/components/CardInsight/CardInsight.js +1 -2
- package/lib/module/components/Carousel/Carousel.js +18 -12
- package/lib/module/components/CarouselCardAccounts/CarouselCardAccounts.js +71 -0
- package/lib/module/components/Checkbox/Checkbox.js +2 -9
- package/lib/module/components/ChipGroup/ChipGroup.js +1 -1
- package/lib/module/components/ChipSelect/ChipSelect.js +11 -11
- package/lib/module/components/CircularProgressBar/CircularProgressBar.js +5 -5
- package/lib/module/components/CircularProgressBarDoted/CircularProgressBarDoted.js +8 -8
- package/lib/module/components/CircularRating/CircularRating.js +3 -3
- package/lib/module/components/CompareTable/CompareTable.js +16 -16
- package/lib/module/components/DebitCard/DebitCard.js +18 -18
- package/lib/module/components/Disclaimer/Disclaimer.js +5 -5
- package/lib/module/components/DonutChart/DonutChart.js +11 -11
- package/lib/module/components/Drawer/Drawer.js +60 -60
- package/lib/module/components/Dropdown/Dropdown.js +22 -23
- package/lib/module/components/DropdownInput/DropdownInput.js +10 -10
- package/lib/module/components/EmptyState/EmptyState.js +14 -14
- package/lib/module/components/FilterBar/FilterBar.js +2 -2
- package/lib/module/components/Form/Form.js +3 -3
- package/lib/module/components/FormField/FormField.js +6 -6
- package/lib/module/components/FullscreenModal/FullscreenModal.js +24 -24
- package/lib/module/components/Gauge/Gauge.js +8 -8
- package/lib/module/components/HoldingsCard/HoldingsCard.js +10 -10
- package/lib/module/components/Icon/Icon.js +6 -6
- package/lib/module/components/IconCapsule/IconCapsule.js +7 -7
- package/lib/module/components/InputSearch/InputSearch.js +9 -9
- package/lib/module/components/InstitutionBadge/InstitutionBadge.js +3 -3
- package/lib/module/components/ListGroup/ListGroup.js +8 -8
- package/lib/module/components/ListItem/ListItem.js +10 -10
- package/lib/module/components/LottieIntroBlock/LottieIntroBlock.js +13 -13
- package/lib/module/components/LottiePlayer/LottiePlayer.js +2 -2
- package/lib/module/components/LottiePlayer/LottiePlayer.web.js +2 -2
- package/lib/module/components/MediaCard/MediaCard.js +21 -21
- package/lib/module/components/MessageField/MessageField.js +8 -8
- package/lib/module/components/MoneyValue/MoneyValue.js +7 -7
- package/lib/module/components/NavArrow/NavArrow.js +8 -8
- package/lib/module/components/NoteInput/NoteInput.js +12 -12
- package/lib/module/components/Nudge/Nudge.js +20 -20
- package/lib/module/components/OTP/OTP.js +15 -15
- package/lib/module/components/PageHero/PageHero.js +16 -16
- package/lib/module/components/PaymentFeedback/PaymentFeedback.js +23 -23
- package/lib/module/components/Popup/Popup.js +1 -1
- package/lib/module/components/ProductMerchandisingCard/ProductMerchandisingCard.js +66 -62
- package/lib/module/components/ProgressBadge/ProgressBadge.js +5 -5
- package/lib/module/components/Radio/Radio.js +9 -9
- package/lib/module/components/RechargeCard/RechargeCard.js +31 -31
- package/lib/module/components/SavingsGoalSummary/SavingsGoalSummary.js +60 -13
- package/lib/module/components/ScrollArea/ScrollArea.js +121 -0
- package/lib/module/components/Section/Section.js +24 -24
- package/lib/module/components/StatusHero/StatusHero.js +14 -14
- package/lib/module/components/Stepper/Step.js +16 -16
- package/lib/module/components/Stepper/StepLabel.js +16 -16
- package/lib/module/components/Stepper/Stepper.js +3 -3
- package/lib/module/components/SuggestiveSearch/SuggestiveSearch.js +10 -10
- package/lib/module/components/SupportText/SupportText.js +6 -6
- package/lib/module/components/SupportText/SupportTextIcon.js +2 -2
- package/lib/module/components/Text/Text.js +15 -3
- package/lib/module/components/TextInput/TextInput.js +14 -14
- package/lib/module/components/TextSegment/TextSegment.js +15 -3
- package/lib/module/components/ThreadHero/ThreadHero.js +17 -17
- package/lib/module/components/Title/Title.js +39 -17
- package/lib/module/components/Toast/Toast.js +15 -15
- package/lib/module/components/Toggle/Toggle.js +4 -12
- package/lib/module/components/Tooltip/Tooltip.js +12 -12
- package/lib/module/components/TransactionBubble/TransactionBubble.js +13 -13
- package/lib/module/components/TransactionDetails/TransactionDetails.js +10 -10
- package/lib/module/components/TransactionStatus/TransactionStatus.js +9 -9
- package/lib/module/components/UpiHandle/UpiHandle.js +15 -15
- package/lib/module/components/index.js +2 -0
- package/lib/module/design-tokens/Coin Variables-variables-full.json +1 -1
- package/lib/module/design-tokens/figma-modes.generated.js +50 -42
- package/lib/module/icons/components/Icon4g.js +12 -0
- package/lib/module/icons/components/Icon4gltedata.js +12 -0
- package/lib/module/icons/components/Icon5g.js +12 -0
- package/lib/module/icons/components/Icon5gdoubleplus.js +12 -0
- package/lib/module/icons/components/Icon5gplus.js +12 -0
- package/lib/module/icons/components/IconAdblocker.js +12 -0
- package/lib/module/icons/components/IconAdblockplus.js +12 -0
- package/lib/module/icons/components/IconAnalytics.js +12 -0
- package/lib/module/icons/components/IconAnalyticsdata.js +12 -0
- package/lib/module/icons/components/IconAnalyticspiechart.js +12 -0
- package/lib/module/icons/components/IconAnalyticspiecharttree.js +12 -0
- package/lib/module/icons/components/IconAnalyticspiecharttwo.js +12 -0
- package/lib/module/icons/components/IconCompoundinterest.js +12 -0
- package/lib/module/icons/components/IconConsumptionaccounted.js +12 -0
- package/lib/module/icons/components/IconConsumptionaverage.js +12 -0
- package/lib/module/icons/components/IconConsumptionhigh.js +12 -0
- package/lib/module/icons/components/IconConsumptionlow.js +12 -0
- package/lib/module/icons/components/IconConsumptionunaccounted.js +12 -0
- package/lib/module/icons/components/IconCsvdoc.js +12 -0
- package/lib/module/icons/components/IconDatabase.js +12 -0
- package/lib/module/icons/components/IconDigitalecosystem.js +12 -0
- package/lib/module/icons/components/IconDigitalselfservice.js +12 -0
- package/lib/module/icons/components/IconDistribution.js +12 -0
- package/lib/module/icons/components/IconDocument.js +12 -0
- package/lib/module/icons/components/IconDocumentdoc.js +12 -0
- package/lib/module/icons/components/IconDocumentjpg.js +12 -0
- package/lib/module/icons/components/IconDocumentodt.js +12 -0
- package/lib/module/icons/components/IconDocumentpdf.js +12 -0
- package/lib/module/icons/components/IconDocumentpng.js +12 -0
- package/lib/module/icons/components/IconDocumentraw.js +12 -0
- package/lib/module/icons/components/IconDocumentrtf.js +12 -0
- package/lib/module/icons/components/IconDocumentsettings.js +12 -0
- package/lib/module/icons/components/IconDocumenttif.js +12 -0
- package/lib/module/icons/components/IconDocumenttxt.js +12 -0
- package/lib/module/icons/components/IconDocumentunknown.js +12 -0
- package/lib/module/icons/components/IconDocumentxls.js +12 -0
- package/lib/module/icons/components/IconDocumentxlsx.js +12 -0
- package/lib/module/icons/components/IconFilerequest.js +12 -0
- package/lib/module/icons/components/IconFilesend.js +12 -0
- package/lib/module/icons/components/IconFileshare.js +12 -0
- package/lib/module/icons/components/IconFindinpage.js +12 -0
- package/lib/module/icons/components/IconFolder.js +12 -0
- package/lib/module/icons/components/IconFolderbookmarks.js +12 -0
- package/lib/module/icons/components/IconFolderfavorites.js +12 -0
- package/lib/module/icons/components/IconFolderlocked.js +12 -0
- package/lib/module/icons/components/IconFoldermovefiles.js +12 -0
- package/lib/module/icons/components/IconFolderpublic.js +12 -0
- package/lib/module/icons/components/IconFolderrated.js +12 -0
- package/lib/module/icons/components/IconFolderrequest.js +12 -0
- package/lib/module/icons/components/IconForm.js +12 -0
- package/lib/module/icons/components/IconFormadd.js +12 -0
- package/lib/module/icons/components/IconForms.js +12 -0
- package/lib/module/icons/components/IconGraphincreasing.js +12 -0
- package/lib/module/icons/components/IconGraphlow.js +12 -0
- package/lib/module/icons/components/IconGraphtable.js +12 -0
- package/lib/module/icons/components/IconHealthreport.js +12 -0
- package/lib/module/icons/components/IconHubmode.js +12 -0
- package/lib/module/icons/components/IconInfrastructure.js +12 -0
- package/lib/module/icons/components/IconInterestlow.js +12 -0
- package/lib/module/icons/components/IconLte.js +12 -0
- package/lib/module/icons/components/IconNetworkfuture.js +12 -0
- package/lib/module/icons/components/IconPagesettings.js +12 -0
- package/lib/module/icons/components/IconPptxdoc.js +12 -0
- package/lib/module/icons/components/IconPreferrednumber.js +12 -0
- package/lib/module/icons/components/IconPremiumnumber.js +12 -0
- package/lib/module/icons/components/IconProjection.js +12 -0
- package/lib/module/icons/components/IconRequest.js +12 -0
- package/lib/module/icons/components/IconRoutestraffic.js +12 -0
- package/lib/module/icons/components/IconTechnology.js +12 -0
- package/lib/module/icons/components/IconVolte.js +12 -0
- package/lib/module/icons/components/IconVonr.js +12 -0
- package/lib/module/icons/components/IconVowifi.js +12 -0
- package/lib/module/icons/components/IconVpndata.js +12 -0
- package/lib/module/icons/components/index.js +73 -0
- package/lib/module/icons/registry.js +2 -2
- package/lib/module/utils/GlassFill/GlassFill.js +69 -72
- package/lib/module/utils/index.js +2 -1
- package/lib/module/utils/react-utils.js +61 -0
- package/lib/module/utils/shadow.js +194 -0
- package/lib/typescript/src/components/BenefitCard/BenefitCard.d.ts +33 -4
- package/lib/typescript/src/components/Carousel/Carousel.d.ts +11 -1
- package/lib/typescript/src/components/CarouselCardAccounts/CarouselCardAccounts.d.ts +57 -0
- package/lib/typescript/src/components/SavingsGoalSummary/SavingsGoalSummary.d.ts +11 -1
- package/lib/typescript/src/components/ScrollArea/ScrollArea.d.ts +77 -0
- package/lib/typescript/src/components/Text/Text.d.ts +12 -3
- package/lib/typescript/src/components/TextSegment/TextSegment.d.ts +12 -3
- package/lib/typescript/src/components/Title/Title.d.ts +12 -2
- package/lib/typescript/src/components/index.d.ts +2 -0
- package/lib/typescript/src/design-tokens/figma-modes.generated.d.ts +23 -15
- package/lib/typescript/src/icons/components/Icon4g.d.ts +3 -0
- package/lib/typescript/src/icons/components/Icon4gltedata.d.ts +3 -0
- package/lib/typescript/src/icons/components/Icon5g.d.ts +3 -0
- package/lib/typescript/src/icons/components/Icon5gdoubleplus.d.ts +3 -0
- package/lib/typescript/src/icons/components/Icon5gplus.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconAdblocker.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconAdblockplus.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconAnalytics.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconAnalyticsdata.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconAnalyticspiechart.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconAnalyticspiecharttree.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconAnalyticspiecharttwo.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconCompoundinterest.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconConsumptionaccounted.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconConsumptionaverage.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconConsumptionhigh.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconConsumptionlow.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconConsumptionunaccounted.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconCsvdoc.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDatabase.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDigitalecosystem.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDigitalselfservice.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDistribution.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDocument.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDocumentdoc.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDocumentjpg.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDocumentodt.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDocumentpdf.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDocumentpng.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDocumentraw.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDocumentrtf.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDocumentsettings.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDocumenttif.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDocumenttxt.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDocumentunknown.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDocumentxls.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconDocumentxlsx.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconFilerequest.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconFilesend.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconFileshare.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconFindinpage.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconFolder.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconFolderbookmarks.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconFolderfavorites.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconFolderlocked.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconFoldermovefiles.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconFolderpublic.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconFolderrated.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconFolderrequest.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconForm.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconFormadd.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconForms.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconGraphincreasing.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconGraphlow.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconGraphtable.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconHealthreport.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconHubmode.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconInfrastructure.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconInterestlow.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconLte.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconNetworkfuture.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconPagesettings.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconPptxdoc.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconPreferrednumber.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconPremiumnumber.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconProjection.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconRequest.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconRoutestraffic.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconTechnology.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconVolte.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconVonr.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconVowifi.d.ts +3 -0
- package/lib/typescript/src/icons/components/IconVpndata.d.ts +3 -0
- package/lib/typescript/src/icons/components/index.d.ts +73 -0
- package/lib/typescript/src/icons/registry.d.ts +1 -1
- package/lib/typescript/src/utils/GlassFill/GlassFill.d.ts +11 -4
- package/lib/typescript/src/utils/index.d.ts +2 -0
- package/lib/typescript/src/utils/react-utils.d.ts +40 -1
- package/lib/typescript/src/utils/shadow.d.ts +72 -0
- package/package.json +2 -2
- package/src/components/ActionFooter/ActionFooter.tsx +8 -26
- package/src/components/ActionTile/ActionTile.tsx +10 -10
- package/src/components/AmountInput/AmountInput.tsx +3 -3
- package/src/components/AreaLineChart/AreaLineChart.tsx +2 -2
- package/src/components/Attached/Attached.tsx +1 -1
- package/src/components/Avatar/Avatar.tsx +10 -10
- package/src/components/AvatarGroup/AvatarGroup.tsx +53 -27
- package/src/components/Badge/Badge.tsx +12 -13
- package/src/components/BenefitCard/BenefitCard.tsx +120 -27
- package/src/components/BottomNav/BottomNav.tsx +2 -2
- package/src/components/BottomNavItem/BottomNavItem.tsx +3 -3
- package/src/components/Button/Button.tsx +30 -20
- package/src/components/Card/Card.tsx +20 -20
- package/src/components/CardAdvisory/CardAdvisory.tsx +6 -6
- package/src/components/CardCTA/CardCTA.tsx +21 -21
- package/src/components/CardFeedback/CardFeedback.tsx +18 -18
- package/src/components/CardFinancialCondition/CardFinancialCondition.tsx +7 -10
- package/src/components/CardInsight/CardInsight.tsx +1 -3
- package/src/components/Carousel/Carousel.tsx +29 -12
- package/src/components/CarouselCardAccounts/CarouselCardAccounts.tsx +113 -0
- package/src/components/Checkbox/Checkbox.tsx +2 -8
- package/src/components/ChipGroup/ChipGroup.tsx +1 -1
- package/src/components/ChipSelect/ChipSelect.tsx +11 -11
- package/src/components/CircularProgressBar/CircularProgressBar.tsx +5 -5
- package/src/components/CircularProgressBarDoted/CircularProgressBarDoted.tsx +8 -8
- package/src/components/CircularRating/CircularRating.tsx +3 -3
- package/src/components/CompareTable/CompareTable.tsx +16 -16
- package/src/components/DebitCard/DebitCard.tsx +22 -22
- package/src/components/Disclaimer/Disclaimer.tsx +5 -5
- package/src/components/DonutChart/DonutChart.tsx +11 -45
- package/src/components/Drawer/Drawer.tsx +80 -71
- package/src/components/Dropdown/Dropdown.tsx +23 -28
- package/src/components/DropdownInput/DropdownInput.tsx +10 -17
- package/src/components/EmptyState/EmptyState.tsx +14 -14
- package/src/components/FilterBar/FilterBar.tsx +2 -2
- package/src/components/Form/Form.tsx +3 -3
- package/src/components/FormField/FormField.tsx +6 -11
- package/src/components/FullscreenModal/FullscreenModal.tsx +24 -24
- package/src/components/Gauge/Gauge.tsx +8 -8
- package/src/components/HoldingsCard/HoldingsCard.tsx +10 -10
- package/src/components/Icon/Icon.tsx +6 -6
- package/src/components/IconCapsule/IconCapsule.tsx +7 -7
- package/src/components/InputSearch/InputSearch.tsx +9 -9
- package/src/components/InstitutionBadge/InstitutionBadge.tsx +3 -6
- package/src/components/ListGroup/ListGroup.tsx +8 -8
- package/src/components/ListItem/ListItem.tsx +10 -10
- package/src/components/LottieIntroBlock/LottieIntroBlock.tsx +13 -16
- package/src/components/LottiePlayer/LottiePlayer.tsx +2 -2
- package/src/components/LottiePlayer/LottiePlayer.web.tsx +2 -2
- package/src/components/MediaCard/MediaCard.tsx +21 -21
- package/src/components/MessageField/MessageField.tsx +8 -16
- package/src/components/MoneyValue/MoneyValue.tsx +7 -7
- package/src/components/NavArrow/NavArrow.tsx +8 -8
- package/src/components/NoteInput/NoteInput.tsx +12 -12
- package/src/components/Nudge/Nudge.tsx +20 -20
- package/src/components/OTP/OTP.tsx +16 -16
- package/src/components/PageHero/PageHero.tsx +16 -16
- package/src/components/PaymentFeedback/PaymentFeedback.tsx +27 -27
- package/src/components/Popup/Popup.tsx +1 -1
- package/src/components/ProductMerchandisingCard/ProductMerchandisingCard.tsx +76 -47
- package/src/components/ProgressBadge/ProgressBadge.tsx +5 -5
- package/src/components/Radio/Radio.tsx +8 -9
- package/src/components/RechargeCard/RechargeCard.tsx +31 -31
- package/src/components/SavingsGoalSummary/SavingsGoalSummary.tsx +105 -13
- package/src/components/ScrollArea/ScrollArea.tsx +200 -0
- package/src/components/Section/Section.tsx +26 -26
- package/src/components/StatusHero/StatusHero.tsx +14 -14
- package/src/components/Stepper/Step.tsx +16 -18
- package/src/components/Stepper/StepLabel.tsx +16 -27
- package/src/components/Stepper/Stepper.tsx +3 -4
- package/src/components/SuggestiveSearch/SuggestiveSearch.tsx +10 -20
- package/src/components/SupportText/SupportText.tsx +6 -6
- package/src/components/SupportText/SupportTextIcon.tsx +2 -2
- package/src/components/Text/Text.tsx +23 -5
- package/src/components/TextInput/TextInput.tsx +14 -14
- package/src/components/TextSegment/TextSegment.tsx +22 -4
- package/src/components/ThreadHero/ThreadHero.tsx +17 -17
- package/src/components/Title/Title.tsx +44 -18
- package/src/components/Toast/Toast.tsx +15 -15
- package/src/components/Toggle/Toggle.tsx +5 -10
- package/src/components/Tooltip/Tooltip.tsx +12 -12
- package/src/components/TransactionBubble/TransactionBubble.tsx +15 -15
- package/src/components/TransactionDetails/TransactionDetails.tsx +10 -10
- package/src/components/TransactionStatus/TransactionStatus.tsx +9 -9
- package/src/components/UpiHandle/UpiHandle.tsx +15 -15
- package/src/components/index.ts +2 -0
- package/src/design-tokens/Coin Variables-variables-full.json +1 -1
- package/src/design-tokens/figma-modes.generated.ts +50 -42
- package/src/icons/components/Icon4g.tsx +11 -0
- package/src/icons/components/Icon4gltedata.tsx +11 -0
- package/src/icons/components/Icon5g.tsx +11 -0
- package/src/icons/components/Icon5gdoubleplus.tsx +11 -0
- package/src/icons/components/Icon5gplus.tsx +11 -0
- package/src/icons/components/IconAdblocker.tsx +11 -0
- package/src/icons/components/IconAdblockplus.tsx +11 -0
- package/src/icons/components/IconAnalytics.tsx +11 -0
- package/src/icons/components/IconAnalyticsdata.tsx +11 -0
- package/src/icons/components/IconAnalyticspiechart.tsx +11 -0
- package/src/icons/components/IconAnalyticspiecharttree.tsx +11 -0
- package/src/icons/components/IconAnalyticspiecharttwo.tsx +11 -0
- package/src/icons/components/IconCompoundinterest.tsx +11 -0
- package/src/icons/components/IconConsumptionaccounted.tsx +11 -0
- package/src/icons/components/IconConsumptionaverage.tsx +11 -0
- package/src/icons/components/IconConsumptionhigh.tsx +11 -0
- package/src/icons/components/IconConsumptionlow.tsx +11 -0
- package/src/icons/components/IconConsumptionunaccounted.tsx +11 -0
- package/src/icons/components/IconCsvdoc.tsx +11 -0
- package/src/icons/components/IconDatabase.tsx +11 -0
- package/src/icons/components/IconDigitalecosystem.tsx +11 -0
- package/src/icons/components/IconDigitalselfservice.tsx +11 -0
- package/src/icons/components/IconDistribution.tsx +11 -0
- package/src/icons/components/IconDocument.tsx +11 -0
- package/src/icons/components/IconDocumentdoc.tsx +11 -0
- package/src/icons/components/IconDocumentjpg.tsx +11 -0
- package/src/icons/components/IconDocumentodt.tsx +11 -0
- package/src/icons/components/IconDocumentpdf.tsx +11 -0
- package/src/icons/components/IconDocumentpng.tsx +11 -0
- package/src/icons/components/IconDocumentraw.tsx +11 -0
- package/src/icons/components/IconDocumentrtf.tsx +11 -0
- package/src/icons/components/IconDocumentsettings.tsx +11 -0
- package/src/icons/components/IconDocumenttif.tsx +11 -0
- package/src/icons/components/IconDocumenttxt.tsx +11 -0
- package/src/icons/components/IconDocumentunknown.tsx +11 -0
- package/src/icons/components/IconDocumentxls.tsx +11 -0
- package/src/icons/components/IconDocumentxlsx.tsx +11 -0
- package/src/icons/components/IconFilerequest.tsx +11 -0
- package/src/icons/components/IconFilesend.tsx +11 -0
- package/src/icons/components/IconFileshare.tsx +11 -0
- package/src/icons/components/IconFindinpage.tsx +11 -0
- package/src/icons/components/IconFolder.tsx +11 -0
- package/src/icons/components/IconFolderbookmarks.tsx +11 -0
- package/src/icons/components/IconFolderfavorites.tsx +11 -0
- package/src/icons/components/IconFolderlocked.tsx +11 -0
- package/src/icons/components/IconFoldermovefiles.tsx +11 -0
- package/src/icons/components/IconFolderpublic.tsx +11 -0
- package/src/icons/components/IconFolderrated.tsx +11 -0
- package/src/icons/components/IconFolderrequest.tsx +11 -0
- package/src/icons/components/IconForm.tsx +11 -0
- package/src/icons/components/IconFormadd.tsx +11 -0
- package/src/icons/components/IconForms.tsx +11 -0
- package/src/icons/components/IconGraphincreasing.tsx +11 -0
- package/src/icons/components/IconGraphlow.tsx +11 -0
- package/src/icons/components/IconGraphtable.tsx +11 -0
- package/src/icons/components/IconHealthreport.tsx +11 -0
- package/src/icons/components/IconHubmode.tsx +11 -0
- package/src/icons/components/IconInfrastructure.tsx +11 -0
- package/src/icons/components/IconInterestlow.tsx +11 -0
- package/src/icons/components/IconLte.tsx +11 -0
- package/src/icons/components/IconNetworkfuture.tsx +11 -0
- package/src/icons/components/IconPagesettings.tsx +11 -0
- package/src/icons/components/IconPptxdoc.tsx +11 -0
- package/src/icons/components/IconPreferrednumber.tsx +11 -0
- package/src/icons/components/IconPremiumnumber.tsx +11 -0
- package/src/icons/components/IconProjection.tsx +11 -0
- package/src/icons/components/IconRequest.tsx +11 -0
- package/src/icons/components/IconRoutestraffic.tsx +11 -0
- package/src/icons/components/IconTechnology.tsx +11 -0
- package/src/icons/components/IconVolte.tsx +11 -0
- package/src/icons/components/IconVonr.tsx +11 -0
- package/src/icons/components/IconVowifi.tsx +11 -0
- package/src/icons/components/IconVpndata.tsx +11 -0
- package/src/icons/components/index.ts +73 -0
- package/src/icons/registry.ts +293 -1
- package/src/utils/GlassFill/GlassFill.tsx +59 -56
- package/src/utils/index.ts +2 -0
- package/src/utils/react-utils.ts +72 -1
- package/src/utils/shadow.ts +219 -0
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ScrollView, type ScrollViewProps, type StyleProp, type ViewStyle } from 'react-native';
|
|
3
|
+
import type { Modes } from '../../design-tokens';
|
|
4
|
+
/**
|
|
5
|
+
* Axis (or axes) along which the content can be scrolled.
|
|
6
|
+
*
|
|
7
|
+
* - `vertical` (default) — content taller than the viewport scrolls up/down.
|
|
8
|
+
* - `horizontal` — content wider than the viewport scrolls left/right.
|
|
9
|
+
* - `both` — content larger on either axis scrolls in both directions
|
|
10
|
+
* (implemented as a horizontal `ScrollView` nested in a vertical one).
|
|
11
|
+
*/
|
|
12
|
+
export type ScrollDirection = 'vertical' | 'horizontal' | 'both';
|
|
13
|
+
export interface ScrollAreaProps extends Omit<ScrollViewProps, 'horizontal' | 'contentContainerStyle' | 'children'> {
|
|
14
|
+
/** Content that may be larger than the viewport. */
|
|
15
|
+
children?: React.ReactNode;
|
|
16
|
+
/**
|
|
17
|
+
* Scroll axis. Defaults to `vertical`.
|
|
18
|
+
* @default 'vertical'
|
|
19
|
+
*/
|
|
20
|
+
direction?: ScrollDirection;
|
|
21
|
+
/**
|
|
22
|
+
* Whether to show the native scroll indicator (scrollbar). Mirrors the Figma
|
|
23
|
+
* design, which has no visible scrollbar, so this defaults to `false`.
|
|
24
|
+
* @default false
|
|
25
|
+
*/
|
|
26
|
+
showScrollIndicator?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Padding applied to all sides of the scrollable content. Individual sides
|
|
29
|
+
* (`paddingHorizontal`, `paddingTop`, …) take precedence when provided.
|
|
30
|
+
* @default 0
|
|
31
|
+
*/
|
|
32
|
+
padding?: number;
|
|
33
|
+
/** Left + right padding of the scrollable content. */
|
|
34
|
+
paddingHorizontal?: number;
|
|
35
|
+
/** Top + bottom padding of the scrollable content. */
|
|
36
|
+
paddingVertical?: number;
|
|
37
|
+
/** Top padding of the scrollable content. */
|
|
38
|
+
paddingTop?: number;
|
|
39
|
+
/** Right padding of the scrollable content. */
|
|
40
|
+
paddingRight?: number;
|
|
41
|
+
/** Bottom padding of the scrollable content. */
|
|
42
|
+
paddingBottom?: number;
|
|
43
|
+
/** Left padding of the scrollable content. */
|
|
44
|
+
paddingLeft?: number;
|
|
45
|
+
/**
|
|
46
|
+
* Style for the viewport (the visible, clipping window). Constrain the
|
|
47
|
+
* scroll area's size here, e.g. `{ height: 240 }` or `{ flex: 1 }`. The
|
|
48
|
+
* component intentionally has no background of its own.
|
|
49
|
+
*/
|
|
50
|
+
style?: StyleProp<ViewStyle>;
|
|
51
|
+
/** Style for the scrollable content wrapper (sits inside the viewport). */
|
|
52
|
+
contentContainerStyle?: StyleProp<ViewStyle>;
|
|
53
|
+
/** Modes object for design-token resolution, cascaded to all children. */
|
|
54
|
+
modes?: Modes;
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* ScrollArea — a transparent, size-constrained viewport that makes content
|
|
58
|
+
* larger than itself smoothly scrollable (Figma node 6319:46886).
|
|
59
|
+
*
|
|
60
|
+
* It has no background of its own; constrain its size through `style`
|
|
61
|
+
* (`height`, `maxHeight`, or `flex`) and drop any over-sized content inside.
|
|
62
|
+
*
|
|
63
|
+
* @example
|
|
64
|
+
* // Vertical (default): a tall column inside a fixed-height window.
|
|
65
|
+
* <ScrollArea style={{ height: 240 }}>
|
|
66
|
+
* <LongContent />
|
|
67
|
+
* </ScrollArea>
|
|
68
|
+
*
|
|
69
|
+
* @example
|
|
70
|
+
* // Horizontal: a wide row of cards inside a full-width window.
|
|
71
|
+
* <ScrollArea direction="horizontal">
|
|
72
|
+
* <Card /> <Card /> <Card />
|
|
73
|
+
* </ScrollArea>
|
|
74
|
+
*/
|
|
75
|
+
export declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<ScrollView>>;
|
|
76
|
+
export default ScrollArea;
|
|
77
|
+
//# sourceMappingURL=ScrollArea.d.ts.map
|
|
@@ -23,10 +23,19 @@ export type TextProps = {
|
|
|
23
23
|
numberOfLines?: number;
|
|
24
24
|
/**
|
|
25
25
|
* When `true`, disables text truncation entirely: the trailing ellipsis (`…`)
|
|
26
|
-
* is never shown and any `numberOfLines` clamp is ignored
|
|
27
|
-
*
|
|
26
|
+
* is never shown and any `numberOfLines` clamp is ignored. The text is also
|
|
27
|
+
* never shrunk by a tight parent — it keeps its full intrinsic size and
|
|
28
|
+
* overflows (even breaking the parent layout) rather than clipping into an
|
|
29
|
+
* ellipsis. It still wraps onto multiple lines.
|
|
28
30
|
*/
|
|
29
31
|
disableTruncation?: boolean;
|
|
32
|
+
/**
|
|
33
|
+
* When `true`, forces the text onto a single line with no wrapping (implies
|
|
34
|
+
* {@link disableTruncation}). On web the line overflows horizontally —
|
|
35
|
+
* brutally breaking the parent layout if it has to — instead of wrapping or
|
|
36
|
+
* truncating.
|
|
37
|
+
*/
|
|
38
|
+
singleLine?: boolean;
|
|
30
39
|
/**
|
|
31
40
|
* Explicit per-instance loading override. When `true`, this `Text` renders
|
|
32
41
|
* a skeleton placeholder regardless of any surrounding `<SkeletonGroup>`.
|
|
@@ -47,6 +56,6 @@ export type TextProps = {
|
|
|
47
56
|
*/
|
|
48
57
|
skeletonLines?: number;
|
|
49
58
|
};
|
|
50
|
-
declare function Text({ text, children, textAlign, modes, style, numberOfLines, disableTruncation, loading, skeletonWidth, skeletonLines, }: TextProps): import("react/jsx-runtime").JSX.Element;
|
|
59
|
+
declare function Text({ text, children, textAlign, modes, style, numberOfLines, disableTruncation, singleLine, loading, skeletonWidth, skeletonLines, }: TextProps): import("react/jsx-runtime").JSX.Element;
|
|
51
60
|
export default Text;
|
|
52
61
|
//# sourceMappingURL=Text.d.ts.map
|
|
@@ -56,10 +56,19 @@ export type TextSegmentProps = {
|
|
|
56
56
|
numberOfLines?: number;
|
|
57
57
|
/**
|
|
58
58
|
* When `true`, disables truncation entirely: the trailing ellipsis (`…`) is
|
|
59
|
-
* never shown and the `numberOfLines` clamp is ignored
|
|
60
|
-
*
|
|
59
|
+
* never shown and the `numberOfLines` clamp is ignored. The paragraph is also
|
|
60
|
+
* never shrunk by a tight parent — it keeps its full intrinsic size and
|
|
61
|
+
* overflows (even breaking the parent layout) rather than clipping into an
|
|
62
|
+
* ellipsis. It still wraps onto multiple lines.
|
|
61
63
|
*/
|
|
62
64
|
disableTruncation?: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* When `true`, forces the whole paragraph onto a single line with no wrapping
|
|
67
|
+
* (implies {@link disableTruncation}). On web the line overflows horizontally
|
|
68
|
+
* — brutally breaking the parent layout if it has to — instead of wrapping or
|
|
69
|
+
* truncating.
|
|
70
|
+
*/
|
|
71
|
+
singleLine?: boolean;
|
|
63
72
|
/** Mode configuration used for the base style and cascaded to every run/child. */
|
|
64
73
|
modes?: Modes;
|
|
65
74
|
/** Style override applied to the outer paragraph (e.g. width constraints to force wrapping). */
|
|
@@ -100,7 +109,7 @@ export type TextSegmentProps = {
|
|
|
100
109
|
* </TextSegment>
|
|
101
110
|
* ```
|
|
102
111
|
*/
|
|
103
|
-
declare function TextSegment({ segments, children, textAlign, numberOfLines, disableTruncation, modes, style, }: TextSegmentProps): import("react/jsx-runtime").JSX.Element;
|
|
112
|
+
declare function TextSegment({ segments, children, textAlign, numberOfLines, disableTruncation, singleLine, modes, style, }: TextSegmentProps): import("react/jsx-runtime").JSX.Element;
|
|
104
113
|
declare const _default: React.MemoExoticComponent<typeof TextSegment>;
|
|
105
114
|
export default _default;
|
|
106
115
|
//# sourceMappingURL=TextSegment.d.ts.map
|
|
@@ -16,12 +16,22 @@ export type TitleProps = {
|
|
|
16
16
|
/**
|
|
17
17
|
* When `true`, disables truncation for both the title and subtitle: the
|
|
18
18
|
* trailing ellipsis (`…`) is never shown and the `numberOfLines` clamp is
|
|
19
|
-
* ignored
|
|
19
|
+
* ignored. The text is also never shrunk by a tight parent — it keeps its
|
|
20
|
+
* full intrinsic size and overflows (even breaking the parent layout) rather
|
|
21
|
+
* than ever clipping into an ellipsis. The text still wraps onto multiple
|
|
22
|
+
* lines.
|
|
20
23
|
*/
|
|
21
24
|
disableTruncation?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* When `true`, forces both the title and subtitle onto a single line with no
|
|
27
|
+
* wrapping (implies {@link disableTruncation}). On web the line overflows
|
|
28
|
+
* horizontally — brutally breaking the parent layout if it has to — instead
|
|
29
|
+
* of wrapping or truncating.
|
|
30
|
+
*/
|
|
31
|
+
singleLine?: boolean;
|
|
22
32
|
accessibilityLabel?: string;
|
|
23
33
|
accessibilityHint?: string;
|
|
24
34
|
} & React.ComponentProps<typeof View>;
|
|
25
|
-
declare function Title({ title, subtitle, textAlign, modes: propModes, style, textStyle, subtitleStyle, numberOfLines, disableTruncation, accessibilityLabel, accessibilityHint, ...rest }: TitleProps): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
declare function Title({ title, subtitle, textAlign, modes: propModes, style, textStyle, subtitleStyle, numberOfLines, disableTruncation, singleLine, accessibilityLabel, accessibilityHint, ...rest }: TitleProps): import("react/jsx-runtime").JSX.Element;
|
|
26
36
|
export default Title;
|
|
27
37
|
//# sourceMappingURL=Title.d.ts.map
|
|
@@ -15,6 +15,7 @@ export { default as CardAdvisory, type CardAdvisoryProps } from './CardAdvisory/
|
|
|
15
15
|
export { default as CardBankAccount, type CardBankAccountProps, type CardBankAccountItem } from './CardBankAccount/CardBankAccount';
|
|
16
16
|
export { default as Carousel } from './Carousel/Carousel';
|
|
17
17
|
export type { CarouselProps, CarouselItemProps, PaginationProps } from './Carousel/Carousel';
|
|
18
|
+
export { default as CarouselCardAccounts, type CarouselCardAccountsProps } from './CarouselCardAccounts/CarouselCardAccounts';
|
|
18
19
|
export { default as Checkbox, type CheckboxProps } from './Checkbox/Checkbox';
|
|
19
20
|
export { default as CheckboxItem, type CheckboxItemProps } from './CheckboxItem/CheckboxItem';
|
|
20
21
|
export { default as CheckboxGroup, type CheckboxGroupProps } from './CheckboxGroup/CheckboxGroup';
|
|
@@ -69,6 +70,7 @@ export { default as Numpad, type NumpadProps, type NumpadKeyValue } from './Nump
|
|
|
69
70
|
export { default as Overlay, type OverlayProps } from './Overlay/Overlay';
|
|
70
71
|
export { default as Title, type TitleProps } from './Title/Title';
|
|
71
72
|
export { default as Screen, type ScreenProps } from './Screen/Screen';
|
|
73
|
+
export { default as ScrollArea, type ScrollAreaProps, type ScrollDirection } from './ScrollArea/ScrollArea';
|
|
72
74
|
export { default as Section } from './Section/Section';
|
|
73
75
|
export { default as Slider, type SliderProps, type SliderHandle } from './Slider/Slider';
|
|
74
76
|
export { default as Slot, type SlotProps, type SlotLayoutDirection } from './Slot/Slot';
|
|
@@ -47,7 +47,7 @@ export declare const FIGMA_MODES: {
|
|
|
47
47
|
readonly "Card Feedback / Output": readonly ["Default"];
|
|
48
48
|
readonly "Card.Media": readonly ["Default"];
|
|
49
49
|
readonly "Card/CTA / Output": readonly ["Default"];
|
|
50
|
-
readonly "Card/Insight": readonly ["
|
|
50
|
+
readonly "Card/Insight": readonly ["Default"];
|
|
51
51
|
readonly "Card/ProviderInfo / Output": readonly ["Default"];
|
|
52
52
|
readonly "CardAdvisory / Output": readonly ["Default"];
|
|
53
53
|
readonly cardsShared: readonly ["Default"];
|
|
@@ -69,23 +69,25 @@ export declare const FIGMA_MODES: {
|
|
|
69
69
|
readonly "circularProgressBar / Output": readonly ["Default"];
|
|
70
70
|
readonly "circularProgressBar Size": readonly ["S", "M"];
|
|
71
71
|
readonly "clusterBubble / Output": readonly ["Default"];
|
|
72
|
-
readonly coincard: readonly ["
|
|
72
|
+
readonly coincard: readonly ["Default"];
|
|
73
73
|
readonly "Color Mode": readonly ["Light", "Dark"];
|
|
74
|
-
readonly comparetablecell: readonly ["Mode 1"];
|
|
75
|
-
readonly comparetableheader: readonly ["Mode 1"];
|
|
76
74
|
readonly "Comparison Floating card": readonly ["Default"];
|
|
77
75
|
readonly ComparisonCardItem: readonly ["Default"];
|
|
78
76
|
readonly Confidence: readonly ["High", "Medium", "Low", "None"];
|
|
77
|
+
readonly "contentInset/Left": readonly ["Mode 1", "S", "M", "L"];
|
|
78
|
+
readonly "contentInset/Right": readonly ["Default", "S", "M", "L"];
|
|
79
79
|
readonly "ContentSheet / Output": readonly ["Default"];
|
|
80
80
|
readonly Context: readonly ["Default", "Nudge&Alert", "CTACard", "ListItem"];
|
|
81
|
+
readonly "context 8": readonly ["Default", "Section"];
|
|
82
|
+
readonly "context 9": readonly ["Default", "Stack"];
|
|
81
83
|
readonly Context2: readonly ["Default", "AppBar"];
|
|
82
84
|
readonly Context3: readonly ["Default", "Transaction Bubble", "Balance & Cards", "Amount Input"];
|
|
83
|
-
readonly Context4: readonly ["Default", "Chip", "Button"];
|
|
85
|
+
readonly Context4: readonly ["Default", "Chip", "Button", "Badge", "Badge/glass"];
|
|
84
86
|
readonly context5: readonly ["Default", "Fullscreen Modal"];
|
|
85
|
-
readonly context7: readonly ["Default", "Card"];
|
|
87
|
+
readonly context7: readonly ["Default", "Card", "Page Hero"];
|
|
86
88
|
readonly "Contrast Context": readonly ["on dark", "on light"];
|
|
87
89
|
readonly "Conversation Feed / Output": readonly ["Default"];
|
|
88
|
-
readonly "Counter Badge / Output": readonly ["
|
|
90
|
+
readonly "Counter Badge / Output": readonly ["Default"];
|
|
89
91
|
readonly "Coverage Bar Comparison / Output": readonly ["Default"];
|
|
90
92
|
readonly "CoverageRing / Output": readonly ["Mode 1"];
|
|
91
93
|
readonly "CTACard / Output": readonly ["Default"];
|
|
@@ -117,6 +119,7 @@ export declare const FIGMA_MODES: {
|
|
|
117
119
|
readonly "Handle Boolean": readonly ["False", "True"];
|
|
118
120
|
readonly "Heading / Output": readonly ["Default"];
|
|
119
121
|
readonly "Heading text": readonly ["Default", "Slot"];
|
|
122
|
+
readonly "HeroSection / Output": readonly ["Default"];
|
|
120
123
|
readonly "Holdings card / Output": readonly ["Default"];
|
|
121
124
|
readonly "HStack / Output": readonly ["Default"];
|
|
122
125
|
readonly "Icon / Output": readonly ["Default"];
|
|
@@ -141,13 +144,12 @@ export declare const FIGMA_MODES: {
|
|
|
141
144
|
readonly "listGroup / Output": readonly ["Default"];
|
|
142
145
|
readonly "ListItem State": readonly ["Idle", "Active"];
|
|
143
146
|
readonly "LottieIntroBlock / Output": readonly ["Default"];
|
|
144
|
-
readonly "Media / Output": readonly ["L", "M", "S"];
|
|
145
147
|
readonly MediaBlock: readonly ["IconCapsule", "Image"];
|
|
146
148
|
readonly "MerchantProfile / Output": readonly ["Default"];
|
|
147
149
|
readonly "Message Direction": readonly ["Incoming (Left)", "Outgoing (Right)"];
|
|
148
150
|
readonly "Message Row / Output": readonly ["Default"];
|
|
149
151
|
readonly "MessageField / Output": readonly ["Default"];
|
|
150
|
-
readonly metricdata: readonly ["
|
|
152
|
+
readonly metricdata: readonly ["Default"];
|
|
151
153
|
readonly "MetricLegendItem / Output": readonly ["Default"];
|
|
152
154
|
readonly "Money Value / Output": readonly ["Default"];
|
|
153
155
|
readonly "MonthlyStatusGrid / Output": readonly ["Default"];
|
|
@@ -162,21 +164,22 @@ export declare const FIGMA_MODES: {
|
|
|
162
164
|
readonly "OTP / Output": readonly ["Mode 1"];
|
|
163
165
|
readonly "Overlay / Output": readonly ["Mode 1"];
|
|
164
166
|
readonly Padding: readonly ["Default", "None"];
|
|
167
|
+
readonly "Page Hero / Output": readonly ["Default"];
|
|
165
168
|
readonly "Page type": readonly ["MainPage", "SubPage", "JioPlus"];
|
|
166
169
|
readonly "PageHero / Output": readonly ["Default"];
|
|
167
170
|
readonly "PaymnetFeedback / Output": readonly ["Default"];
|
|
168
|
-
readonly "PDP cc card": readonly ["
|
|
171
|
+
readonly "PDP cc card": readonly ["Default"];
|
|
169
172
|
readonly peekOffset: readonly ["Medium", "Small", "Large", "None"];
|
|
170
173
|
readonly Placement: readonly ["Prefix", "Suffix"];
|
|
171
174
|
readonly "PlanComparisonCard / Output": readonly ["Default"];
|
|
172
175
|
readonly "Popup / Output": readonly ["Default"];
|
|
173
176
|
readonly "PortfolioHero / Output": readonly ["Default"];
|
|
174
177
|
readonly PoweredByLabel: readonly ["Default"];
|
|
175
|
-
readonly "Product Merchandising card": readonly ["
|
|
178
|
+
readonly "Product Merchandising card": readonly ["Default"];
|
|
176
179
|
readonly "ProductLabel / Output": readonly ["Default"];
|
|
177
180
|
readonly "ProductOverview / Output": readonly ["Default"];
|
|
178
181
|
readonly "ProgressBadge / Output": readonly ["Default"];
|
|
179
|
-
readonly ProjectionMarker: readonly ["
|
|
182
|
+
readonly ProjectionMarker: readonly ["Default"];
|
|
180
183
|
readonly "QR code / Output": readonly ["Idle"];
|
|
181
184
|
readonly "Radio / Output": readonly ["Default"];
|
|
182
185
|
readonly Radius: readonly ["S", "M", "L", "None"];
|
|
@@ -185,6 +188,7 @@ export declare const FIGMA_MODES: {
|
|
|
185
188
|
readonly rotfl: readonly ["Default"];
|
|
186
189
|
readonly "SavingsGoalSummary / Output": readonly ["Default"];
|
|
187
190
|
readonly "Screen / Output": readonly ["Default"];
|
|
191
|
+
readonly "scrollArea/Padding": readonly ["Mode 1"];
|
|
188
192
|
readonly "SearchFilterBar / Output": readonly ["Default"];
|
|
189
193
|
readonly "Section / Output": readonly ["Defult"];
|
|
190
194
|
readonly "SectionBentoGrid / Output": readonly ["Default"];
|
|
@@ -194,11 +198,12 @@ export declare const FIGMA_MODES: {
|
|
|
194
198
|
readonly "SegmentedControl/Segment / Output": readonly ["Default"];
|
|
195
199
|
readonly "SegmentedTrack / Output": readonly ["Default"];
|
|
196
200
|
readonly Selectable: readonly ["False", "True"];
|
|
197
|
-
readonly
|
|
201
|
+
readonly "Selection Card": readonly ["Default"];
|
|
202
|
+
readonly "Selection Card Radius": readonly ["Default", "None"];
|
|
198
203
|
readonly "Semantic Intent": readonly ["Brand", "System"];
|
|
199
204
|
readonly Skeleton: readonly ["Mode 1"];
|
|
200
205
|
readonly "Slider / Output": readonly ["Default"];
|
|
201
|
-
readonly "Slot gap": readonly ["S", "M", "L", "XL"];
|
|
206
|
+
readonly "Slot gap": readonly ["S", "M", "L", "XL", "XS"];
|
|
202
207
|
readonly "special button": readonly ["Default"];
|
|
203
208
|
readonly "Spinner / Output": readonly ["Default"];
|
|
204
209
|
readonly "statGroup / Output": readonly ["Default"];
|
|
@@ -217,11 +222,13 @@ export declare const FIGMA_MODES: {
|
|
|
217
222
|
readonly "Swappable subComponent / Output": readonly ["Default"];
|
|
218
223
|
readonly "SwappableAmount / Output": readonly ["Default"];
|
|
219
224
|
readonly "tabItem / Output": readonly ["Default"];
|
|
225
|
+
readonly "Table Cell": readonly ["Default"];
|
|
226
|
+
readonly "Table Header": readonly ["Default"];
|
|
220
227
|
readonly "Tabs / Output": readonly ["Default"];
|
|
221
228
|
readonly TestimonialsCard: readonly ["Default"];
|
|
222
229
|
readonly "Text / Output": readonly ["Default"];
|
|
223
230
|
readonly "Text Appearance": readonly ["Neutral", "Primary", "Secondary", "Tertiary"];
|
|
224
|
-
readonly "Text Sizes": readonly ["Medium", "Small"];
|
|
231
|
+
readonly "Text Sizes": readonly ["Medium", "Small", "Large"];
|
|
225
232
|
readonly "textInput / Output": readonly ["Default"];
|
|
226
233
|
readonly "TextSegment / Output": readonly ["Default"];
|
|
227
234
|
readonly "Thread Hero / Output": readonly ["Default"];
|
|
@@ -239,6 +246,7 @@ export declare const FIGMA_MODES: {
|
|
|
239
246
|
readonly "TransationDetails / Output": readonly ["Default"];
|
|
240
247
|
readonly "UPI Handle / Output": readonly ["Default"];
|
|
241
248
|
readonly "ValueBar / Output": readonly ["Default"];
|
|
249
|
+
readonly "Video / Output": readonly ["L", "M", "S"];
|
|
242
250
|
readonly "VStack / Output": readonly ["Default"];
|
|
243
251
|
readonly Weight: readonly ["Medium", "Regular", "Bold"];
|
|
244
252
|
};
|