@revolut/ui-kit-miniapp 0.3.2 → 0.3.4
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/package.json +1 -1
- package/types/index.d.ts +98 -62
package/package.json
CHANGED
package/types/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React__default from 'react';
|
|
3
|
-
import React__default__default from 'react';
|
|
3
|
+
import React__default__default, { ReactNode } from 'react';
|
|
4
4
|
import * as ReactTable from 'react-table';
|
|
5
5
|
import { IdType, UseTableOptions, UseExpandedOptions, UseFiltersOptions, UseResizeColumnsOptions, UseRowSelectOptions, UseRowStateOptions, UseSortByOptions, UseGroupByOptions, UseExpandedHooks, UseGroupByHooks, UseRowSelectHooks, UseSortByHooks, UseColumnOrderInstanceProps, UseExpandedInstanceProps, UseFiltersInstanceProps, UseGlobalFiltersInstanceProps, UsePaginationInstanceProps, UseRowSelectInstanceProps, UseRowStateInstanceProps, UseSortByInstanceProps, Row, UseColumnOrderState, UseExpandedState, UseFiltersState, UseGlobalFiltersState, UseGroupByState, UsePaginationState, UseResizeColumnsState, UseRowSelectState, UseRowStateState, UseSortByState, UseFiltersColumnProps, UseGroupByColumnProps, UseResizeColumnsColumnProps, UseSortByColumnProps, UseGroupByCellProps, UseRowStateCellProps, UseExpandedRowProps, UseGroupByRowProps, UseRowSelectRowProps, UseRowStateRowProps } from 'react-table';
|
|
6
6
|
import * as CSS from 'csstype';
|
|
@@ -1352,7 +1352,7 @@ type ElevationLevel = ValueOf<typeof ElevationLevel>;
|
|
|
1352
1352
|
/**
|
|
1353
1353
|
* Docs: {@link https://ui-kit.revolut.codes/design-system/radii Radius}
|
|
1354
1354
|
*/
|
|
1355
|
-
declare const Radius: {
|
|
1355
|
+
declare const Radius$1: {
|
|
1356
1356
|
readonly NONE: "unset";
|
|
1357
1357
|
readonly R2: "r2";
|
|
1358
1358
|
readonly R4: "r4";
|
|
@@ -1372,7 +1372,7 @@ declare const Radius: {
|
|
|
1372
1372
|
readonly RD400: "rd400";
|
|
1373
1373
|
readonly RD600: "rd600";
|
|
1374
1374
|
};
|
|
1375
|
-
type Radius = ValueOf<typeof Radius>;
|
|
1375
|
+
type Radius$1 = ValueOf<typeof Radius$1>;
|
|
1376
1376
|
|
|
1377
1377
|
/**
|
|
1378
1378
|
* Docs: {@link https://ui-kit.revolut.codes/design-system/sizes Size}
|
|
@@ -1523,7 +1523,7 @@ type ImageSetWithFallback = {
|
|
|
1523
1523
|
} & ImageSet;
|
|
1524
1524
|
type ImageProp$1 = ImageURL | ImageSetWithFallback;
|
|
1525
1525
|
|
|
1526
|
-
type IconName = 'Aani' | 'Accessibility' | 'AccountActions' | 'AccountRefused' | 'Activities' | 'AddContact' | 'AddProduct' | 'Ai' | 'AirplaneArrival' | 'AirplaneCar' | 'AirplaneDeparture' | 'Airtel' | 'Alipay' | 'AllTime' | 'AmexPay|image' | 'AndroidFace' | 'Animals' | 'Anonymous' | 'ApplePay|image' | 'AppNotifications' | 'Apps' | 'Archive' | 'ArrowBackspace' | 'ArrowBulk' | 'ArrowBulkRequest' | 'ArrowCollapsed' | 'ArrowDown' | 'ArrowDowngrade' | 'ArrowDropdown' | 'ArrowExchange' | 'ArrowExchangeCrossed' | 'ArrowExpanded' | 'ArrowFastForward' | 'ArrowHookLeft' | 'ArrowHookRight' | 'ArrowHookUp' | 'ArrowMove' | 'ArrowNavigation' | 'ArrowPinAbove' | 'ArrowPinBelow' | 'ArrowPinBetween' | 'ArrowPinLeft' | 'ArrowPinRight' | 'ArrowRates' | 'ArrowRatesDown' | 'ArrowRepeat' | 'ArrowRequest' | 'ArrowRightLeft' | 'ArrowSend' | 'ArrowShuffle' | 'ArrowSplit' | 'ArrowsSort' | 'ArrowTabKey' | 'ArrowThinDown' | 'ArrowThinDownLeft' | 'ArrowThinLeft' | 'ArrowThinRight' | 'ArrowThinTopRight' | 'ArrowThinUp' | 'ArrowTopDown' | 'ArrowUp' | 'ArrowUpgrade' | 'ArrowWrap' | 'Atm' | 'AutoExchange' | 'AutoTopup' | 'AvatarGrid' | 'BackButtonArrow' | 'Backpack' | 'BalanceSheet' | 'Bank' | 'BankAfterHours' | 'BankId' | 'BarChart' | 'BarChartDecreasing' | 'BarChartPercent' | 'BarChartSearch' | 'BarChartWaterfall' | 'Basketball' | 'Battery0' | 'Battery15' | 'Battery25' | 'Battery35' | 'Battery50' | 'Battery65' | 'Battery85' | 'Battery100' | 'BatteryCharging' | 'BatteryWarning' | 'Bell' | 'BellAdd' | 'BellAddOutline' | 'BellCrossed' | 'BellOutline' | 'Bicycle' | 'Binoculars' | 'Bitcoin' | 'Bizum' | 'BKash' | 'Blik' | 'BlikCircle' | 'Bluetooth' | 'Bnpl' | 'Boost' | 'BottomNavigation' | 'BottomTab' | 'Bpay' | 'BreB' | 'BreBFull' | 'BriefcaseCoins' | 'BriefcasePercent' | 'BrokenHeart' | 'Browser' | 'Bug' | 'BulkSelection' | 'Bullet1' | 'Bullet2' | 'Bullet3' | 'Bullet4' | 'Bullet5' | 'Bullet6' | 'Bullet7' | 'Bullet8' | 'Bullet9' | 'Bullet10' | 'BulletA' | 'BulletB' | 'BulletC' | 'BulletD' | 'BusinessBasic' | 'BusinessEnterprise' | 'BusinessGrow' | 'BusinessScale' | 'CabinBag' | 'Cake' | 'Calculator' | 'Calendar' | 'CalendarCheck' | 'CalendarCoins' | 'CalendarDate' | 'CalendarNextEvent' | 'CalendarQuarter' | 'CalendarRecurring' | 'CalendarWeek' | 'Call' | 'Camera' | 'CameraAdd' | 'Candle' | 'CandlestickChart' | 'Captions' | 'CaptionsOn' | 'Card' | 'CardBank' | 'CardCheck' | 'CardCode|image' | 'CardExpired' | 'CardExpiry|image' | 'CardNumber|image' | 'CardReader' | 'CardSecurity' | 'CardShield' | 'CardTerminal' | 'Carousel' | 'Cart' | 'Cash' | 'Cashback' | 'CashBlocked' | 'CashFlow' | 'CashIncome' | 'Celebration' | 'Cellular' | 'CenterPoint' | 'Cfd' | 'Chair' | 'ChangePasscode' | 'ChartExclude' | 'Chat' | 'ChatOutline' | 'Check' | 'CheckboxMultiple' | 'CheckboxOff' | 'CheckboxOn' | 'CheckSuccess' | 'CheckVerification' | 'Cheque' | 'ChevronDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'Children' | 'Cinema' | 'CircleProfile' | 'Claim' | 'Cleaning' | 'Click2Pay' | 'ClickUp|image' | 'Clip' | 'Clipboard' | 'Cloud' | 'CloudCrossed' | 'CloudSql' | 'CloudStorage' | 'CodeRepository' | 'Coffee' | 'Coins' | 'CoinsEarning' | 'CoinsSearch' | 'CoinsShield' | 'Commodities' | 'Communication' | 'CompanyFilled' | 'CompanyOutline' | 'Compare' | 'Concierge' | 'Confluence' | 'ConnectionGrid' | 'Contactless' | 'Contrast' | 'Controls' | 'Cookie' | 'Copy' | 'CormorantGaramond' | 'Credit' | 'CreditBag' | 'CreditCard' | 'CreditOverdraft' | 'CreditPart' | 'CreditPartBalance' | 'Cross' | 'CrossCircle' | 'CrossSmall' | 'CrossVoid' | 'Crutch' | 'CryptoBlockchain' | 'CryptoBrick' | 'CryptoLayer' | 'CryptoLayers' | 'CryptoStablecoin' | 'CrystalBall' | 'Dap' | 'Data' | 'Database' | 'DataLimit' | 'DataLimitCompactFull' | 'DataLimitCompactLow' | 'DataLimitCompactMid' | 'DataLimitFull' | 'DataLimitHalf' | 'DataLimitLow' | 'Delete' | 'DeliveryCar' | 'DepositProtection' | 'DesktopShop' | 'DesktopTerminal' | 'DeviceDown' | 'Document' | 'DocumentChecked' | 'DocumentPending' | 'DocumentRevolut' | 'DocumentSearch' | 'DocumentsPair' | 'DollarsAndShares' | 'Dot' | 'DoubleThumbs' | 'Download' | 'DoXGetY' | 'Drag' | 'Draw' | 'DrawFibonacciTime' | 'DrawHorizontalLine' | 'Drawing' | 'DrawParallelChannel' | 'DrawPriceRange' | 'DrawTrendline' | 'DrawVerticalLine' | 'DrivingLicence' | 'Drone' | 'Drop' | 'Duplicate' | 'EditorUnderline' | 'Ellipsis' | 'Emoji' | 'Entertainment' | 'Envelope' | 'EnvelopeSearch' | 'Eraser' | 'ESimInstallation' | 'ESimNoData' | 'ESimPreparation' | 'Excel' | 'ExclamationMark' | 'ExclamationMarkOutline' | 'ExclamationTriangle' | 'ExitFullscreen' | 'Expand' | 'EyeDropper' | 'EyeHide' | 'EyeOutline' | 'EyeShow' | 'FaceId' | 'FamilyPortrait' | 'Fashion' | 'Fastfood' | 'Fees' | 'Figma' | 'Filter' | 'Fingerprint' | 'Fitness' | 'Flag' | 'FlagSwitzerland' | 'Flame' | 'FloatingModal' | 'Folder' | 'FolderOpen' | 'Football' | 'Form' | 'Fruit' | 'Fscs' | 'GameCube' | 'Gear' | 'Generate' | 'Ghost' | 'Gia' | 'Gift' | 'Globe' | 'GlobeP2P' | 'GooglePay|image' | 'Groceries' | 'GroupVault' | 'GrowthHub' | 'Hammer' | 'Hand' | 'Handle' | 'Hash' | 'Headset' | 'Heart' | 'HeartOutline' | 'HeartRecurring' | 'HelpChat' | 'HelpChatOutline' | 'HiBob' | 'History' | 'Home' | 'Hotel' | 'HotelArrowsLeftRight' | 'IdBackSide' | 'Ideal' | 'Image' | 'Inbox' | 'InboxAdd' | 'IndustrialGear' | 'Info' | 'InfoOutline' | 'InfoSign' | 'Insurance' | 'Invest' | 'InviteEmoji' | 'Iris' | 'Isa' | 'Issue' | 'JackOLantern' | 'Jira|image' | 'JiraBug|image' | 'JiraEpic|image' | 'JiraOther|image' | 'JiraStory|image' | 'JiraSubtask|image' | 'JiraTask|image' | 'Joint' | 'Karma|image' | 'Key' | 'Keyboard' | 'KubernetesEngine' | 'Lab' | 'Language' | 'Laptop' | 'Laugh' | 'LayoutLeft' | 'LayoutRight' | 'LayoutVertical' | 'Lever' | 'Library' | 'LibraryOff' | 'Lifestyle' | 'Lightbulb' | 'Lightning' | 'LightningAuto' | 'LightningOff' | 'LightningOutline' | 'LikeDislike' | 'LimitHigh' | 'LimitLow' | 'LineChart' | 'Link' | 'LinkExternal' | 'LinkExternalSimple' | 'ListClose' | 'ListSearch' | 'LiveActivity' | 'Loading' | 'LoanChecked' | 'LocationArrow' | 'LocationArrowOutline' | 'LocationPin' | 'LockClosed' | 'LockOpened' | 'Logo2Fa' | 'Logo5G' | 'LogoAirplus|image' | 'LogoAirplusColour|image' | 'LogoAmazon' | 'LogoAmex|image' | 'LogoAmexColour|image' | 'LogoAndroid' | 'LogoAppleTapToPay' | 'LogoAppleTapToPayFilled' | 'LogoChatGpt' | 'LogoClaude|image' | 'LogoDinersClub|image' | 'LogoDinersClubColour|image' | 'LogoDiscover|image' | 'LogoDiscoverColour|image' | 'LogoFacebook' | 'LogoFacebookMessenger' | 'LogoGithub' | 'LogoGoogle|image' | 'LogoGoogleGemini|image' | 'LogoInstagram' | 'LogoInstagramFilled' | 'LogoIOs' | 'LogoJcb|image' | 'LogoJcbColour|image' | 'LogoLinkedIn' | 'LogoMa|image' | 'LogoMc|image' | 'LogoMcMetal|image' | 'LogoMcPremium|image' | 'LogoMicrosoft|image' | 'LogoMicrosoftCopilot|image' | 'LogoPix|image' | 'LogoPixFilled' | 'LogoPixOutline' | 'LogoRevolut' | 'LogoRevolutColour|image' | 'LogoRupay' | 'LogoSlack' | 'LogoTikTok' | 'LogoTwitter' | 'LogoutDoor' | 'LogoVisa' | 'LogoVisaColour|image' | 'LogoWhatsApp' | 'LogoYahoo|image' | 'LogoYoutube' | 'Lounges' | 'Map' | 'MapMarkerHide' | 'MapMarkerShow' | 'MapPoint' | 'MarketOrder' | 'Materials' | 'MbWay' | 'MedicalBed' | 'MedicalCross' | 'Medkit' | 'Megaphone' | 'Meme' | 'MemoryStore' | 'Menu' | 'Merchant' | 'Merge' | 'MergeBranch' | 'Message' | 'Microphone' | 'Minus' | 'MinusCircle' | 'Moon' | 'MoreAndroid' | 'MoreIOs' | 'Mortgage' | 'Mpesa' | 'Mtn' | 'NationalId' | 'NavigationBack' | 'NavigationDown' | 'NavigationForward' | 'NavigationSwipe' | 'NavigationUp' | 'NearMe' | 'NewAccount' | 'Newspaper' | 'Nft' | 'NoBoost' | 'NoCall' | 'NoCamera' | 'NoClip' | 'NoMail' | 'NoMicrophone' | 'NoSmartphone' | 'NoVideoCall' | 'OrangeMoney' | 'OrderDownwards' | 'OrderUpwards' | 'Outdoor' | 'Overdraft' | 'PagoPa' | 'Palette' | 'Paragraph' | 'Parisienne' | 'Parking' | 'Passkey' | 'Passport' | 'PassportChip' | 'Pause' | 'PayId' | 'PaymentsRecurring' | 'PayNow' | 'PayNowBrandMark' | 'PayrollFolder' | 'PayTo' | 'Peakon|image' | 'Pencil' | 'PencilSpark' | 'People' | 'Percent' | 'Performance' | 'PersonChecked' | 'PhoneBook' | 'PhoneCall' | 'Pickup' | 'PieChart' | 'PieChartCircle' | 'Pin' | 'PlaneArrowsLeftRight' | 'PlaneSeat' | 'PlanPlus' | 'PlanPremium' | 'PlanTitan' | 'PlanUltra' | 'Play' | 'PlayOutline' | 'Plug' | 'Plus' | 'PlusCircle' | 'PnL' | 'Pocket' | 'Pointer' | 'Pointsback' | 'Pool' | 'PortfolioAggrasive' | 'PortfolioAggressiveGrowth' | 'PortfolioBalanced' | 'PortfolioBalancedBundle' | 'PortfolioBoldStack' | 'PortfolioConservative' | 'PortfolioDefensive' | 'PortfolioGrowth' | 'PortfolioModerate' | 'PortfolioSlowAndSteady' | 'PosTablet' | 'Premium' | 'Present' | 'PresentArrow' | 'PresentPlus' | 'PriceTag' | 'Printer' | 'Profile' | 'Pse' | 'Push' | 'Puzzle' | 'Qr' | 'Question' | 'Questionnaire' | 'QuestionOutline' | 'QuestionSign' | 'Qvik' | 'RadiobuttonOff' | 'RadiobuttonOn' | 'Rainbow' | 'RatesCircle' | 'RatesConverter' | 'RatesConverterPage' | 'Receipt' | 'Recurring' | 'Refinancing' | 'RefinancingCard' | 'RefinancingHome' | 'RegionAfrica' | 'RegionAsiaPacific' | 'RegionEurope' | 'RegionGlobal' | 'RegionMiddleEast' | 'RegionNorthAmerica' | 'RegionSouthAmerica' | 'RepairTool' | 'Repayment' | 'ResidencePermit' | 'Resort' | 'Restaurants' | 'Retry' | 'Reverted' | 'RevertLeft' | 'RevertRight' | 'RevolutIdProtected' | 'RevolutIdUser' | 'RevolutU18' | 'RevPoints' | 'RoboAdvisor' | 'RobotoCondensed' | 'RobotoRegular' | 'Rocket' | 'RPoint' | 'RulerOutline' | 'RulerSolid' | 'Salary' | 'SavingsVault' | 'ScanCard' | 'ScanQr' | 'Scatter' | 'Scissors' | 'Search' | 'SecureSeal' | 'SelfieStick' | 'SendMessage' | 'SensitiveInfo' | 'Services' | 'ShakeDevice' | 'ShareAndroid' | 'ShareIOs' | 'Shield' | 'Shopping' | 'ShoppingShield' | 'Shower' | 'SidePanel' | 'SidePanelLeft' | 'SimCard' | 'Siren' | 'Size' | 'SmartDelay' | 'Smartphone' | 'SmartphoneBroken' | 'SmartphoneConfirm' | 'SmartphoneShield' | 'SmartphoneUmbrella' | 'SmartphoneWarning' | 'Smoking' | 'Snowflake' | 'SocialDislike' | 'SocialDislikeStroke' | 'SocialLike' | 'SocialLikeStroke' | 'Sound' | 'SoundOff' | 'Spa' | 'Spin' | 'SportEquipment' | 'Stamp' | 'StarEmpty' | 'StarFilled' | 'StarSemi' | 'Statement' | 'Sticker' | 'StickerFilled' | 'Stop' | 'Student' | 'Suitcase' | 'SuitcaseInsurance' | 'Sun' | 'Sunrise' | 'SunriseOutline' | 'Surprise' | 'Swish' | 'Switches' | 'SwitchOff' | 'SwitchOn' | 'SwitchToRevolut' | 'SymbolChange' | 'Sympathizing' | 'Table' | 'Tablet' | 'Target' | 'TargetDarts' | 'Tech' | 'Television' | 'Text' | 'ThankYou' | 'Thread' | 'Time' | 'TimeAndMoney' | 'Timeline' | 'TimeOutline' | 'Tooth' | 'TotalValue' | 'Toy' | 'Transcript' | 'Translation' | 'Transport' | 'Travel' | 'TravelCashback' | 'Trophy' | 'TrophyHalf' | 'TurboTransfer' | 'Unarchive' | 'Unknown' | 'Unlimited' | 'Unlink' | 'Unmerge' | 'Unpin' | 'Upi' | 'Upi2' | 'Upload' | 'UsersSearch' | 'Utilities' | 'Variable' | 'Vault' | 'Vegan' | 'VerifiedService' | 'VerticalExpand' | 'ViaVerde' | 'VideoCall' | 'ViewGrid' | 'ViewListLarge' | 'ViewListMedium' | 'ViewListSmall' | 'VirtualMachine' | 'VisaDocument' | 'Voucher' | 'Wallet' | 'Watch' | 'Wealth' | 'WealthDown' | 'WealthProtection' | 'Webhook' | 'Wero' | 'WeroFull' | 'Wheelchair' | 'Widgets' | 'Wine' | 'WizardHat' | 'Workflow' | 'Yellowtail' | 'ZoomIn' | 'ZoomOut' | '10/BadgeLeft' | '10/BadgeRight' | '10/StocksArrowDown' | '10/StocksArrowUp' | '10/StocksDividend' | '10/StocksTax' | '10/StocksTopup' | '10/StocksWithdraw' | '16/AddProduct' | '16/AlignCenter' | '16/AlignLeft' | '16/AlignRight' | '16/ArrowRates' | '16/ArrowRecurring' | '16/ArrowRepeat' | '16/ArrowThinUp' | '16/BadgeLeft' | '16/BadgeRight' | '16/Bullet' | '16/BulletFilled' | '16/BulletSquare' | '16/BulletSquareFilled' | '16/Canceled' | '16/ChartBarWithArrow' | '16/Check' | '16/CheckCircle' | '16/ChevronDown' | '16/ChevronDownSmall' | '16/ChevronLeft' | '16/ChevronLeftSmall' | '16/ChevronRight' | '16/ChevronRightSmall' | '16/ChevronUp' | '16/ChevronUpSmall' | '16/Clip' | '16/Code' | '16/CommentAdd' | '16/Compare' | '16/Contactless' | '16/Cross' | '16/CrossCircle' | '16/CrossSmall' | '16/Delete' | '16/DepthChart' | '16/Dots' | '16/EditorBold' | '16/EditorH1' | '16/EditorH2' | '16/EditorH3' | '16/EditorH4' | '16/EditorH5' | '16/EditorH6' | '16/EditorItalic' | '16/EditorTable' | '16/EditorTableHeaderColumn' | '16/EditorTableHeaderRow' | '16/EditorTextColour' | '16/EditorUnderline' | '16/ExclamationMark' | '16/ExclamationMarkOutline' | '16/ExclamationMarkSign' | '16/Expand' | '16/FilterViewFilled' | '16/FilterViewOutlined' | '16/GanttChart' | '16/GoogleChrome' | '16/IndentDecrease' | '16/IndentIncrease' | '16/InfoOutline' | '16/Link' | '16/LinkExternal' | '16/List' | '16/ListBullet' | '16/ListLetters' | '16/ListNumber' | '16/ListRomanNumerals' | '16/Live' | '16/LockClosed' | '16/LockOpened' | '16/LockOutline' | '16/MarkdownDownload' | '16/Minus' | '16/MinusCircle' | '16/Palette' | '16/Paragraph' | '16/Plus' | '16/PlusCircle' | '16/QuestionOutline' | '16/Receipt' | '16/Redo' | '16/Revolut' | '16/RevPoints' | '16/SandWatch' | '16/SecureSeal' | '16/SimCard' | '16/StatusActive' | '16/StatusCheck' | '16/StatusClockArrows' | '16/StatusRefund' | '16/Sticker' | '16/StickerFilled' | '16/SwitchOff' | '16/SwitchOn' | '16/Time' | '16/Timeline' | '16/TopupAuto' | '16/TriangleDown' | '16/TriangleRight' | '16/Warning' | '16/Write' | '20/AccountJoint' | '20/AccountPocket' | '20/AccountPro' | '20/AutoExchange' | '20/AutoTopUp' | '20/BulkPayment' | '20/Cashback' | '20/Compare' | '20/Credit' | '20/CryptoNetworkAlgorand' | '20/CryptoNetworkArbitrum' | '20/CryptoNetworkAvalanche' | '20/CryptoNetworkBitcoin' | '20/CryptoNetworkBitcoinCash' | '20/CryptoNetworkBsc' | '20/CryptoNetworkCardano' | '20/CryptoNetworkCelo' | '20/CryptoNetworkCosmos' | '20/CryptoNetworkCronos' | '20/CryptoNetworkDash' | '20/CryptoNetworkDogecoin' | '20/CryptoNetworkEos' | '20/CryptoNetworkEtc' | '20/CryptoNetworkEthereum' | '20/CryptoNetworkFallback' | '20/CryptoNetworkFantom' | '20/CryptoNetworkHarmony' | '20/CryptoNetworkHeco' | '20/CryptoNetworkHedera' | '20/CryptoNetworkKava' | '20/CryptoNetworkKusama' | '20/CryptoNetworkLighting' | '20/CryptoNetworkLitecoin' | '20/CryptoNetworkMoonbeam' | '20/CryptoNetworkNear' | '20/CryptoNetworkOptimism' | '20/CryptoNetworkPolkadot' | '20/CryptoNetworkPolygon' | '20/CryptoNetworkRipple' | '20/CryptoNetworkRonin' | '20/CryptoNetworkSolana' | '20/CryptoNetworkStarkNet' | '20/CryptoNetworkStellar' | '20/CryptoNetworkTezos' | '20/CryptoNetworkTon' | '20/CryptoNetworkTron' | '20/CryptoNetworkZkSync' | '20/Description' | '20/Dividend' | '20/Draft' | '20/Ea' | '20/Email' | '20/ExcludedAnalytics' | '20/Expense' | '20/Gif' | '20/Groups' | '20/Heart' | '20/IncomeSorter' | '20/Isa' | '20/Iso' | '20/KeyboardEmoji' | '20/KeyboardGif' | '20/KeyboardSticker' | '20/Linked' | '20/MoveMoney' | '20/Reccuring' | '20/Resort' | '20/Rewards' | '20/Scheduled' | '20/SpareChange' | '20/SpendLimit' | '20/SplitBill' | '20/Statement' | '20/Travel' | '20/Vault' | '40/SubtractApps' | '40/SubtractBackpack' | '40/SubtractBank' | '40/SubtractBitcoin' | '40/SubtractBoost' | '40/SubtractBudget' | '40/SubtractCalendar' | '40/SubtractCalendarRecurring' | '40/SubtractCard' | '40/SubtractCash' | '40/SubtractCashback' | '40/SubtractChat' | '40/SubtractCloud' | '40/SubtractCoins' | '40/SubtractCommodities' | '40/SubtractCompare' | '40/SubtractConcierge' | '40/SubtractCredit' | '40/SubtractCreditBag' | '40/SubtractCreditCard' | '40/SubtractDocument' | '40/SubtractDrop' | '40/SubtractEntertainment' | '40/SubtractExchange' | '40/SubtractFastfood' | '40/SubtractGift' | '40/SubtractGlobe' | '40/SubtractGlobeP2P' | '40/SubtractGroceries' | '40/SubtractGroupVault' | '40/SubtractHealth' | '40/SubtractIndustrialGear' | '40/SubtractInsurance' | '40/SubtractLightning' | '40/SubtractLink' | '40/SubtractLogoRevolut' | '40/SubtractLounges' | '40/SubtractMaterials' | '40/SubtractMedicalCross' | '40/SubtractMerchant' | '40/SubtractNoBoost' | '40/SubtractPassportChip' | '40/SubtractPeople' | '40/SubtractPocket' | '40/SubtractPremium' | '40/SubtractPresent' | '40/SubtractProfile' | '40/SubtractRestaurants' | '40/SubtractRocket' | '40/SubtractRPoint' | '40/SubtractSavingsVault' | '40/SubtractServices' | '40/SubtractShopping' | '40/SubtractSmartphoneUmbrella' | '40/SubtractStar' | '40/SubtractStatement' | '40/SubtractTech' | '40/SubtractTopUp' | '40/SubtractToy' | '40/SubtractTransfers' | '40/SubtractTransport' | '40/SubtractTravel' | '40/SubtractUtilities' | '40/SubtractVault' | '40/SubtractVegan' | '40/SubtractWealth' | '64/FileBacs|image' | '64/FileCsv|image' | '64/FileDoc|image' | '64/FileImg|image' | '64/FileLink|image' | '64/FileMp3|image' | '64/FilePdf|image' | '64/FileXls|image' | '104/Connection' | '104/Donation' | '104/Error' | '104/Loading' | '104/Pending' | '104/SoftFail' | '104/Success' | '104/Warning' | '108/ArrowExchange|image' | '108/ArrowRequest|image' | '108/ArrowSend|image' | '108/EyeShow|image' | '108/LinkExternal|image' | '108/Plus|image';
|
|
1526
|
+
type IconName = 'Aani' | 'Accessibility' | 'AccountActions' | 'AccountRefused' | 'Activities' | 'AddContact' | 'AddProduct' | 'AddWidget' | 'Ai' | 'AirplaneArrival' | 'AirplaneCar' | 'AirplaneDeparture' | 'Airtel' | 'Alipay' | 'AlipayPlus|image' | 'AllTime' | 'AmexPay|image' | 'AndroidFace' | 'Animals' | 'Anonymous' | 'ApplePay|image' | 'AppNotifications' | 'Apps' | 'Archive' | 'ArrowBackspace' | 'ArrowBulk' | 'ArrowBulkRequest' | 'ArrowCollapsed' | 'ArrowDown' | 'ArrowDowngrade' | 'ArrowDropdown' | 'ArrowExchange' | 'ArrowExchangeCrossed' | 'ArrowExpanded' | 'ArrowFastForward' | 'ArrowHookLeft' | 'ArrowHookRight' | 'ArrowHookUp' | 'ArrowMove' | 'ArrowNavigation' | 'ArrowPinAbove' | 'ArrowPinBelow' | 'ArrowPinBetween' | 'ArrowPinLeft' | 'ArrowPinRight' | 'ArrowRates' | 'ArrowRatesDown' | 'ArrowRepeat' | 'ArrowRequest' | 'ArrowRightLeft' | 'ArrowSend' | 'ArrowShuffle' | 'ArrowSplit' | 'ArrowsSort' | 'ArrowTabKey' | 'ArrowThinDown' | 'ArrowThinDownLeft' | 'ArrowThinLeft' | 'ArrowThinRight' | 'ArrowThinTopRight' | 'ArrowThinUp' | 'ArrowTopDown' | 'ArrowUp' | 'ArrowUpgrade' | 'ArrowWrap' | 'Atm' | 'AutoExchange' | 'AutoTopup' | 'AvatarGrid' | 'BackButtonArrow' | 'Backpack' | 'BalanceSheet' | 'Bank' | 'BankAfterHours' | 'BankId' | 'BarChart' | 'BarChartDecreasing' | 'BarChartPercent' | 'BarChartSearch' | 'BarChartWaterfall' | 'Basketball' | 'Battery0' | 'Battery15' | 'Battery25' | 'Battery35' | 'Battery50' | 'Battery65' | 'Battery85' | 'Battery100' | 'BatteryCharging' | 'BatteryWarning' | 'Bell' | 'BellAdd' | 'BellAddOutline' | 'BellCrossed' | 'BellOutline' | 'Bicycle' | 'Binoculars' | 'Bitcoin' | 'Bizum' | 'BKash' | 'Blik' | 'BlikCircle' | 'Bluetooth' | 'Bnpl' | 'Boost' | 'BottomNavigation' | 'BottomTab' | 'Bpay' | 'BreB' | 'BreBFull' | 'BriefcaseCoins' | 'BriefcasePercent' | 'BrokenHeart' | 'Browser' | 'Bug' | 'BulkSelection' | 'Bullet1' | 'Bullet2' | 'Bullet3' | 'Bullet4' | 'Bullet5' | 'Bullet6' | 'Bullet7' | 'Bullet8' | 'Bullet9' | 'Bullet10' | 'BulletA' | 'BulletB' | 'BulletC' | 'BulletD' | 'BusinessBasic' | 'BusinessEnterprise' | 'BusinessGrow' | 'BusinessScale' | 'CabinBag' | 'Cake' | 'Calculator' | 'Calendar' | 'CalendarCheck' | 'CalendarCoins' | 'CalendarDate' | 'CalendarNextEvent' | 'CalendarQuarter' | 'CalendarRecurring' | 'CalendarWeek' | 'Call' | 'Camera' | 'CameraAdd' | 'Candle' | 'CandlestickChart' | 'Captions' | 'CaptionsOn' | 'Card' | 'CardBank' | 'CardCheck' | 'CardCode|image' | 'CardExpired' | 'CardExpiry|image' | 'CardNumber|image' | 'CardReader' | 'CardSecurity' | 'CardShield' | 'CardTerminal' | 'Carousel' | 'Cart' | 'Cash' | 'Cashback' | 'CashBlocked' | 'CashFlow' | 'CashIncome' | 'Celebration' | 'Cellular' | 'CenterPoint' | 'Cfd' | 'Chair' | 'ChangePasscode' | 'ChartExclude' | 'Chat' | 'ChatOutline' | 'Check' | 'CheckboxMultiple' | 'CheckboxOff' | 'CheckboxOn' | 'CheckSuccess' | 'CheckVerification' | 'Cheque' | 'ChevronDown' | 'ChevronLeft' | 'ChevronRight' | 'ChevronUp' | 'Children' | 'Cinema' | 'CircleProfile' | 'Claim' | 'Cleaning' | 'Click2Pay' | 'ClickUp|image' | 'Clip' | 'Clipboard' | 'Cloud' | 'CloudCrossed' | 'CloudSql' | 'CloudStorage' | 'CodeRepository' | 'Coffee' | 'Coins' | 'CoinsEarning' | 'CoinsSearch' | 'CoinsShield' | 'Commodities' | 'Communication' | 'CompanyFilled' | 'CompanyOutline' | 'Compare' | 'Concierge' | 'Confluence' | 'ConnectionGrid' | 'Contactless' | 'Contrast' | 'Controls' | 'Cookie' | 'Copy' | 'CormorantGaramond' | 'Credit' | 'CreditBag' | 'CreditCard' | 'CreditCategory' | 'CreditOverdraft' | 'CreditPart' | 'CreditPartBalance' | 'Cross' | 'CrossCircle' | 'CrossSmall' | 'CrossVoid' | 'Crutch' | 'CryptoBlockchain' | 'CryptoBrick' | 'CryptoLayer' | 'CryptoLayers' | 'CryptoStablecoin' | 'CrystalBall' | 'Dap' | 'Data' | 'Database' | 'DataLimit' | 'DataLimitCompactFull' | 'DataLimitCompactLow' | 'DataLimitCompactMid' | 'DataLimitFull' | 'DataLimitHalf' | 'DataLimitLow' | 'Delete' | 'DeliveryCar' | 'DepositProtection' | 'DesktopShop' | 'DesktopTerminal' | 'DeviceDown' | 'Document' | 'DocumentChecked' | 'DocumentPending' | 'DocumentRevolut' | 'DocumentSearch' | 'DocumentsPair' | 'DollarsAndShares' | 'Dot' | 'DoubleThumbs' | 'Download' | 'DoXGetY' | 'Drag' | 'Draw' | 'DrawFibonacciTime' | 'DrawHorizontalLine' | 'Drawing' | 'DrawParallelChannel' | 'DrawPriceRange' | 'DrawTrendline' | 'DrawVerticalLine' | 'DrivingLicence' | 'Drone' | 'Drop' | 'Duplicate' | 'EditorUnderline' | 'Ellipsis' | 'Emoji' | 'Entertainment' | 'Envelope' | 'EnvelopeSearch' | 'Eraser' | 'ESimInstallation' | 'ESimNoData' | 'ESimPreparation' | 'Excel' | 'ExclamationMark' | 'ExclamationMarkOutline' | 'ExclamationTriangle' | 'ExitFullscreen' | 'Expand' | 'EyeDropper' | 'EyeHide' | 'EyeOutline' | 'EyeShow' | 'FaceId' | 'FamilyPortrait' | 'Fashion' | 'Fastfood' | 'Fees' | 'Figma' | 'Filter' | 'Fingerprint' | 'Fitness' | 'Flag' | 'FlagSwitzerland' | 'Flame' | 'FloatingModal' | 'Folder' | 'FolderOpen' | 'Football' | 'Form' | 'Fruit' | 'Fscs' | 'GameCube' | 'Gear' | 'Generate' | 'Ghost' | 'Gia' | 'Gift' | 'Globe' | 'GlobeP2P' | 'GooglePay|image' | 'Groceries' | 'GroupVault' | 'GrowthHub' | 'Hammer' | 'Hand' | 'Handle' | 'Hash' | 'Headset' | 'Heart' | 'HeartOutline' | 'HeartRecurring' | 'HelpChat' | 'HelpChatOutline' | 'HiBob' | 'History' | 'Home' | 'Hotel' | 'HotelArrowsLeftRight' | 'IdBackSide' | 'Ideal' | 'Image' | 'Inbox' | 'InboxAdd' | 'IndustrialGear' | 'Info' | 'InfoOutline' | 'InfoSign' | 'Insurance' | 'Invest' | 'InviteEmoji' | 'Iris' | 'Isa' | 'IsaAllowance' | 'Issue' | 'JackOLantern' | 'Jira|image' | 'JiraBug|image' | 'JiraEpic|image' | 'JiraOther|image' | 'JiraStory|image' | 'JiraSubtask|image' | 'JiraTask|image' | 'Joint' | 'Karma|image' | 'Key' | 'Keyboard' | 'KubernetesEngine' | 'Lab' | 'Language' | 'Laptop' | 'Laugh' | 'LayoutLeft' | 'LayoutRight' | 'LayoutVertical' | 'Lever' | 'Library' | 'LibraryOff' | 'Lifestyle' | 'Lightbulb' | 'Lightning' | 'LightningAuto' | 'LightningOff' | 'LightningOutline' | 'LikeDislike' | 'LimitHigh' | 'LimitLow' | 'LineChart' | 'Link' | 'LinkExternal' | 'LinkExternalSimple' | 'ListClose' | 'ListSearch' | 'LiveActivity' | 'Loading' | 'LoanChecked' | 'LocationArrow' | 'LocationArrowOutline' | 'LocationPin' | 'LockClosed' | 'LockOpened' | 'Logo2Fa' | 'Logo5G' | 'LogoAirplus|image' | 'LogoAirplusColour|image' | 'LogoAmazon' | 'LogoAmex|image' | 'LogoAmexColour|image' | 'LogoAndroid' | 'LogoAppleTapToPay' | 'LogoAppleTapToPayFilled' | 'LogoChatGpt' | 'LogoClaude|image' | 'LogoDinersClub|image' | 'LogoDinersClubColour|image' | 'LogoDiscover|image' | 'LogoDiscoverColour|image' | 'LogoFacebook' | 'LogoFacebookMessenger' | 'LogoGithub' | 'LogoGoogle|image' | 'LogoGoogleGemini|image' | 'LogoInstagram' | 'LogoInstagramFilled' | 'LogoIOs' | 'LogoJcb|image' | 'LogoJcbColour|image' | 'LogoLinkedIn' | 'LogoMa|image' | 'LogoMc|image' | 'LogoMcMetal|image' | 'LogoMcPremium|image' | 'LogoMicrosoft|image' | 'LogoMicrosoftCopilot|image' | 'LogoPix|image' | 'LogoPixFilled' | 'LogoPixOutline' | 'LogoRevolut' | 'LogoRevolutColour|image' | 'LogoRupay' | 'LogoSlack' | 'LogoTikTok' | 'LogoTwitter' | 'LogoUaePass' | 'LogoutDoor' | 'LogoVisa' | 'LogoVisaColour|image' | 'LogoWhatsApp' | 'LogoYahoo|image' | 'LogoYoutube' | 'Lounges' | 'Map' | 'MapMarkerHide' | 'MapMarkerShow' | 'MapPoint' | 'MarketOrder' | 'Materials' | 'MbWay' | 'Mcp' | 'MedicalBed' | 'MedicalCross' | 'Medkit' | 'Megaphone' | 'Meme' | 'MemoryStore' | 'Menu' | 'Merchant' | 'Merge' | 'MergeBranch' | 'Message' | 'Microphone' | 'Minus' | 'MinusCircle' | 'Moon' | 'MoreAndroid' | 'MoreIOs' | 'Mortgage' | 'Mpesa' | 'Mtn' | 'NationalId' | 'NavigationBack' | 'NavigationDown' | 'NavigationForward' | 'NavigationSwipe' | 'NavigationUp' | 'NearMe' | 'NewAccount' | 'Newspaper' | 'Nft' | 'NoBoost' | 'NoCall' | 'NoCamera' | 'NoClip' | 'NoMail' | 'NoMicrophone' | 'NoSmartphone' | 'NoVideoCall' | 'OrangeMoney' | 'OrderDownwards' | 'OrderUpwards' | 'Outdoor' | 'Overdraft' | 'PagoPa' | 'Palette' | 'Paragraph' | 'Parisienne' | 'Parking' | 'Passkey' | 'Passport' | 'PassportChip' | 'Pause' | 'PayId' | 'PaymentsRecurring' | 'PayNow' | 'PayNowBrandMark' | 'PayrollFolder' | 'PayTo' | 'Peakon|image' | 'Pencil' | 'PencilSpark' | 'People' | 'Percent' | 'Performance' | 'PersonChecked' | 'PhoneBook' | 'PhoneCall' | 'Pickup' | 'PieChart' | 'PieChartCircle' | 'Pin' | 'PlaneArrowsLeftRight' | 'PlaneSeat' | 'PlanPlus' | 'PlanPremium' | 'PlanTitan' | 'PlanUltra' | 'Play' | 'PlayOutline' | 'Plug' | 'Plus' | 'PlusCircle' | 'PnL' | 'Pocket' | 'Pointer' | 'Pointsback' | 'Pool' | 'PortfolioAggrasive' | 'PortfolioAggressiveGrowth' | 'PortfolioBalanced' | 'PortfolioBalancedBundle' | 'PortfolioBoldStack' | 'PortfolioConservative' | 'PortfolioDefensive' | 'PortfolioGrowth' | 'PortfolioModerate' | 'PortfolioSlowAndSteady' | 'PosTablet' | 'Premium' | 'Present' | 'PresentArrow' | 'PresentPlus' | 'PriceTag' | 'Printer' | 'Profile' | 'Pse' | 'Push' | 'Puzzle' | 'Qr' | 'Question' | 'Questionnaire' | 'QuestionOutline' | 'QuestionSign' | 'Qvik' | 'RadiobuttonOff' | 'RadiobuttonOn' | 'Rainbow' | 'RatesCircle' | 'RatesConverter' | 'RatesConverterPage' | 'Receipt' | 'Recurring' | 'Refinancing' | 'RefinancingCard' | 'RefinancingHome' | 'RegionAfrica' | 'RegionAsiaPacific' | 'RegionEurope' | 'RegionGlobal' | 'RegionMiddleEast' | 'RegionNorthAmerica' | 'RegionSouthAmerica' | 'RepairTool' | 'Repayment' | 'ResidencePermit' | 'Resort' | 'Restaurants' | 'Retry' | 'Reverted' | 'RevertLeft' | 'RevertRight' | 'RevolutIdProtected' | 'RevolutIdUser' | 'RevolutU18' | 'RevPoints' | 'RoboAdvisor' | 'RobotoCondensed' | 'RobotoRegular' | 'Rocket' | 'RPoint' | 'RulerOutline' | 'RulerSolid' | 'Salary' | 'SamsungWallet|image' | 'SavingsVault' | 'ScanCard' | 'ScanQr' | 'Scatter' | 'Scissors' | 'Search' | 'SecureSeal' | 'SelfieStick' | 'SendMessage' | 'SensitiveInfo' | 'Services' | 'ShakeDevice' | 'ShareAndroid' | 'ShareIOs' | 'Shield' | 'Shopping' | 'ShoppingShield' | 'Shower' | 'SidePanelLeftClosed' | 'SidePanelLeftOpen' | 'SidePanelRightClosed' | 'SidePanelRightOpen' | 'SimCard' | 'Siren' | 'Size' | 'SmartDelay' | 'Smartphone' | 'SmartphoneAdd' | 'SmartphoneBroken' | 'SmartphoneConfirm' | 'SmartphoneShield' | 'SmartphoneUmbrella' | 'SmartphoneWarning' | 'Smoking' | 'Snowflake' | 'SocialDislike' | 'SocialDislikeStroke' | 'SocialLike' | 'SocialLikeStroke' | 'Sound' | 'SoundOff' | 'Spa' | 'Spin' | 'SportEquipment' | 'Stamp' | 'StarEmpty' | 'StarFilled' | 'StarSemi' | 'Statement' | 'Sticker' | 'StickerFilled' | 'Stop' | 'Student' | 'Suitcase' | 'SuitcaseInsurance' | 'Sun' | 'Sunrise' | 'SunriseOutline' | 'Surprise' | 'Swish' | 'Switches' | 'SwitchOff' | 'SwitchOn' | 'SwitchToRevolut' | 'SymbolChange' | 'Sympathizing' | 'Table' | 'Tablet' | 'Target' | 'TargetDarts' | 'Tech' | 'Television' | 'Text' | 'ThankYou' | 'Thread' | 'Time' | 'TimeAndMoney' | 'Timeline' | 'TimeOutline' | 'Tooth' | 'TotalValue' | 'Toy' | 'Train' | 'Transcript' | 'Translation' | 'Transport' | 'Travel' | 'TravelCashback' | 'Trophy' | 'TrophyHalf' | 'TurboTransfer' | 'Unarchive' | 'Unknown' | 'Unlimited' | 'Unlink' | 'Unmerge' | 'Unpin' | 'Upi' | 'Upi2' | 'Upload' | 'UsersSearch' | 'Utilities' | 'Variable' | 'Vault' | 'Vegan' | 'VerifiedService' | 'VerticalExpand' | 'ViaVerde' | 'VideoCall' | 'ViewGrid' | 'ViewListLarge' | 'ViewListMedium' | 'ViewListSmall' | 'VirtualMachine' | 'VisaDocument' | 'Voucher' | 'Wallet' | 'Watch' | 'Wealth' | 'WealthDown' | 'WealthProtection' | 'Webhook' | 'Wero' | 'WeroFull' | 'Wheelchair' | 'Widgets' | 'Wine' | 'WizardHat' | 'Workflow' | 'Yellowtail' | 'ZoomIn' | 'ZoomOut' | '10/BadgeLeft' | '10/BadgeRight' | '10/StocksArrowDown' | '10/StocksArrowUp' | '10/StocksDividend' | '10/StocksTax' | '10/StocksTopup' | '10/StocksWithdraw' | '16/AddProduct' | '16/AlignCenter' | '16/AlignLeft' | '16/AlignRight' | '16/ArrowRates' | '16/ArrowRecurring' | '16/ArrowRepeat' | '16/ArrowThinUp' | '16/BadgeLeft' | '16/BadgeRight' | '16/Bullet' | '16/BulletFilled' | '16/BulletSquare' | '16/BulletSquareFilled' | '16/Canceled' | '16/ChartBarWithArrow' | '16/Check' | '16/CheckCircle' | '16/ChevronDown' | '16/ChevronDownSmall' | '16/ChevronLeft' | '16/ChevronLeftSmall' | '16/ChevronRight' | '16/ChevronRightSmall' | '16/ChevronUp' | '16/ChevronUpSmall' | '16/Clip' | '16/Code' | '16/Collapse' | '16/CommentAdd' | '16/Compare' | '16/Contactless' | '16/Cross' | '16/CrossCircle' | '16/CrossSmall' | '16/Delete' | '16/DepthChart' | '16/Dots' | '16/EditorBold' | '16/EditorH1' | '16/EditorH2' | '16/EditorH3' | '16/EditorH4' | '16/EditorH5' | '16/EditorH6' | '16/EditorItalic' | '16/EditorTable' | '16/EditorTableHeaderColumn' | '16/EditorTableHeaderRow' | '16/EditorTextColour' | '16/EditorUnderline' | '16/ExclamationMark' | '16/ExclamationMarkOutline' | '16/ExclamationMarkSign' | '16/Expand' | '16/FilterViewFilled' | '16/FilterViewOutlined' | '16/GanttChart' | '16/GoogleChrome' | '16/IndentDecrease' | '16/IndentIncrease' | '16/InfoOutline' | '16/Link' | '16/LinkExternal' | '16/List' | '16/ListBullet' | '16/ListLetters' | '16/ListNumber' | '16/ListRomanNumerals' | '16/Live' | '16/LockClosed' | '16/LockOpened' | '16/LockOutline' | '16/MarkdownDownload' | '16/Minus' | '16/MinusCircle' | '16/Palette' | '16/Paragraph' | '16/Plus' | '16/PlusCircle' | '16/QuestionOutline' | '16/Receipt' | '16/Redo' | '16/Revolut' | '16/RevPoints' | '16/SandWatch' | '16/SecureSeal' | '16/SimCard' | '16/StatusActive' | '16/StatusCheck' | '16/StatusClockArrows' | '16/StatusRefund' | '16/Sticker' | '16/StickerFilled' | '16/SwitchOff' | '16/SwitchOn' | '16/Time' | '16/Timeline' | '16/TopupAuto' | '16/TriangleDown' | '16/TriangleRight' | '16/Warning' | '16/Write' | '20/AccountJoint' | '20/AccountPocket' | '20/AccountPro' | '20/AutoExchange' | '20/AutoTopUp' | '20/BulkPayment' | '20/Cashback' | '20/Compare' | '20/Credit' | '20/CryptoNetworkAlgorand' | '20/CryptoNetworkArbitrum' | '20/CryptoNetworkAvalanche' | '20/CryptoNetworkBitcoin' | '20/CryptoNetworkBitcoinCash' | '20/CryptoNetworkBsc' | '20/CryptoNetworkCardano' | '20/CryptoNetworkCelo' | '20/CryptoNetworkCosmos' | '20/CryptoNetworkCronos' | '20/CryptoNetworkDash' | '20/CryptoNetworkDogecoin' | '20/CryptoNetworkEos' | '20/CryptoNetworkEtc' | '20/CryptoNetworkEthereum' | '20/CryptoNetworkFallback' | '20/CryptoNetworkFantom' | '20/CryptoNetworkHarmony' | '20/CryptoNetworkHeco' | '20/CryptoNetworkHedera' | '20/CryptoNetworkKava' | '20/CryptoNetworkKusama' | '20/CryptoNetworkLighting' | '20/CryptoNetworkLitecoin' | '20/CryptoNetworkMoonbeam' | '20/CryptoNetworkNear' | '20/CryptoNetworkOptimism' | '20/CryptoNetworkPolkadot' | '20/CryptoNetworkPolygon' | '20/CryptoNetworkRipple' | '20/CryptoNetworkRonin' | '20/CryptoNetworkSolana' | '20/CryptoNetworkStarkNet' | '20/CryptoNetworkStellar' | '20/CryptoNetworkTezos' | '20/CryptoNetworkTon' | '20/CryptoNetworkTron' | '20/CryptoNetworkZkSync' | '20/Description' | '20/Dividend' | '20/Draft' | '20/Ea' | '20/Email' | '20/ExcludedAnalytics' | '20/Expense' | '20/Gif' | '20/Groups' | '20/Heart' | '20/IncomeSorter' | '20/Isa' | '20/Iso' | '20/KeyboardEmoji' | '20/KeyboardGif' | '20/KeyboardSticker' | '20/Linked' | '20/MoveMoney' | '20/Reccuring' | '20/Resort' | '20/Rewards' | '20/Scheduled' | '20/SpareChange' | '20/SpendLimit' | '20/SplitBill' | '20/Statement' | '20/Travel' | '20/Vault' | '40/SubtractApps' | '40/SubtractBackpack' | '40/SubtractBank' | '40/SubtractBitcoin' | '40/SubtractBoost' | '40/SubtractBudget' | '40/SubtractCalendar' | '40/SubtractCalendarRecurring' | '40/SubtractCard' | '40/SubtractCash' | '40/SubtractCashback' | '40/SubtractChat' | '40/SubtractCloud' | '40/SubtractCoins' | '40/SubtractCommodities' | '40/SubtractCompare' | '40/SubtractConcierge' | '40/SubtractCredit' | '40/SubtractCreditBag' | '40/SubtractCreditCard' | '40/SubtractDocument' | '40/SubtractDrop' | '40/SubtractEntertainment' | '40/SubtractExchange' | '40/SubtractFastfood' | '40/SubtractGift' | '40/SubtractGlobe' | '40/SubtractGlobeP2P' | '40/SubtractGroceries' | '40/SubtractGroupVault' | '40/SubtractHealth' | '40/SubtractIndustrialGear' | '40/SubtractInsurance' | '40/SubtractLightning' | '40/SubtractLink' | '40/SubtractLogoRevolut' | '40/SubtractLounges' | '40/SubtractMaterials' | '40/SubtractMedicalCross' | '40/SubtractMerchant' | '40/SubtractNoBoost' | '40/SubtractPassportChip' | '40/SubtractPeople' | '40/SubtractPocket' | '40/SubtractPremium' | '40/SubtractPresent' | '40/SubtractProfile' | '40/SubtractRestaurants' | '40/SubtractRocket' | '40/SubtractRPoint' | '40/SubtractSavingsVault' | '40/SubtractServices' | '40/SubtractShopping' | '40/SubtractSmartphoneUmbrella' | '40/SubtractStar' | '40/SubtractStatement' | '40/SubtractTech' | '40/SubtractTopUp' | '40/SubtractToy' | '40/SubtractTransfers' | '40/SubtractTransport' | '40/SubtractTravel' | '40/SubtractUtilities' | '40/SubtractVault' | '40/SubtractVegan' | '40/SubtractWealth' | '64/FileBacs|image' | '64/FileCsv|image' | '64/FileDoc|image' | '64/FileImg|image' | '64/FileLink|image' | '64/FileMp3|image' | '64/FilePdf|image' | '64/FileXls|image' | '104/Connection' | '104/Donation' | '104/Error' | '104/Loading' | '104/Pending' | '104/SoftFail' | '104/Success' | '104/Warning' | '108/ArrowExchange|image' | '108/ArrowRequest|image' | '108/ArrowSend|image' | '108/EyeShow|image' | '108/LinkExternal|image' | '108/Plus|image';
|
|
1527
1527
|
|
|
1528
1528
|
declare const ImageVariant: {
|
|
1529
1529
|
readonly ROUND: "round";
|
|
@@ -1563,11 +1563,11 @@ interface BorderProps {
|
|
|
1563
1563
|
borderBottomColor?: ResponsiveValue<Color>;
|
|
1564
1564
|
borderLeftColor?: ResponsiveValue<Color>;
|
|
1565
1565
|
borderRightColor?: ResponsiveValue<Color>;
|
|
1566
|
-
borderRadius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1567
|
-
borderTopLeftRadius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1568
|
-
borderTopRightRadius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1569
|
-
borderBottomLeftRadius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1570
|
-
borderBottomRightRadius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1566
|
+
borderRadius?: ResponsiveValue<LooseLength<Radius$1>>;
|
|
1567
|
+
borderTopLeftRadius?: ResponsiveValue<LooseLength<Radius$1>>;
|
|
1568
|
+
borderTopRightRadius?: ResponsiveValue<LooseLength<Radius$1>>;
|
|
1569
|
+
borderBottomLeftRadius?: ResponsiveValue<LooseLength<Radius$1>>;
|
|
1570
|
+
borderBottomRightRadius?: ResponsiveValue<LooseLength<Radius$1>>;
|
|
1571
1571
|
}
|
|
1572
1572
|
|
|
1573
1573
|
interface SpaceProps {
|
|
@@ -1602,13 +1602,13 @@ interface SpaceProps {
|
|
|
1602
1602
|
}
|
|
1603
1603
|
|
|
1604
1604
|
declare const sprinkles: ((props: {
|
|
1605
|
-
display?: "
|
|
1606
|
-
all?: "
|
|
1607
|
-
sm?: "
|
|
1608
|
-
md?: "
|
|
1609
|
-
lg?: "
|
|
1610
|
-
xl?: "
|
|
1611
|
-
xxl?: "
|
|
1605
|
+
display?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | {
|
|
1606
|
+
all?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1607
|
+
sm?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1608
|
+
md?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1609
|
+
lg?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1610
|
+
xl?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1611
|
+
xxl?: "flex" | "grid" | "none" | "block" | "inline" | "inline-block" | "inline-flex" | "inline-grid" | "contents" | undefined;
|
|
1612
1612
|
} | undefined;
|
|
1613
1613
|
flexDirection?: "column" | "column-reverse" | "row" | "row-reverse" | {
|
|
1614
1614
|
all?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
|
|
@@ -1642,21 +1642,21 @@ declare const sprinkles: ((props: {
|
|
|
1642
1642
|
xl?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
|
|
1643
1643
|
xxl?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
|
|
1644
1644
|
} | undefined;
|
|
1645
|
-
alignSelf?: "
|
|
1646
|
-
all?: "
|
|
1647
|
-
sm?: "
|
|
1648
|
-
md?: "
|
|
1649
|
-
lg?: "
|
|
1650
|
-
xl?: "
|
|
1651
|
-
xxl?: "
|
|
1645
|
+
alignSelf?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | {
|
|
1646
|
+
all?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
|
|
1647
|
+
sm?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
|
|
1648
|
+
md?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
|
|
1649
|
+
lg?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
|
|
1650
|
+
xl?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
|
|
1651
|
+
xxl?: "center" | "auto" | "stretch" | "flex-end" | "flex-start" | "baseline" | undefined;
|
|
1652
1652
|
} | undefined;
|
|
1653
|
-
overflow?: "
|
|
1654
|
-
all?: "
|
|
1655
|
-
sm?: "
|
|
1656
|
-
md?: "
|
|
1657
|
-
lg?: "
|
|
1658
|
-
xl?: "
|
|
1659
|
-
xxl?: "
|
|
1653
|
+
overflow?: "hidden" | "auto" | "visible" | "scroll" | {
|
|
1654
|
+
all?: "hidden" | "auto" | "visible" | "scroll" | undefined;
|
|
1655
|
+
sm?: "hidden" | "auto" | "visible" | "scroll" | undefined;
|
|
1656
|
+
md?: "hidden" | "auto" | "visible" | "scroll" | undefined;
|
|
1657
|
+
lg?: "hidden" | "auto" | "visible" | "scroll" | undefined;
|
|
1658
|
+
xl?: "hidden" | "auto" | "visible" | "scroll" | undefined;
|
|
1659
|
+
xxl?: "hidden" | "auto" | "visible" | "scroll" | undefined;
|
|
1660
1660
|
} | undefined;
|
|
1661
1661
|
position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | {
|
|
1662
1662
|
all?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
|
|
@@ -1675,7 +1675,7 @@ declare const sprinkles: ((props: {
|
|
|
1675
1675
|
xxl?: "center" | "start" | "right" | "left" | "end" | undefined;
|
|
1676
1676
|
} | undefined;
|
|
1677
1677
|
}) => string) & {
|
|
1678
|
-
properties: Set<"
|
|
1678
|
+
properties: Set<"display" | "overflow" | "textAlign" | "alignItems" | "justifyContent" | "flexWrap" | "flexDirection" | "alignSelf" | "position">;
|
|
1679
1679
|
};
|
|
1680
1680
|
type Sprinkles = Parameters<typeof sprinkles>[0];
|
|
1681
1681
|
|
|
@@ -1712,7 +1712,7 @@ interface StableBoxStyleProps extends SpaceProps, BorderProps {
|
|
|
1712
1712
|
minHeight?: ResponsiveValue<LooseLength<Size>>;
|
|
1713
1713
|
maxHeight?: ResponsiveValue<LooseLength<Size>>;
|
|
1714
1714
|
size?: ResponsiveValue<LooseLength<Size>>;
|
|
1715
|
-
radius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1715
|
+
radius?: ResponsiveValue<LooseLength<Radius$1>>;
|
|
1716
1716
|
elevation?: ElevationLevel;
|
|
1717
1717
|
elevationOnHover?: ElevationLevel;
|
|
1718
1718
|
textStyle?: ResponsiveValue<TextStyle>;
|
|
@@ -2014,7 +2014,7 @@ interface ImageProps$1 extends Omit<BoxProps<'img'>, 'variant' | 'use'> {
|
|
|
2014
2014
|
image?: ImageProp$1;
|
|
2015
2015
|
}
|
|
2016
2016
|
|
|
2017
|
-
interface MapMarker$1<T =
|
|
2017
|
+
interface MapMarker$1<T = unknown> {
|
|
2018
2018
|
id?: string;
|
|
2019
2019
|
title: string;
|
|
2020
2020
|
lat: number;
|
|
@@ -2022,6 +2022,7 @@ interface MapMarker$1<T = string> {
|
|
|
2022
2022
|
image?: string;
|
|
2023
2023
|
description?: string;
|
|
2024
2024
|
data?: T;
|
|
2025
|
+
zIndex?: number;
|
|
2025
2026
|
}
|
|
2026
2027
|
interface MapCenter$1 {
|
|
2027
2028
|
lat: number;
|
|
@@ -2173,6 +2174,10 @@ type HTMLTag = 'svg' | Exclude<keyof JSXCompat.IntrinsicElements, 'slot' | 'styl
|
|
|
2173
2174
|
* Space token keys for gap values.
|
|
2174
2175
|
*/
|
|
2175
2176
|
type Space = keyof typeof Token$1.space;
|
|
2177
|
+
/**
|
|
2178
|
+
* Radius token keys for border radius values.
|
|
2179
|
+
*/
|
|
2180
|
+
type Radius = keyof typeof Token$1.radius;
|
|
2176
2181
|
/**
|
|
2177
2182
|
* Alignment options for stack items.
|
|
2178
2183
|
*/
|
|
@@ -4152,7 +4157,7 @@ type MapControls = MapControls$1;
|
|
|
4152
4157
|
*
|
|
4153
4158
|
* @example
|
|
4154
4159
|
* ```tsx
|
|
4155
|
-
* <Map apiKey="YOUR_API_KEY" center={{ lat: 51.5074, lng: -0.1278 }} />
|
|
4160
|
+
* <Map apiKey="YOUR_API_KEY" mapId="YOUR_MAP_ID" center={{ lat: 51.5074, lng: -0.1278 }} />
|
|
4156
4161
|
* ```
|
|
4157
4162
|
*/
|
|
4158
4163
|
interface MapProps {
|
|
@@ -4163,7 +4168,7 @@ interface MapProps {
|
|
|
4163
4168
|
/**
|
|
4164
4169
|
* Google Maps map ID.
|
|
4165
4170
|
*/
|
|
4166
|
-
mapId
|
|
4171
|
+
mapId: string;
|
|
4167
4172
|
/**
|
|
4168
4173
|
* Initial map center coordinates.
|
|
4169
4174
|
* @default { lat: 51.5074, lng: -0.1278 }
|
|
@@ -4182,6 +4187,11 @@ interface MapProps {
|
|
|
4182
4187
|
* Map UI controls configuration.
|
|
4183
4188
|
*/
|
|
4184
4189
|
controls?: MapControls;
|
|
4190
|
+
/**
|
|
4191
|
+
* Border radius of the map container using radius tokens.
|
|
4192
|
+
* @default 'widget'
|
|
4193
|
+
*/
|
|
4194
|
+
radius?: Radius;
|
|
4185
4195
|
/**
|
|
4186
4196
|
* Loading state override.
|
|
4187
4197
|
*/
|
|
@@ -4233,6 +4243,7 @@ interface MapProps {
|
|
|
4233
4243
|
* return (
|
|
4234
4244
|
* <Map
|
|
4235
4245
|
* apiKey="YOUR_API_KEY"
|
|
4246
|
+
* mapId="YOUR_MAP_ID"
|
|
4236
4247
|
* center={{ lat: 51.5074, lng: -0.1278 }}
|
|
4237
4248
|
* />
|
|
4238
4249
|
* )
|
|
@@ -4248,6 +4259,7 @@ interface MapProps {
|
|
|
4248
4259
|
* return (
|
|
4249
4260
|
* <Map
|
|
4250
4261
|
* apiKey="YOUR_API_KEY"
|
|
4262
|
+
* mapId="YOUR_MAP_ID"
|
|
4251
4263
|
* center={{ lat: 51.5074, lng: -0.1278 }}
|
|
4252
4264
|
* markers={[
|
|
4253
4265
|
* { id: 'office', title: 'Revolut Office', lat: 51.5044, lng: -0.0204 },
|
|
@@ -4266,6 +4278,7 @@ interface MapProps {
|
|
|
4266
4278
|
* return (
|
|
4267
4279
|
* <Map
|
|
4268
4280
|
* apiKey="YOUR_API_KEY"
|
|
4281
|
+
* mapId="YOUR_MAP_ID"
|
|
4269
4282
|
* center={{ lat: 51.5074, lng: -0.1278 }}
|
|
4270
4283
|
* onDragEnd={(event) => console.log('Center:', event.center)}
|
|
4271
4284
|
* onZoom={(event) => console.log('Zoom:', event.zoom)}
|
|
@@ -4283,6 +4296,7 @@ interface MapProps {
|
|
|
4283
4296
|
* return (
|
|
4284
4297
|
* <Map
|
|
4285
4298
|
* apiKey="YOUR_API_KEY"
|
|
4299
|
+
* mapId="YOUR_MAP_ID"
|
|
4286
4300
|
* center={{ lat: 51.5074, lng: -0.1278 }}
|
|
4287
4301
|
* controls={{
|
|
4288
4302
|
* zoomControl: false,
|
|
@@ -4294,8 +4308,24 @@ interface MapProps {
|
|
|
4294
4308
|
* )
|
|
4295
4309
|
* }
|
|
4296
4310
|
* ```
|
|
4311
|
+
* @example
|
|
4312
|
+
* ```tsx
|
|
4313
|
+
* import { Map } from '@revolut/ui-kit-miniapp'
|
|
4314
|
+
*
|
|
4315
|
+
* // With custom radius
|
|
4316
|
+
* function RadiusExample() {
|
|
4317
|
+
* return (
|
|
4318
|
+
* <Map
|
|
4319
|
+
* apiKey="YOUR_API_KEY"
|
|
4320
|
+
* mapId="YOUR_MAP_ID"
|
|
4321
|
+
* center={{ lat: 51.5074, lng: -0.1278 }}
|
|
4322
|
+
* radius="none"
|
|
4323
|
+
* />
|
|
4324
|
+
* )
|
|
4325
|
+
* }
|
|
4326
|
+
* ```
|
|
4297
4327
|
*/
|
|
4298
|
-
declare const Map: ({ apiKey, mapId, center, zoom, markers, controls, loadingState, labelFailedState, labelRetry, onRetry, onError, onDragEnd, onZoom, renderMarker, renderPopup, }: MapProps) => react_jsx_runtime.JSX.Element;
|
|
4328
|
+
declare const Map: ({ apiKey, mapId, center, zoom, markers, controls, radius, loadingState, labelFailedState, labelRetry, onRetry, onError, onDragEnd, onZoom, renderMarker, renderPopup, }: MapProps) => react_jsx_runtime.JSX.Element;
|
|
4299
4329
|
|
|
4300
4330
|
/**
|
|
4301
4331
|
* Props for the FilterButton component.
|
|
@@ -4335,6 +4365,10 @@ interface FilterButtonProps extends NativeButtonProps {
|
|
|
4335
4365
|
* Button content.
|
|
4336
4366
|
*/
|
|
4337
4367
|
children?: React__default.ReactNode;
|
|
4368
|
+
/**
|
|
4369
|
+
* Button className.
|
|
4370
|
+
*/
|
|
4371
|
+
className?: string;
|
|
4338
4372
|
}
|
|
4339
4373
|
/**
|
|
4340
4374
|
* FilterButton component for filter controls.
|
|
@@ -4372,7 +4406,7 @@ interface FilterButtonProps extends NativeButtonProps {
|
|
|
4372
4406
|
* </FilterButton>
|
|
4373
4407
|
* ```
|
|
4374
4408
|
*/
|
|
4375
|
-
declare const FilterButton: ({ active, disabled, onClear, labelClear, icon, children, ...rest }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
|
|
4409
|
+
declare const FilterButton: ({ active, disabled, onClear, labelClear, icon, children, className, ...rest }: FilterButtonProps) => react_jsx_runtime.JSX.Element;
|
|
4376
4410
|
|
|
4377
4411
|
type NativeInputProps$2 = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'readOnly'>;
|
|
4378
4412
|
/**
|
|
@@ -4869,6 +4903,11 @@ interface PopupProps {
|
|
|
4869
4903
|
/**
|
|
4870
4904
|
* Popup component for displaying modal content with full screen size.
|
|
4871
4905
|
*
|
|
4906
|
+
* The popup fills the whole screen. When the `safeArea` option is
|
|
4907
|
+
* enabled on `RootProvider`, the header content stays below the device
|
|
4908
|
+
* safe area (notch/status bar) while its background extends
|
|
4909
|
+
* underneath it.
|
|
4910
|
+
*
|
|
4872
4911
|
* @example
|
|
4873
4912
|
* ```tsx
|
|
4874
4913
|
* import { Button, Calendar, Popup } from '@revolut/ui-kit-miniapp'
|
|
@@ -4955,26 +4994,6 @@ interface ProgressStepsProps {
|
|
|
4955
4994
|
*/
|
|
4956
4995
|
declare const ProgressSteps: ({ items }: ProgressStepsProps) => react_jsx_runtime.JSX.Element;
|
|
4957
4996
|
|
|
4958
|
-
/**
|
|
4959
|
-
* Props for the ReflectiveSurface component.
|
|
4960
|
-
*
|
|
4961
|
-
* @example
|
|
4962
|
-
* ```tsx
|
|
4963
|
-
* <ReflectiveSurface>
|
|
4964
|
-
* <FilterButton>
|
|
4965
|
-
* Filter
|
|
4966
|
-
* </FilterButton>
|
|
4967
|
-
* </ReflectiveSurface>
|
|
4968
|
-
* ```
|
|
4969
|
-
*/
|
|
4970
|
-
interface ReflectiveSurfaceProps {
|
|
4971
|
-
/**
|
|
4972
|
-
* ReflectiveSurface content.
|
|
4973
|
-
*/
|
|
4974
|
-
children: React.ReactElement<{}>;
|
|
4975
|
-
}
|
|
4976
|
-
declare const ReflectiveSurface: ({ children }: ReflectiveSurfaceProps) => react_jsx_runtime.JSX.Element;
|
|
4977
|
-
|
|
4978
4997
|
/**
|
|
4979
4998
|
* Props for the Spacer component.
|
|
4980
4999
|
*
|
|
@@ -6128,10 +6147,22 @@ interface RootProviderProps {
|
|
|
6128
6147
|
* @default false
|
|
6129
6148
|
*/
|
|
6130
6149
|
blurHideable?: boolean;
|
|
6150
|
+
/**
|
|
6151
|
+
* Safe area inset handling for full-screen surfaces such as
|
|
6152
|
+
* `Popup` and `Page`.
|
|
6153
|
+
*
|
|
6154
|
+
* - `true`: use the browser-reported `env(safe-area-inset-top)`,
|
|
6155
|
+
* which resolves to `0` unless the host WebView is edge-to-edge
|
|
6156
|
+
* (`viewport-fit=cover`)
|
|
6157
|
+
* - `false` (default): no safe area padding
|
|
6158
|
+
*
|
|
6159
|
+
* @default false
|
|
6160
|
+
*/
|
|
6161
|
+
safeArea?: boolean;
|
|
6131
6162
|
/**
|
|
6132
6163
|
* Application content.
|
|
6133
6164
|
*/
|
|
6134
|
-
children:
|
|
6165
|
+
children: ReactNode;
|
|
6135
6166
|
}
|
|
6136
6167
|
/**
|
|
6137
6168
|
* RootProvider component that sets up the theme and internationalisation context.
|
|
@@ -6160,7 +6191,7 @@ interface RootProviderProps {
|
|
|
6160
6191
|
* </RootProvider>
|
|
6161
6192
|
* ```
|
|
6162
6193
|
*/
|
|
6163
|
-
declare const RootProvider: ({ mode, background, locale, messages, currencies, blurHideable, children, }: RootProviderProps) => react_jsx_runtime.JSX.Element;
|
|
6194
|
+
declare const RootProvider: ({ mode, background, locale, messages, currencies, blurHideable, safeArea, children, }: RootProviderProps) => react_jsx_runtime.JSX.Element;
|
|
6164
6195
|
|
|
6165
6196
|
/**
|
|
6166
6197
|
* Props for the BottomSheet.Header component.
|
|
@@ -6408,6 +6439,11 @@ interface PageComponent extends React__default.FC<PageProps> {
|
|
|
6408
6439
|
* Uses the focused variant which is optimised for single-task flows
|
|
6409
6440
|
* without top navigation or side menus.
|
|
6410
6441
|
*
|
|
6442
|
+
* When the `safeArea` option is enabled on `RootProvider`, the page
|
|
6443
|
+
* content stays below the device safe area (notch/status bar)
|
|
6444
|
+
* while its background extends underneath it. The safe area is
|
|
6445
|
+
* reserved by `Page.Header`, so a header is required for it to apply.
|
|
6446
|
+
*
|
|
6411
6447
|
* @example
|
|
6412
6448
|
* ```tsx
|
|
6413
6449
|
* import { Page } from '@revolut/ui-kit-miniapp'
|
|
@@ -6571,7 +6607,7 @@ declare const Token: {
|
|
|
6571
6607
|
* Token.color.danger // Error state
|
|
6572
6608
|
* ```
|
|
6573
6609
|
*/
|
|
6574
|
-
readonly color: Record<"searchBackground" | "segmentedWidgetBackground" | "segmentedBackground" | "segmentedActive" | "actionPhotoHeaderText" | "actionPhotoHeaderTextNeutral" | "actionPhotoHeaderBackground" | "actionPhotoHeaderBackgroundNeutral" | "redActionBackground" | "nestedBackground" | "greyTone5" | "greyTone8" | "greyTone10" | "greyTone20" | "greyTone50" | "actionLabel" | "actionLabelNeutral" | "inputError" | "inputErrorFocus" | "disabledBackground" | "progressNeutral" | "up" | "down" | "neutral" | "shimmer" | "onShimmer" | "modalOverlay" | "metalDark" | "metalLight" | "plus" | "premiumDark" | "premiumLight" | "premiumMid" | "ultraDark" | "ultraLight" | "ultraLightBlue" | "ultraMid" | ("accent" | "
|
|
6610
|
+
readonly color: Record<"searchBackground" | "segmentedWidgetBackground" | "segmentedBackground" | "segmentedActive" | "actionPhotoHeaderText" | "actionPhotoHeaderTextNeutral" | "actionPhotoHeaderBackground" | "actionPhotoHeaderBackgroundNeutral" | "redActionBackground" | "nestedBackground" | "greyTone5" | "greyTone8" | "greyTone10" | "greyTone20" | "greyTone50" | "actionLabel" | "actionLabelNeutral" | "inputError" | "inputErrorFocus" | "disabledBackground" | "progressNeutral" | "up" | "down" | "neutral" | "shimmer" | "onShimmer" | "modalOverlay" | "metalDark" | "metalLight" | "plus" | "premiumDark" | "premiumLight" | "premiumMid" | "ultraDark" | "ultraLight" | "ultraLightBlue" | "ultraMid" | ("accent" | "accentNeutral" | "blue" | "coldBlue" | "pink" | "green" | "orange" | "red" | "deepPink" | "terracotta" | "yellow" | "lime" | "lightGreen" | "teal" | "cyan" | "lightBlue" | "indigo" | "deepPurple" | "purple" | "brown" | "deepGrey" | "black" | "grey50" | "grey20" | "grey10" | "grey5" | "grey8" | "grey2" | "white" | "actionBlue" | "actionBlueNeutral" | "onAccent" | "onAccentNeutral" | "actionBackground" | "actionBackgroundNeutral" | "widgetBackground" | "groupedBackground" | "popoverBackground" | "background" | "greyTone2" | "foreground" | "success" | "warning" | "danger" | "inactive" | "positive" | "negative" | "static" | "layoutBackground" | "accent_5" | "accent_10" | "accent_20" | "accent_30" | "accent_40" | "accent_50" | "accent_60" | "accent_70" | "accent_80" | "accent_90" | "accentNeutral_5" | "accentNeutral_10" | "accentNeutral_20" | "accentNeutral_30" | "accentNeutral_40" | "accentNeutral_50" | "accentNeutral_60" | "accentNeutral_70" | "accentNeutral_80" | "accentNeutral_90" | "blue_5" | "blue_10" | "blue_20" | "blue_30" | "blue_40" | "blue_50" | "blue_60" | "blue_70" | "blue_80" | "blue_90" | "coldBlue_5" | "coldBlue_10" | "coldBlue_20" | "coldBlue_30" | "coldBlue_40" | "coldBlue_50" | "coldBlue_60" | "coldBlue_70" | "coldBlue_80" | "coldBlue_90" | "pink_5" | "pink_10" | "pink_20" | "pink_30" | "pink_40" | "pink_50" | "pink_60" | "pink_70" | "pink_80" | "pink_90" | "green_5" | "green_10" | "green_20" | "green_30" | "green_40" | "green_50" | "green_60" | "green_70" | "green_80" | "green_90" | "orange_5" | "orange_10" | "orange_20" | "orange_30" | "orange_40" | "orange_50" | "orange_60" | "orange_70" | "orange_80" | "orange_90" | "red_5" | "red_10" | "red_20" | "red_30" | "red_40" | "red_50" | "red_60" | "red_70" | "red_80" | "red_90" | "deepPink_5" | "deepPink_10" | "deepPink_20" | "deepPink_30" | "deepPink_40" | "deepPink_50" | "deepPink_60" | "deepPink_70" | "deepPink_80" | "deepPink_90" | "terracotta_5" | "terracotta_10" | "terracotta_20" | "terracotta_30" | "terracotta_40" | "terracotta_50" | "terracotta_60" | "terracotta_70" | "terracotta_80" | "terracotta_90" | "yellow_5" | "yellow_10" | "yellow_20" | "yellow_30" | "yellow_40" | "yellow_50" | "yellow_60" | "yellow_70" | "yellow_80" | "yellow_90" | "lime_5" | "lime_10" | "lime_20" | "lime_30" | "lime_40" | "lime_50" | "lime_60" | "lime_70" | "lime_80" | "lime_90" | "lightGreen_5" | "lightGreen_10" | "lightGreen_20" | "lightGreen_30" | "lightGreen_40" | "lightGreen_50" | "lightGreen_60" | "lightGreen_70" | "lightGreen_80" | "lightGreen_90" | "teal_5" | "teal_10" | "teal_20" | "teal_30" | "teal_40" | "teal_50" | "teal_60" | "teal_70" | "teal_80" | "teal_90" | "cyan_5" | "cyan_10" | "cyan_20" | "cyan_30" | "cyan_40" | "cyan_50" | "cyan_60" | "cyan_70" | "cyan_80" | "cyan_90" | "lightBlue_5" | "lightBlue_10" | "lightBlue_20" | "lightBlue_30" | "lightBlue_40" | "lightBlue_50" | "lightBlue_60" | "lightBlue_70" | "lightBlue_80" | "lightBlue_90" | "indigo_5" | "indigo_10" | "indigo_20" | "indigo_30" | "indigo_40" | "indigo_50" | "indigo_60" | "indigo_70" | "indigo_80" | "indigo_90" | "deepPurple_5" | "deepPurple_10" | "deepPurple_20" | "deepPurple_30" | "deepPurple_40" | "deepPurple_50" | "deepPurple_60" | "deepPurple_70" | "deepPurple_80" | "deepPurple_90" | "purple_5" | "purple_10" | "purple_20" | "purple_30" | "purple_40" | "purple_50" | "purple_60" | "purple_70" | "purple_80" | "purple_90" | "brown_5" | "brown_10" | "brown_20" | "brown_30" | "brown_40" | "brown_50" | "brown_60" | "brown_70" | "brown_80" | "brown_90" | "deepGrey_5" | "deepGrey_10" | "deepGrey_20" | "deepGrey_30" | "deepGrey_40" | "deepGrey_50" | "deepGrey_60" | "deepGrey_70" | "deepGrey_80" | "deepGrey_90" | "black_5" | "black_10" | "black_20" | "black_30" | "black_40" | "black_50" | "black_60" | "black_70" | "black_80" | "black_90" | "grey50_5" | "grey50_10" | "grey50_20" | "grey50_30" | "grey50_40" | "grey50_50" | "grey50_60" | "grey50_70" | "grey50_80" | "grey50_90" | "grey20_5" | "grey20_10" | "grey20_20" | "grey20_30" | "grey20_40" | "grey20_50" | "grey20_60" | "grey20_70" | "grey20_80" | "grey20_90" | "grey10_5" | "grey10_10" | "grey10_20" | "grey10_30" | "grey10_40" | "grey10_50" | "grey10_60" | "grey10_70" | "grey10_80" | "grey10_90" | "grey5_5" | "grey5_10" | "grey5_20" | "grey5_30" | "grey5_40" | "grey5_50" | "grey5_60" | "grey5_70" | "grey5_80" | "grey5_90" | "grey8_5" | "grey8_10" | "grey8_20" | "grey8_30" | "grey8_40" | "grey8_50" | "grey8_60" | "grey8_70" | "grey8_80" | "grey8_90" | "grey2_5" | "grey2_10" | "grey2_20" | "grey2_30" | "grey2_40" | "grey2_50" | "grey2_60" | "grey2_70" | "grey2_80" | "grey2_90" | "white_5" | "white_10" | "white_20" | "white_30" | "white_40" | "white_50" | "white_60" | "white_70" | "white_80" | "white_90" | "actionBlue_5" | "actionBlue_10" | "actionBlue_20" | "actionBlue_30" | "actionBlue_40" | "actionBlue_50" | "actionBlue_60" | "actionBlue_70" | "actionBlue_80" | "actionBlue_90" | "actionBlueNeutral_5" | "actionBlueNeutral_10" | "actionBlueNeutral_20" | "actionBlueNeutral_30" | "actionBlueNeutral_40" | "actionBlueNeutral_50" | "actionBlueNeutral_60" | "actionBlueNeutral_70" | "actionBlueNeutral_80" | "actionBlueNeutral_90" | "onAccent_5" | "onAccent_10" | "onAccent_20" | "onAccent_30" | "onAccent_40" | "onAccent_50" | "onAccent_60" | "onAccent_70" | "onAccent_80" | "onAccent_90" | "onAccentNeutral_5" | "onAccentNeutral_10" | "onAccentNeutral_20" | "onAccentNeutral_30" | "onAccentNeutral_40" | "onAccentNeutral_50" | "onAccentNeutral_60" | "onAccentNeutral_70" | "onAccentNeutral_80" | "onAccentNeutral_90" | "actionBackgroundNeutral_5" | "actionBackgroundNeutral_10" | "actionBackgroundNeutral_20" | "actionBackgroundNeutral_30" | "actionBackgroundNeutral_40" | "actionBackgroundNeutral_50" | "actionBackgroundNeutral_60" | "actionBackgroundNeutral_70" | "actionBackgroundNeutral_80" | "actionBackgroundNeutral_90" | "popoverBackground_5" | "popoverBackground_10" | "popoverBackground_20" | "popoverBackground_30" | "popoverBackground_40" | "popoverBackground_50" | "popoverBackground_60" | "popoverBackground_70" | "popoverBackground_80" | "popoverBackground_90" | "greyTone2_5" | "greyTone2_10" | "greyTone2_20" | "greyTone2_30" | "greyTone2_40" | "greyTone2_50" | "greyTone2_60" | "greyTone2_70" | "greyTone2_80" | "greyTone2_90" | "success_5" | "success_10" | "success_20" | "success_30" | "success_40" | "success_50" | "success_60" | "success_70" | "success_80" | "success_90" | "warning_5" | "warning_10" | "warning_20" | "warning_30" | "warning_40" | "warning_50" | "warning_60" | "warning_70" | "warning_80" | "warning_90" | "danger_5" | "danger_10" | "danger_20" | "danger_30" | "danger_40" | "danger_50" | "danger_60" | "danger_70" | "danger_80" | "danger_90" | "inactive_5" | "inactive_10" | "inactive_20" | "inactive_30" | "inactive_40" | "inactive_50" | "inactive_60" | "inactive_70" | "inactive_80" | "inactive_90" | "positive_5" | "positive_10" | "positive_20" | "positive_30" | "positive_40" | "positive_50" | "positive_60" | "positive_70" | "positive_80" | "positive_90" | "negative_5" | "negative_10" | "negative_20" | "negative_30" | "negative_40" | "negative_50" | "negative_60" | "negative_70" | "negative_80" | "negative_90" | "static_5" | "static_10" | "static_20" | "static_30" | "static_40" | "static_50" | "static_60" | "static_70" | "static_80" | "static_90"), string>;
|
|
6575
6611
|
/**
|
|
6576
6612
|
* Border radius tokens.
|
|
6577
6613
|
*
|
|
@@ -6685,5 +6721,5 @@ declare const Token: {
|
|
|
6685
6721
|
};
|
|
6686
6722
|
};
|
|
6687
6723
|
|
|
6688
|
-
export { Action, ActionButton, Avatar, Badge, BottomSheet, Button, Calendar, Cell, CellSkeleton, Checkbox, CompactInput, Copyable, DetailsCell, Dropdown, FilterButton, Footnote, Group, HStack, Icon, Image, Input, Link, List, Map, MessageBubble, Page, Placeholder, Popup, ProgressSteps, Radio,
|
|
6689
|
-
export type { ActionButtonProps, ActionButtonVariant, ActionProps, AvatarProps, AvatarSize, BadgeProps, BottomSheetActionsProps, BottomSheetContentProps, BottomSheetHeaderProps, BottomSheetProps, ButtonProps, ButtonVariant, CalendarDateProps, CalendarDisabledDays, CalendarProps, CalendarRangeProps, CalendarVariant, CellProps, CellVariant, CheckboxProps, CompactInputProps, CopyableProps, CurrencyDefinition, DateFormatOptions, DateRangeFormatOptions, DateTimeFormatOptions, DetailsCellProps, DropdownOptions, DropdownProps, DropdownState, FilterButtonProps, FootnoteProps, GroupProps, GroupVariant, HStackProps, IconName, IconProps, ImageFit, ImageProp, ImageProps, InputProps, InputType, IntlMessages, LinkProps, ListProps, MapCenter, MapControls, MapLoadingState, MapMarker, MapProps, MessageBubbleProps, PageHeaderProps, PageMainProps, PageProps, PageTabsProps, PlaceholderProps, PopupProps, ProgressStepsItem, ProgressStepsItemState, ProgressStepsProps, RadioProps,
|
|
6724
|
+
export { Action, ActionButton, Avatar, Badge, BottomSheet, Button, Calendar, Cell, CellSkeleton, Checkbox, CompactInput, Copyable, DetailsCell, Dropdown, FilterButton, Footnote, Group, HStack, Icon, Image, Input, Link, List, Map, MessageBubble, Page, Placeholder, Popup, ProgressSteps, Radio, RootProvider, Search, Slider, SliderVariant, Spacer, StarRating, Subheader, Switch, TabBar, Text, TextArea, Toast, ToggleButton, Token, VStack, VisuallyHidden, copyToClipboard, nodeChain, useDateFormat, useDateRangeFormat, useDateTimeFormat, useDropdown, useIsRTL, useMoneyFormat, useStatusSheet, useTimeFormat, useToast };
|
|
6725
|
+
export type { ActionButtonProps, ActionButtonVariant, ActionProps, AvatarProps, AvatarSize, BadgeProps, BottomSheetActionsProps, BottomSheetContentProps, BottomSheetHeaderProps, BottomSheetProps, ButtonProps, ButtonVariant, CalendarDateProps, CalendarDisabledDays, CalendarProps, CalendarRangeProps, CalendarVariant, CellProps, CellVariant, CheckboxProps, CompactInputProps, CopyableProps, CurrencyDefinition, DateFormatOptions, DateRangeFormatOptions, DateTimeFormatOptions, DetailsCellProps, DropdownOptions, DropdownProps, DropdownState, FilterButtonProps, FootnoteProps, GroupProps, GroupVariant, HStackProps, IconName, IconProps, ImageFit, ImageProp, ImageProps, InputProps, InputType, IntlMessages, LinkProps, ListProps, MapCenter, MapControls, MapLoadingState, MapMarker, MapProps, MessageBubbleProps, PageHeaderProps, PageMainProps, PageProps, PageTabsProps, PlaceholderProps, PopupProps, ProgressStepsItem, ProgressStepsItemState, ProgressStepsProps, RadioProps, Radius, RangeSliderProps, RootProviderProps, SearchProps, SingleSliderProps, SliderProps, Space, SpacerProps, StackAlignment, StarRatingProps, StatusSheetAction, StatusSheetInstance, StatusSheetOptions, StatusSheetVariant, SubheaderProps, SubheaderVariant, SwitchProps, TabBarItem, TabBarProps, TabBarVariant, TextAreaProps, TextProps, TextVariant, ThemeBackground, ThemeMode, TimeFormatOptions, ToastActions, ToastProps, ToggleButtonProps, UseMoneyFormatOptions, VStackProps, VisuallyHiddenProps };
|