@revolut/ui-kit-miniapp 0.3.1 → 0.3.3
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 +108 -42
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';
|
|
@@ -264,6 +264,10 @@ declare const color: {
|
|
|
264
264
|
readonly ultraLight: "var(--rui-color-ultra-light)";
|
|
265
265
|
readonly ultraLightBlue: "var(--rui-color-ultra-light-blue)";
|
|
266
266
|
readonly ultraMid: "var(--rui-color-ultra-mid)";
|
|
267
|
+
readonly reflectiveSmallUIOverlay: "var(--rui-color-reflective-small-ui-overlay)";
|
|
268
|
+
readonly groupedBackgroundReflective: "var(--rui-color-grouped-background-reflective, var(--rui-color-grouped-background))";
|
|
269
|
+
readonly popoverBackgroundReflective: "var(--rui-color-popover-background-reflective, var(--rui-color-popover-background))";
|
|
270
|
+
readonly widgetBackgroundReflective: "var(--rui-color-widget-background-reflective, var(--rui-color-widget-background))";
|
|
267
271
|
};
|
|
268
272
|
declare const Token$1: {
|
|
269
273
|
readonly breakpoint: {
|
|
@@ -1348,7 +1352,7 @@ type ElevationLevel = ValueOf<typeof ElevationLevel>;
|
|
|
1348
1352
|
/**
|
|
1349
1353
|
* Docs: {@link https://ui-kit.revolut.codes/design-system/radii Radius}
|
|
1350
1354
|
*/
|
|
1351
|
-
declare const Radius: {
|
|
1355
|
+
declare const Radius$1: {
|
|
1352
1356
|
readonly NONE: "unset";
|
|
1353
1357
|
readonly R2: "r2";
|
|
1354
1358
|
readonly R4: "r4";
|
|
@@ -1368,7 +1372,7 @@ declare const Radius: {
|
|
|
1368
1372
|
readonly RD400: "rd400";
|
|
1369
1373
|
readonly RD600: "rd600";
|
|
1370
1374
|
};
|
|
1371
|
-
type Radius = ValueOf<typeof Radius>;
|
|
1375
|
+
type Radius$1 = ValueOf<typeof Radius$1>;
|
|
1372
1376
|
|
|
1373
1377
|
/**
|
|
1374
1378
|
* Docs: {@link https://ui-kit.revolut.codes/design-system/sizes Size}
|
|
@@ -1519,7 +1523,7 @@ type ImageSetWithFallback = {
|
|
|
1519
1523
|
} & ImageSet;
|
|
1520
1524
|
type ImageProp$1 = ImageURL | ImageSetWithFallback;
|
|
1521
1525
|
|
|
1522
|
-
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';
|
|
1523
1527
|
|
|
1524
1528
|
declare const ImageVariant: {
|
|
1525
1529
|
readonly ROUND: "round";
|
|
@@ -1559,11 +1563,11 @@ interface BorderProps {
|
|
|
1559
1563
|
borderBottomColor?: ResponsiveValue<Color>;
|
|
1560
1564
|
borderLeftColor?: ResponsiveValue<Color>;
|
|
1561
1565
|
borderRightColor?: ResponsiveValue<Color>;
|
|
1562
|
-
borderRadius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1563
|
-
borderTopLeftRadius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1564
|
-
borderTopRightRadius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1565
|
-
borderBottomLeftRadius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1566
|
-
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>>;
|
|
1567
1571
|
}
|
|
1568
1572
|
|
|
1569
1573
|
interface SpaceProps {
|
|
@@ -1598,13 +1602,13 @@ interface SpaceProps {
|
|
|
1598
1602
|
}
|
|
1599
1603
|
|
|
1600
1604
|
declare const sprinkles: ((props: {
|
|
1601
|
-
display?: "
|
|
1602
|
-
all?: "
|
|
1603
|
-
sm?: "
|
|
1604
|
-
md?: "
|
|
1605
|
-
lg?: "
|
|
1606
|
-
xl?: "
|
|
1607
|
-
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;
|
|
1608
1612
|
} | undefined;
|
|
1609
1613
|
flexDirection?: "column" | "column-reverse" | "row" | "row-reverse" | {
|
|
1610
1614
|
all?: "column" | "column-reverse" | "row" | "row-reverse" | undefined;
|
|
@@ -1638,21 +1642,21 @@ declare const sprinkles: ((props: {
|
|
|
1638
1642
|
xl?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
|
|
1639
1643
|
xxl?: "center" | "space-around" | "space-between" | "space-evenly" | "flex-end" | "flex-start" | undefined;
|
|
1640
1644
|
} | undefined;
|
|
1641
|
-
alignSelf?: "
|
|
1642
|
-
all?: "
|
|
1643
|
-
sm?: "
|
|
1644
|
-
md?: "
|
|
1645
|
-
lg?: "
|
|
1646
|
-
xl?: "
|
|
1647
|
-
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;
|
|
1648
1652
|
} | undefined;
|
|
1649
|
-
overflow?: "
|
|
1650
|
-
all?: "
|
|
1651
|
-
sm?: "
|
|
1652
|
-
md?: "
|
|
1653
|
-
lg?: "
|
|
1654
|
-
xl?: "
|
|
1655
|
-
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;
|
|
1656
1660
|
} | undefined;
|
|
1657
1661
|
position?: "static" | "fixed" | "absolute" | "relative" | "sticky" | {
|
|
1658
1662
|
all?: "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
|
|
@@ -1708,7 +1712,7 @@ interface StableBoxStyleProps extends SpaceProps, BorderProps {
|
|
|
1708
1712
|
minHeight?: ResponsiveValue<LooseLength<Size>>;
|
|
1709
1713
|
maxHeight?: ResponsiveValue<LooseLength<Size>>;
|
|
1710
1714
|
size?: ResponsiveValue<LooseLength<Size>>;
|
|
1711
|
-
radius?: ResponsiveValue<LooseLength<Radius>>;
|
|
1715
|
+
radius?: ResponsiveValue<LooseLength<Radius$1>>;
|
|
1712
1716
|
elevation?: ElevationLevel;
|
|
1713
1717
|
elevationOnHover?: ElevationLevel;
|
|
1714
1718
|
textStyle?: ResponsiveValue<TextStyle>;
|
|
@@ -2010,7 +2014,7 @@ interface ImageProps$1 extends Omit<BoxProps<'img'>, 'variant' | 'use'> {
|
|
|
2010
2014
|
image?: ImageProp$1;
|
|
2011
2015
|
}
|
|
2012
2016
|
|
|
2013
|
-
interface MapMarker$1<T =
|
|
2017
|
+
interface MapMarker$1<T = unknown> {
|
|
2014
2018
|
id?: string;
|
|
2015
2019
|
title: string;
|
|
2016
2020
|
lat: number;
|
|
@@ -2018,6 +2022,7 @@ interface MapMarker$1<T = string> {
|
|
|
2018
2022
|
image?: string;
|
|
2019
2023
|
description?: string;
|
|
2020
2024
|
data?: T;
|
|
2025
|
+
zIndex?: number;
|
|
2021
2026
|
}
|
|
2022
2027
|
interface MapCenter$1 {
|
|
2023
2028
|
lat: number;
|
|
@@ -2169,6 +2174,10 @@ type HTMLTag = 'svg' | Exclude<keyof JSXCompat.IntrinsicElements, 'slot' | 'styl
|
|
|
2169
2174
|
* Space token keys for gap values.
|
|
2170
2175
|
*/
|
|
2171
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;
|
|
2172
2181
|
/**
|
|
2173
2182
|
* Alignment options for stack items.
|
|
2174
2183
|
*/
|
|
@@ -2548,7 +2557,7 @@ declare const Avatar: ({ name, children, image, icon, size, uuid, ...rest }: Ava
|
|
|
2548
2557
|
/**
|
|
2549
2558
|
* Visual style variant of the action button.
|
|
2550
2559
|
*/
|
|
2551
|
-
type ActionButtonVariant = 'primary' | 'accent' | 'negative';
|
|
2560
|
+
type ActionButtonVariant = 'primary' | 'accent' | 'negative' | 'white';
|
|
2552
2561
|
/**
|
|
2553
2562
|
* Props for the ActionButton component.
|
|
2554
2563
|
*
|
|
@@ -4148,7 +4157,7 @@ type MapControls = MapControls$1;
|
|
|
4148
4157
|
*
|
|
4149
4158
|
* @example
|
|
4150
4159
|
* ```tsx
|
|
4151
|
-
* <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 }} />
|
|
4152
4161
|
* ```
|
|
4153
4162
|
*/
|
|
4154
4163
|
interface MapProps {
|
|
@@ -4159,7 +4168,7 @@ interface MapProps {
|
|
|
4159
4168
|
/**
|
|
4160
4169
|
* Google Maps map ID.
|
|
4161
4170
|
*/
|
|
4162
|
-
mapId
|
|
4171
|
+
mapId: string;
|
|
4163
4172
|
/**
|
|
4164
4173
|
* Initial map center coordinates.
|
|
4165
4174
|
* @default { lat: 51.5074, lng: -0.1278 }
|
|
@@ -4178,6 +4187,11 @@ interface MapProps {
|
|
|
4178
4187
|
* Map UI controls configuration.
|
|
4179
4188
|
*/
|
|
4180
4189
|
controls?: MapControls;
|
|
4190
|
+
/**
|
|
4191
|
+
* Border radius of the map container using radius tokens.
|
|
4192
|
+
* @default 'widget'
|
|
4193
|
+
*/
|
|
4194
|
+
radius?: Radius;
|
|
4181
4195
|
/**
|
|
4182
4196
|
* Loading state override.
|
|
4183
4197
|
*/
|
|
@@ -4229,6 +4243,7 @@ interface MapProps {
|
|
|
4229
4243
|
* return (
|
|
4230
4244
|
* <Map
|
|
4231
4245
|
* apiKey="YOUR_API_KEY"
|
|
4246
|
+
* mapId="YOUR_MAP_ID"
|
|
4232
4247
|
* center={{ lat: 51.5074, lng: -0.1278 }}
|
|
4233
4248
|
* />
|
|
4234
4249
|
* )
|
|
@@ -4244,6 +4259,7 @@ interface MapProps {
|
|
|
4244
4259
|
* return (
|
|
4245
4260
|
* <Map
|
|
4246
4261
|
* apiKey="YOUR_API_KEY"
|
|
4262
|
+
* mapId="YOUR_MAP_ID"
|
|
4247
4263
|
* center={{ lat: 51.5074, lng: -0.1278 }}
|
|
4248
4264
|
* markers={[
|
|
4249
4265
|
* { id: 'office', title: 'Revolut Office', lat: 51.5044, lng: -0.0204 },
|
|
@@ -4262,6 +4278,7 @@ interface MapProps {
|
|
|
4262
4278
|
* return (
|
|
4263
4279
|
* <Map
|
|
4264
4280
|
* apiKey="YOUR_API_KEY"
|
|
4281
|
+
* mapId="YOUR_MAP_ID"
|
|
4265
4282
|
* center={{ lat: 51.5074, lng: -0.1278 }}
|
|
4266
4283
|
* onDragEnd={(event) => console.log('Center:', event.center)}
|
|
4267
4284
|
* onZoom={(event) => console.log('Zoom:', event.zoom)}
|
|
@@ -4279,6 +4296,7 @@ interface MapProps {
|
|
|
4279
4296
|
* return (
|
|
4280
4297
|
* <Map
|
|
4281
4298
|
* apiKey="YOUR_API_KEY"
|
|
4299
|
+
* mapId="YOUR_MAP_ID"
|
|
4282
4300
|
* center={{ lat: 51.5074, lng: -0.1278 }}
|
|
4283
4301
|
* controls={{
|
|
4284
4302
|
* zoomControl: false,
|
|
@@ -4290,8 +4308,24 @@ interface MapProps {
|
|
|
4290
4308
|
* )
|
|
4291
4309
|
* }
|
|
4292
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
|
+
* ```
|
|
4293
4327
|
*/
|
|
4294
|
-
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;
|
|
4295
4329
|
|
|
4296
4330
|
/**
|
|
4297
4331
|
* Props for the FilterButton component.
|
|
@@ -4331,6 +4365,10 @@ interface FilterButtonProps extends NativeButtonProps {
|
|
|
4331
4365
|
* Button content.
|
|
4332
4366
|
*/
|
|
4333
4367
|
children?: React__default.ReactNode;
|
|
4368
|
+
/**
|
|
4369
|
+
* Button className.
|
|
4370
|
+
*/
|
|
4371
|
+
className?: string;
|
|
4334
4372
|
}
|
|
4335
4373
|
/**
|
|
4336
4374
|
* FilterButton component for filter controls.
|
|
@@ -4368,7 +4406,7 @@ interface FilterButtonProps extends NativeButtonProps {
|
|
|
4368
4406
|
* </FilterButton>
|
|
4369
4407
|
* ```
|
|
4370
4408
|
*/
|
|
4371
|
-
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;
|
|
4372
4410
|
|
|
4373
4411
|
type NativeInputProps$2 = Omit<React__default.InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'children' | 'value' | 'defaultValue' | 'onChange' | 'disabled' | 'readOnly'>;
|
|
4374
4412
|
/**
|
|
@@ -4865,6 +4903,11 @@ interface PopupProps {
|
|
|
4865
4903
|
/**
|
|
4866
4904
|
* Popup component for displaying modal content with full screen size.
|
|
4867
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
|
+
*
|
|
4868
4911
|
* @example
|
|
4869
4912
|
* ```tsx
|
|
4870
4913
|
* import { Button, Calendar, Popup } from '@revolut/ui-kit-miniapp'
|
|
@@ -4885,6 +4928,7 @@ interface PopupProps {
|
|
|
4885
4928
|
*/
|
|
4886
4929
|
declare const Popup: ({ open, onClose, children, title, description, actions, footer, headerVariant, avatar, closeButtonIcon, }: PopupProps) => react_jsx_runtime.JSX.Element;
|
|
4887
4930
|
|
|
4931
|
+
type ProgressStepsItemState = 'default' | 'done' | 'pending' | 'failed';
|
|
4888
4932
|
/**
|
|
4889
4933
|
* Progress steps item definition.
|
|
4890
4934
|
*/
|
|
@@ -4901,6 +4945,11 @@ interface ProgressStepsItem {
|
|
|
4901
4945
|
* Color of the indicator at the start of the step item
|
|
4902
4946
|
*/
|
|
4903
4947
|
color: Color;
|
|
4948
|
+
/**
|
|
4949
|
+
* State of the indicator at the start of the step item
|
|
4950
|
+
* @default 'done'
|
|
4951
|
+
*/
|
|
4952
|
+
state?: ProgressStepsItemState;
|
|
4904
4953
|
}
|
|
4905
4954
|
/**
|
|
4906
4955
|
* Props for the ProgressSteps component.
|
|
@@ -4909,8 +4958,9 @@ interface ProgressStepsItem {
|
|
|
4909
4958
|
* ```tsx
|
|
4910
4959
|
* <ProgressSteps
|
|
4911
4960
|
* items={[
|
|
4912
|
-
* { title: 'Free cancellation', description: 'Until 15th of December', color: 'success' },
|
|
4913
|
-
* { title: '
|
|
4961
|
+
* { title: 'Free cancellation', description: 'Until 15th of December', color: 'success', state: 'done' },
|
|
4962
|
+
* { title: 'Partial refund', description: 'From 16th to 19th of December', color: 'warning', state: 'pending' },
|
|
4963
|
+
* { title: 'No refund', description: 'From 20th of December', color: 'red', state: 'failed' },
|
|
4914
4964
|
* ]}
|
|
4915
4965
|
* />
|
|
4916
4966
|
* ```
|
|
@@ -6097,10 +6147,22 @@ interface RootProviderProps {
|
|
|
6097
6147
|
* @default false
|
|
6098
6148
|
*/
|
|
6099
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;
|
|
6100
6162
|
/**
|
|
6101
6163
|
* Application content.
|
|
6102
6164
|
*/
|
|
6103
|
-
children:
|
|
6165
|
+
children: ReactNode;
|
|
6104
6166
|
}
|
|
6105
6167
|
/**
|
|
6106
6168
|
* RootProvider component that sets up the theme and internationalisation context.
|
|
@@ -6129,7 +6191,7 @@ interface RootProviderProps {
|
|
|
6129
6191
|
* </RootProvider>
|
|
6130
6192
|
* ```
|
|
6131
6193
|
*/
|
|
6132
|
-
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;
|
|
6133
6195
|
|
|
6134
6196
|
/**
|
|
6135
6197
|
* Props for the BottomSheet.Header component.
|
|
@@ -6377,6 +6439,10 @@ interface PageComponent extends React__default.FC<PageProps> {
|
|
|
6377
6439
|
* Uses the focused variant which is optimised for single-task flows
|
|
6378
6440
|
* without top navigation or side menus.
|
|
6379
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.
|
|
6445
|
+
*
|
|
6380
6446
|
* @example
|
|
6381
6447
|
* ```tsx
|
|
6382
6448
|
* import { Page } from '@revolut/ui-kit-miniapp'
|
|
@@ -6655,4 +6721,4 @@ declare const Token: {
|
|
|
6655
6721
|
};
|
|
6656
6722
|
|
|
6657
6723
|
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 };
|
|
6658
|
-
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, ProgressStepsProps, RadioProps, 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 };
|
|
6724
|
+
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 };
|