@lifi/widget 3.19.2 → 3.20.0-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/AppDrawer.js +8 -6
- package/dist/esm/AppDrawer.js.map +1 -1
- package/dist/esm/components/ActiveTransactions/ActiveTransactionItem.js +3 -1
- package/dist/esm/components/ActiveTransactions/ActiveTransactionItem.js.map +1 -1
- package/dist/esm/components/ActiveTransactions/ActiveTransactions.style.d.ts +2 -2
- package/dist/esm/components/ActiveTransactions/ActiveTransactions.style.js +2 -3
- package/dist/esm/components/ActiveTransactions/ActiveTransactions.style.js.map +1 -1
- package/dist/esm/components/AmountInput/AmountInputAdornment.style.js +1 -1
- package/dist/esm/components/AmountInput/AmountInputAdornment.style.js.map +1 -1
- package/dist/esm/components/AppContainer.js +2 -1
- package/dist/esm/components/AppContainer.js.map +1 -1
- package/dist/esm/components/Avatar/AccountAvatar.js +1 -1
- package/dist/esm/components/Avatar/AccountAvatar.js.map +1 -1
- package/dist/esm/components/Avatar/Avatar.style.js +9 -9
- package/dist/esm/components/Avatar/Avatar.style.js.map +1 -1
- package/dist/esm/components/Avatar/SmallAvatar.js +1 -1
- package/dist/esm/components/Avatar/SmallAvatar.js.map +1 -1
- package/dist/esm/components/BottomSheet/BottomSheet.js +2 -2
- package/dist/esm/components/BottomSheet/BottomSheet.js.map +1 -1
- package/dist/esm/components/ButtonTertiary.js +14 -6
- package/dist/esm/components/ButtonTertiary.js.map +1 -1
- package/dist/esm/components/Card/Card.js +18 -18
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Card/CardButton.style.js +1 -1
- package/dist/esm/components/Card/CardButton.style.js.map +1 -1
- package/dist/esm/components/Card/CardHeader.js +2 -2
- package/dist/esm/components/Card/CardHeader.js.map +1 -1
- package/dist/esm/components/Card/CardIconButton.d.ts +1 -1
- package/dist/esm/components/Card/CardIconButton.js +2 -3
- package/dist/esm/components/Card/CardIconButton.js.map +1 -1
- package/dist/esm/components/Card/CardLabel.js +15 -21
- package/dist/esm/components/Card/CardLabel.js.map +1 -1
- package/dist/esm/components/Card/CardTitle.js +2 -2
- package/dist/esm/components/Card/CardTitle.js.map +1 -1
- package/dist/esm/components/Card/InputCard.d.ts +1 -1
- package/dist/esm/components/ContractComponent/NFT/NFT.style.js +2 -2
- package/dist/esm/components/ContractComponent/NFT/NFT.style.js.map +1 -1
- package/dist/esm/components/Dialog.d.ts +10 -2
- package/dist/esm/components/Dialog.js +10 -10
- package/dist/esm/components/Dialog.js.map +1 -1
- package/dist/esm/components/Header/BackButton.js +1 -1
- package/dist/esm/components/Header/BackButton.js.map +1 -1
- package/dist/esm/components/Header/CloseDrawerButton.js +1 -1
- package/dist/esm/components/Header/CloseDrawerButton.js.map +1 -1
- package/dist/esm/components/Header/DisconnectIconButton.js +1 -1
- package/dist/esm/components/Header/DisconnectIconButton.js.map +1 -1
- package/dist/esm/components/Header/Header.style.js +15 -7
- package/dist/esm/components/Header/Header.style.js.map +1 -1
- package/dist/esm/components/Header/SettingsButton.js +1 -1
- package/dist/esm/components/Header/SettingsButton.js.map +1 -1
- package/dist/esm/components/Header/SettingsButton.style.js +18 -7
- package/dist/esm/components/Header/SettingsButton.style.js.map +1 -1
- package/dist/esm/components/Header/TransactionHistoryButton.js +1 -1
- package/dist/esm/components/Header/TransactionHistoryButton.js.map +1 -1
- package/dist/esm/components/Header/WalletHeader.js +2 -1
- package/dist/esm/components/Header/WalletHeader.js.map +1 -1
- package/dist/esm/components/Header/WalletMenu.js +3 -1
- package/dist/esm/components/Header/WalletMenu.js.map +1 -1
- package/dist/esm/components/Header/WalletMenu.style.js +4 -4
- package/dist/esm/components/Header/WalletMenu.style.js.map +1 -1
- package/dist/esm/components/IconTypography.js +4 -4
- package/dist/esm/components/IconTypography.js.map +1 -1
- package/dist/esm/components/ListItem/ListItem.d.ts +1 -1
- package/dist/esm/components/ListItem/ListItemButton.d.ts +1 -1
- package/dist/esm/components/ListItemButton.d.ts +1 -1
- package/dist/esm/components/ListItemButton.js +2 -4
- package/dist/esm/components/ListItemButton.js.map +1 -1
- package/dist/esm/components/Menu.js +3 -3
- package/dist/esm/components/Menu.js.map +1 -1
- package/dist/esm/components/Messages/AccountNotDeployedMessage.js +1 -1
- package/dist/esm/components/Messages/AccountNotDeployedMessage.js.map +1 -1
- package/dist/esm/components/Messages/AlertMessage.style.js +18 -12
- package/dist/esm/components/Messages/AlertMessage.style.js.map +1 -1
- package/dist/esm/components/Messages/FundsSufficiencyMessage.js +1 -1
- package/dist/esm/components/Messages/FundsSufficiencyMessage.js.map +1 -1
- package/dist/esm/components/Messages/GasRefuelMessage.js +1 -1
- package/dist/esm/components/Messages/GasRefuelMessage.js.map +1 -1
- package/dist/esm/components/Messages/GasRefuelMessage.style.js +7 -7
- package/dist/esm/components/Messages/GasRefuelMessage.style.js.map +1 -1
- package/dist/esm/components/Messages/GasSufficiencyMessage.js +1 -1
- package/dist/esm/components/Messages/GasSufficiencyMessage.js.map +1 -1
- package/dist/esm/components/Messages/ToAddressRequiredMessage.js +1 -1
- package/dist/esm/components/Messages/ToAddressRequiredMessage.js.map +1 -1
- package/dist/esm/components/NotFound.js +1 -1
- package/dist/esm/components/NotFound.js.map +1 -1
- package/dist/esm/components/PoweredBy/PoweredBy.style.js +1 -1
- package/dist/esm/components/PoweredBy/PoweredBy.style.js.map +1 -1
- package/dist/esm/components/ProgressToNextUpdate.js +6 -6
- package/dist/esm/components/ProgressToNextUpdate.js.map +1 -1
- package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.js +2 -1
- package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.js.map +1 -1
- package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.style.js +1 -1
- package/dist/esm/components/ReverseTokensButton/ReverseTokensButton.style.js.map +1 -1
- package/dist/esm/components/RouteCard/RouteCard.js +2 -1
- package/dist/esm/components/RouteCard/RouteCard.js.map +1 -1
- package/dist/esm/components/RouteCard/RouteCardEssentials.js +2 -1
- package/dist/esm/components/RouteCard/RouteCardEssentials.js.map +1 -1
- package/dist/esm/components/RouteCard/RouteCardEssentialsExpanded.js +1 -1
- package/dist/esm/components/RouteCard/RouteCardEssentialsExpanded.js.map +1 -1
- package/dist/esm/components/RouteCard/RouteCardSkeleton.js +1 -1
- package/dist/esm/components/RouteCard/RouteCardSkeleton.js.map +1 -1
- package/dist/esm/components/RouteCard/RouteNotFoundCard.js +1 -1
- package/dist/esm/components/RouteCard/RouteNotFoundCard.js.map +1 -1
- package/dist/esm/components/Routes/Routes.js +1 -1
- package/dist/esm/components/Routes/Routes.js.map +1 -1
- package/dist/esm/components/Routes/RoutesExpanded.style.js +2 -2
- package/dist/esm/components/Routes/RoutesExpanded.style.js.map +1 -1
- package/dist/esm/components/Search/SearchInput.js +1 -1
- package/dist/esm/components/Search/SearchInput.js.map +1 -1
- package/dist/esm/components/Search/SearchInput.style.js +1 -1
- package/dist/esm/components/Search/SearchInput.style.js.map +1 -1
- package/dist/esm/components/Search/SearchNotFound.js +1 -1
- package/dist/esm/components/Search/SearchNotFound.js.map +1 -1
- package/dist/esm/components/Search/SearchNotFound.style.js +1 -1
- package/dist/esm/components/Search/SearchNotFound.style.js.map +1 -1
- package/dist/esm/components/Select.js +4 -4
- package/dist/esm/components/Select.js.map +1 -1
- package/dist/esm/components/SelectChainAndToken.js +1 -1
- package/dist/esm/components/SelectChainAndToken.js.map +1 -1
- package/dist/esm/components/SelectTokenButton/SelectTokenButton.d.ts +1 -0
- package/dist/esm/components/SelectTokenButton/SelectTokenButton.js +9 -8
- package/dist/esm/components/SelectTokenButton/SelectTokenButton.js.map +1 -1
- package/dist/esm/components/SelectTokenButton/SelectTokenButton.style.d.ts +1 -0
- package/dist/esm/components/SelectTokenButton/SelectTokenButton.style.js +12 -9
- package/dist/esm/components/SelectTokenButton/SelectTokenButton.style.js.map +1 -1
- package/dist/esm/components/SendToWallet/SendToWallet.style.js +2 -2
- package/dist/esm/components/SendToWallet/SendToWallet.style.js.map +1 -1
- package/dist/esm/components/SendToWallet/SendToWalletButton.js +1 -1
- package/dist/esm/components/SendToWallet/SendToWalletButton.js.map +1 -1
- package/dist/esm/components/SendToWallet/SendToWalletExpandButton.js +1 -1
- package/dist/esm/components/SendToWallet/SendToWalletExpandButton.js.map +1 -1
- package/dist/esm/components/SettingsListItemButton.d.ts +1 -1
- package/dist/esm/components/Skeleton/WidgetSkeleton.js +3 -3
- package/dist/esm/components/Skeleton/WidgetSkeleton.js.map +1 -1
- package/dist/esm/components/Skeleton/WidgetSkeleton.style.d.ts +1 -1
- package/dist/esm/components/Skeleton/WidgetSkeleton.style.js +2 -2
- package/dist/esm/components/Skeleton/WidgetSkeleton.style.js.map +1 -1
- package/dist/esm/components/Step/CircularProgress.js +5 -3
- package/dist/esm/components/Step/CircularProgress.js.map +1 -1
- package/dist/esm/components/Step/CircularProgress.style.js +11 -10
- package/dist/esm/components/Step/CircularProgress.style.js.map +1 -1
- package/dist/esm/components/Step/DestinationWalletAddress.js +2 -1
- package/dist/esm/components/Step/DestinationWalletAddress.js.map +1 -1
- package/dist/esm/components/Step/StepProcess.js +1 -1
- package/dist/esm/components/Step/StepProcess.js.map +1 -1
- package/dist/esm/components/StepActions/StepActions.js +3 -1
- package/dist/esm/components/StepActions/StepActions.js.map +1 -1
- package/dist/esm/components/StepActions/StepActions.style.js +10 -10
- package/dist/esm/components/StepActions/StepActions.style.js.map +1 -1
- package/dist/esm/components/Switch.js +10 -16
- package/dist/esm/components/Switch.js.map +1 -1
- package/dist/esm/components/Tabs/Tabs.style.d.ts +4 -4
- package/dist/esm/components/Tabs/Tabs.style.js +10 -16
- package/dist/esm/components/Tabs/Tabs.style.js.map +1 -1
- package/dist/esm/components/TextFitter/TextFitter.js +1 -1
- package/dist/esm/components/TextFitter/TextFitter.js.map +1 -1
- package/dist/esm/components/Timer/TimerContent.js +1 -1
- package/dist/esm/components/Timer/TimerContent.js.map +1 -1
- package/dist/esm/components/Token/Token.style.js +6 -6
- package/dist/esm/components/Token/Token.style.js.map +1 -1
- package/dist/esm/components/TokenList/TokenList.js +5 -1
- package/dist/esm/components/TokenList/TokenList.js.map +1 -1
- package/dist/esm/components/TokenList/TokenList.style.d.ts +3 -3
- package/dist/esm/components/TokenList/TokenList.style.js +2 -3
- package/dist/esm/components/TokenList/TokenList.style.js.map +1 -1
- package/dist/esm/components/TokenList/TokenListItem.js +5 -3
- package/dist/esm/components/TokenList/TokenListItem.js.map +1 -1
- package/dist/esm/components/TokenList/types.d.ts +3 -3
- package/dist/esm/components/TokenRate/TokenRate.style.js +1 -1
- package/dist/esm/components/TokenRate/TokenRate.style.js.map +1 -1
- package/dist/esm/components/TransactionDetails.js +3 -1
- package/dist/esm/components/TransactionDetails.js.map +1 -1
- package/dist/esm/config/version.d.ts +1 -1
- package/dist/esm/config/version.js +1 -1
- package/dist/esm/config/version.js.map +1 -1
- package/dist/esm/hooks/useSetContentHeight.d.ts +2 -2
- package/dist/esm/hooks/useSetContentHeight.js.map +1 -1
- package/dist/esm/i18n/en.json +2 -1
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/pages/ActiveTransactionsPage/ActiveTransactionsEmpty.js +1 -1
- package/dist/esm/pages/ActiveTransactionsPage/ActiveTransactionsEmpty.js.map +1 -1
- package/dist/esm/pages/ActiveTransactionsPage/ActiveTransactionsPage.js +1 -1
- package/dist/esm/pages/ActiveTransactionsPage/ActiveTransactionsPage.js.map +1 -1
- package/dist/esm/pages/LanguagesPage.js +1 -1
- package/dist/esm/pages/LanguagesPage.js.map +1 -1
- package/dist/esm/pages/SelectEnabledToolsPage.js +4 -1
- package/dist/esm/pages/SelectEnabledToolsPage.js.map +1 -1
- package/dist/esm/pages/SendToWallet/BookmarkAddressSheet.js +3 -1
- package/dist/esm/pages/SendToWallet/BookmarkAddressSheet.js.map +1 -1
- package/dist/esm/pages/SendToWallet/BookmarksPage.js +5 -1
- package/dist/esm/pages/SendToWallet/BookmarksPage.js.map +1 -1
- package/dist/esm/pages/SendToWallet/ConfirmAddressSheet.js +2 -1
- package/dist/esm/pages/SendToWallet/ConfirmAddressSheet.js.map +1 -1
- package/dist/esm/pages/SendToWallet/ConnectedWalletsPage.js +4 -1
- package/dist/esm/pages/SendToWallet/ConnectedWalletsPage.js.map +1 -1
- package/dist/esm/pages/SendToWallet/RecentWalletsPage.js +6 -1
- package/dist/esm/pages/SendToWallet/RecentWalletsPage.js.map +1 -1
- package/dist/esm/pages/SendToWallet/SendToConfiguredWalletPage.js +3 -1
- package/dist/esm/pages/SendToWallet/SendToConfiguredWalletPage.js.map +1 -1
- package/dist/esm/pages/SendToWallet/SendToWalletPage.js +4 -1
- package/dist/esm/pages/SendToWallet/SendToWalletPage.js.map +1 -1
- package/dist/esm/pages/SendToWallet/SendToWalletPage.style.d.ts +1 -1
- package/dist/esm/pages/SendToWallet/SendToWalletPage.style.js +9 -10
- package/dist/esm/pages/SendToWallet/SendToWalletPage.style.js.map +1 -1
- package/dist/esm/pages/SettingsPage/BridgeAndExchangeSettings.js +2 -1
- package/dist/esm/pages/SettingsPage/BridgeAndExchangeSettings.js.map +1 -1
- package/dist/esm/pages/SettingsPage/GasPriceSettings.js +1 -1
- package/dist/esm/pages/SettingsPage/GasPriceSettings.js.map +1 -1
- package/dist/esm/pages/SettingsPage/LanguageSetting.js +1 -1
- package/dist/esm/pages/SettingsPage/LanguageSetting.js.map +1 -1
- package/dist/esm/pages/SettingsPage/ResetSettingsButton.js +1 -1
- package/dist/esm/pages/SettingsPage/ResetSettingsButton.js.map +1 -1
- package/dist/esm/pages/SettingsPage/ResetSettingsButton.style.js +2 -3
- package/dist/esm/pages/SettingsPage/ResetSettingsButton.style.js.map +1 -1
- package/dist/esm/pages/SettingsPage/RoutePrioritySettings.js +1 -1
- package/dist/esm/pages/SettingsPage/RoutePrioritySettings.js.map +1 -1
- package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.js +2 -1
- package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.js.map +1 -1
- package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.style.js +18 -14
- package/dist/esm/pages/SettingsPage/SlippageSettings/SlippageSettings.style.js.map +1 -1
- package/dist/esm/pages/SettingsPage/ThemeSettings.js +9 -7
- package/dist/esm/pages/SettingsPage/ThemeSettings.js.map +1 -1
- package/dist/esm/pages/TransactionDetailsPage/TransferIdCard.js +2 -1
- package/dist/esm/pages/TransactionDetailsPage/TransferIdCard.js.map +1 -1
- package/dist/esm/pages/TransactionHistoryPage/TransactionHistoryEmpty.js +1 -1
- package/dist/esm/pages/TransactionHistoryPage/TransactionHistoryEmpty.js.map +1 -1
- package/dist/esm/pages/TransactionHistoryPage/TransactionHistorySkeleton.js +2 -2
- package/dist/esm/pages/TransactionHistoryPage/TransactionHistorySkeleton.js.map +1 -1
- package/dist/esm/pages/TransactionPage/ConfirmToAddressSheet.js +2 -1
- package/dist/esm/pages/TransactionPage/ConfirmToAddressSheet.js.map +1 -1
- package/dist/esm/pages/TransactionPage/ExchangeRateBottomSheet.js +1 -1
- package/dist/esm/pages/TransactionPage/ExchangeRateBottomSheet.js.map +1 -1
- package/dist/esm/pages/TransactionPage/StatusBottomSheet.js +4 -1
- package/dist/esm/pages/TransactionPage/StatusBottomSheet.js.map +1 -1
- package/dist/esm/pages/TransactionPage/StatusBottomSheet.style.js +19 -7
- package/dist/esm/pages/TransactionPage/StatusBottomSheet.style.js.map +1 -1
- package/dist/esm/pages/TransactionPage/TokenValueBottomSheet.js +1 -1
- package/dist/esm/pages/TransactionPage/TokenValueBottomSheet.js.map +1 -1
- package/dist/esm/pages/TransactionPage/TransactionPage.js +1 -1
- package/dist/esm/pages/TransactionPage/TransactionPage.js.map +1 -1
- package/dist/esm/providers/ThemeProvider/ThemeProvider.js +7 -22
- package/dist/esm/providers/ThemeProvider/ThemeProvider.js.map +1 -1
- package/dist/esm/stores/settings/types.d.ts +1 -2
- package/dist/esm/stores/settings/useSettingsStore.js +2 -7
- package/dist/esm/stores/settings/useSettingsStore.js.map +1 -1
- package/dist/esm/stores/settings/utils/getStateValues.js +0 -1
- package/dist/esm/stores/settings/utils/getStateValues.js.map +1 -1
- package/dist/esm/themes/azureLight.js +27 -23
- package/dist/esm/themes/azureLight.js.map +1 -1
- package/dist/esm/themes/createTheme.d.ts +1 -2
- package/dist/esm/themes/createTheme.js +133 -67
- package/dist/esm/themes/createTheme.js.map +1 -1
- package/dist/esm/themes/jumper.js +70 -30
- package/dist/esm/themes/jumper.js.map +1 -1
- package/dist/esm/themes/types.d.ts +7 -1
- package/dist/esm/themes/watermelonLight.js +28 -24
- package/dist/esm/themes/watermelonLight.js.map +1 -1
- package/dist/esm/themes/windows95.js +24 -20
- package/dist/esm/themes/windows95.js.map +1 -1
- package/dist/esm/types/widget.d.ts +19 -9
- package/dist/esm/types/widget.js.map +1 -1
- package/package.json +5 -5
- package/package.json.tmp +4 -4
- package/src/AppDrawer.tsx +10 -7
- package/src/components/ActiveTransactions/ActiveTransactionItem.tsx +3 -1
- package/src/components/ActiveTransactions/ActiveTransactions.style.ts +2 -3
- package/src/components/AmountInput/AmountInputAdornment.style.tsx +1 -1
- package/src/components/AppContainer.tsx +2 -1
- package/src/components/Avatar/AccountAvatar.tsx +1 -1
- package/src/components/Avatar/Avatar.style.tsx +9 -9
- package/src/components/Avatar/SmallAvatar.tsx +1 -1
- package/src/components/BottomSheet/BottomSheet.tsx +1 -2
- package/src/components/ButtonTertiary.tsx +14 -6
- package/src/components/Card/Card.tsx +18 -18
- package/src/components/Card/CardButton.style.tsx +1 -1
- package/src/components/Card/CardHeader.tsx +2 -2
- package/src/components/Card/CardIconButton.tsx +2 -3
- package/src/components/Card/CardLabel.tsx +15 -59
- package/src/components/Card/CardTitle.tsx +2 -2
- package/src/components/ContractComponent/NFT/NFT.style.ts +2 -2
- package/src/components/Dialog.tsx +10 -12
- package/src/components/Header/BackButton.tsx +1 -1
- package/src/components/Header/CloseDrawerButton.tsx +1 -1
- package/src/components/Header/DisconnectIconButton.tsx +1 -1
- package/src/components/Header/Header.style.ts +15 -7
- package/src/components/Header/SettingsButton.style.tsx +17 -10
- package/src/components/Header/SettingsButton.tsx +1 -1
- package/src/components/Header/TransactionHistoryButton.tsx +1 -1
- package/src/components/Header/WalletHeader.tsx +2 -1
- package/src/components/Header/WalletMenu.style.tsx +4 -4
- package/src/components/Header/WalletMenu.tsx +3 -5
- package/src/components/IconTypography.ts +4 -4
- package/src/components/ListItemButton.tsx +2 -4
- package/src/components/Menu.tsx +3 -3
- package/src/components/Messages/AccountNotDeployedMessage.tsx +1 -1
- package/src/components/Messages/AlertMessage.style.tsx +18 -16
- package/src/components/Messages/FundsSufficiencyMessage.tsx +1 -1
- package/src/components/Messages/GasRefuelMessage.style.ts +7 -7
- package/src/components/Messages/GasRefuelMessage.tsx +1 -1
- package/src/components/Messages/GasSufficiencyMessage.tsx +1 -1
- package/src/components/Messages/ToAddressRequiredMessage.tsx +1 -1
- package/src/components/NotFound.tsx +1 -1
- package/src/components/PoweredBy/PoweredBy.style.ts +1 -1
- package/src/components/ProgressToNextUpdate.tsx +6 -6
- package/src/components/ReverseTokensButton/ReverseTokensButton.style.tsx +1 -1
- package/src/components/ReverseTokensButton/ReverseTokensButton.tsx +2 -1
- package/src/components/RouteCard/RouteCard.tsx +2 -1
- package/src/components/RouteCard/RouteCardEssentials.tsx +2 -1
- package/src/components/RouteCard/RouteCardEssentialsExpanded.tsx +1 -1
- package/src/components/RouteCard/RouteCardSkeleton.tsx +1 -1
- package/src/components/RouteCard/RouteNotFoundCard.tsx +1 -1
- package/src/components/Routes/Routes.tsx +1 -1
- package/src/components/Routes/RoutesExpanded.style.ts +2 -2
- package/src/components/Search/SearchInput.style.tsx +1 -1
- package/src/components/Search/SearchInput.tsx +1 -1
- package/src/components/Search/SearchNotFound.style.tsx +1 -1
- package/src/components/Search/SearchNotFound.tsx +1 -1
- package/src/components/Select.tsx +4 -4
- package/src/components/SelectChainAndToken.tsx +10 -2
- package/src/components/SelectTokenButton/SelectTokenButton.style.tsx +33 -31
- package/src/components/SelectTokenButton/SelectTokenButton.tsx +10 -11
- package/src/components/SendToWallet/SendToWallet.style.tsx +2 -2
- package/src/components/SendToWallet/SendToWalletButton.tsx +1 -1
- package/src/components/SendToWallet/SendToWalletExpandButton.tsx +1 -1
- package/src/components/Skeleton/WidgetSkeleton.style.tsx +2 -2
- package/src/components/Skeleton/WidgetSkeleton.tsx +9 -6
- package/src/components/Step/CircularProgress.style.tsx +11 -11
- package/src/components/Step/CircularProgress.tsx +5 -8
- package/src/components/Step/DestinationWalletAddress.tsx +2 -1
- package/src/components/Step/StepProcess.tsx +1 -1
- package/src/components/StepActions/StepActions.style.tsx +9 -10
- package/src/components/StepActions/StepActions.tsx +3 -1
- package/src/components/Switch.tsx +10 -21
- package/src/components/Tabs/Tabs.style.tsx +9 -16
- package/src/components/TextFitter/TextFitter.tsx +1 -1
- package/src/components/Timer/TimerContent.tsx +1 -1
- package/src/components/Token/Token.style.tsx +6 -6
- package/src/components/TokenList/TokenList.style.tsx +2 -3
- package/src/components/TokenList/TokenList.tsx +5 -1
- package/src/components/TokenList/TokenListItem.tsx +5 -3
- package/src/components/TokenList/types.ts +3 -3
- package/src/components/TokenRate/TokenRate.style.ts +1 -1
- package/src/components/TransactionDetails.tsx +3 -5
- package/src/config/version.ts +1 -1
- package/src/hooks/useSetContentHeight.ts +2 -2
- package/src/i18n/en.json +2 -1
- package/src/index.ts +2 -1
- package/src/pages/ActiveTransactionsPage/ActiveTransactionsEmpty.tsx +1 -1
- package/src/pages/ActiveTransactionsPage/ActiveTransactionsPage.tsx +1 -1
- package/src/pages/LanguagesPage.tsx +1 -1
- package/src/pages/SelectEnabledToolsPage.tsx +4 -6
- package/src/pages/SendToWallet/BookmarkAddressSheet.tsx +6 -8
- package/src/pages/SendToWallet/BookmarksPage.tsx +5 -7
- package/src/pages/SendToWallet/ConfirmAddressSheet.tsx +4 -3
- package/src/pages/SendToWallet/ConnectedWalletsPage.tsx +4 -6
- package/src/pages/SendToWallet/RecentWalletsPage.tsx +6 -8
- package/src/pages/SendToWallet/SendToConfiguredWalletPage.tsx +3 -5
- package/src/pages/SendToWallet/SendToWalletPage.style.tsx +9 -10
- package/src/pages/SendToWallet/SendToWalletPage.tsx +4 -6
- package/src/pages/SettingsPage/BridgeAndExchangeSettings.tsx +2 -1
- package/src/pages/SettingsPage/GasPriceSettings.tsx +1 -1
- package/src/pages/SettingsPage/LanguageSetting.tsx +1 -1
- package/src/pages/SettingsPage/ResetSettingsButton.style.tsx +2 -3
- package/src/pages/SettingsPage/ResetSettingsButton.tsx +1 -1
- package/src/pages/SettingsPage/RoutePrioritySettings.tsx +1 -1
- package/src/pages/SettingsPage/SlippageSettings/SlippageSettings.style.tsx +17 -15
- package/src/pages/SettingsPage/SlippageSettings/SlippageSettings.tsx +2 -1
- package/src/pages/SettingsPage/ThemeSettings.tsx +10 -7
- package/src/pages/TransactionDetailsPage/TransferIdCard.tsx +2 -1
- package/src/pages/TransactionHistoryPage/TransactionHistoryEmpty.tsx +1 -1
- package/src/pages/TransactionHistoryPage/TransactionHistorySkeleton.tsx +2 -2
- package/src/pages/TransactionPage/ConfirmToAddressSheet.tsx +4 -3
- package/src/pages/TransactionPage/ExchangeRateBottomSheet.tsx +5 -7
- package/src/pages/TransactionPage/StatusBottomSheet.style.tsx +19 -7
- package/src/pages/TransactionPage/StatusBottomSheet.tsx +4 -6
- package/src/pages/TransactionPage/TokenValueBottomSheet.tsx +3 -3
- package/src/pages/TransactionPage/TransactionPage.tsx +1 -1
- package/src/providers/ThemeProvider/ThemeProvider.tsx +20 -27
- package/src/stores/settings/types.ts +1 -2
- package/src/stores/settings/useSettingsStore.ts +2 -7
- package/src/stores/settings/utils/getStateValues.ts +0 -1
- package/src/themes/azureLight.ts +27 -23
- package/src/themes/createTheme.ts +149 -91
- package/src/themes/jumper.ts +70 -30
- package/src/themes/types.ts +9 -0
- package/src/themes/watermelonLight.ts +28 -24
- package/src/themes/windows95.ts +24 -20
- package/src/types/widget.ts +29 -26
- package/dist/esm/stores/settings/useAppearance.d.ts +0 -2
- package/dist/esm/stores/settings/useAppearance.js +0 -11
- package/dist/esm/stores/settings/useAppearance.js.map +0 -1
- package/dist/esm/utils/colors.d.ts +0 -15
- package/dist/esm/utils/colors.js +0 -35
- package/dist/esm/utils/colors.js.map +0 -1
- package/src/stores/settings/useAppearance.ts +0 -15
- package/src/utils/colors.ts +0 -53
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TransactionPage.js","sourceRoot":"","sources":["../../../../src/pages/TransactionPage/TransactionPage.tsx"],"names":[],"mappings":";AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"TransactionPage.js","sourceRoot":"","sources":["../../../../src/pages/TransactionPage/TransactionPage.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,33 +1,18 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { ThemeProvider as MuiThemeProvider,
|
|
3
|
-
import { useEffect, useMemo
|
|
4
|
-
import { useAppearance } from '../../stores/settings/useAppearance.js';
|
|
2
|
+
import { ThemeProvider as MuiThemeProvider, useColorScheme, } from '@mui/material';
|
|
3
|
+
import { useEffect, useMemo } from 'react';
|
|
5
4
|
import { createTheme } from '../../themes/createTheme.js';
|
|
6
5
|
import { useWidgetConfig } from '../WidgetProvider/WidgetProvider.js';
|
|
7
6
|
export const ThemeProvider = ({ children, }) => {
|
|
8
7
|
const { appearance: colorSchemeMode, theme: themeConfig } = useWidgetConfig();
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
const [mode, setMode] = useState((colorSchemeMode ?? appearance === 'auto')
|
|
12
|
-
? prefersDarkMode
|
|
13
|
-
? 'dark'
|
|
14
|
-
: 'light'
|
|
15
|
-
: appearance);
|
|
16
|
-
useEffect(() => {
|
|
17
|
-
if (appearance === 'auto') {
|
|
18
|
-
setMode(prefersDarkMode ? 'dark' : 'light');
|
|
19
|
-
}
|
|
20
|
-
else {
|
|
21
|
-
setMode(appearance);
|
|
22
|
-
}
|
|
23
|
-
}, [appearance, prefersDarkMode]);
|
|
24
|
-
// biome-ignore lint/correctness/useExhaustiveDependencies: setAppearance is stable
|
|
8
|
+
const { setMode } = useColorScheme();
|
|
9
|
+
// biome-ignore lint/correctness/useExhaustiveDependencies: setMode is stable
|
|
25
10
|
useEffect(() => {
|
|
26
11
|
if (colorSchemeMode) {
|
|
27
|
-
|
|
12
|
+
setMode(colorSchemeMode);
|
|
28
13
|
}
|
|
29
14
|
}, [colorSchemeMode]);
|
|
30
|
-
const theme = useMemo(() => createTheme(
|
|
31
|
-
return _jsx(MuiThemeProvider, { theme: theme, children: children });
|
|
15
|
+
const theme = useMemo(() => createTheme(themeConfig), [themeConfig]);
|
|
16
|
+
return (_jsx(MuiThemeProvider, { theme: theme, defaultMode: colorSchemeMode ?? 'system', modeStorageKey: "li.fi-widget-mode", colorSchemeStorageKey: "li.fi-widget-color-scheme", disableTransitionOnChange: true, children: children }));
|
|
32
17
|
};
|
|
33
18
|
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../../../src/providers/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sourceRoot":"","sources":["../../../../src/providers/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,aAAa,IAAI,gBAAgB,EACjC,cAAc,GACf,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAA;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAA;AAErE,MAAM,CAAC,MAAM,aAAa,GAAsC,CAAC,EAC/D,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,UAAU,EAAE,eAAe,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,eAAe,EAAE,CAAA;IAC7E,MAAM,EAAE,OAAO,EAAE,GAAG,cAAc,EAAE,CAAA;IAEpC,6EAA6E;IAC7E,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,eAAe,EAAE,CAAC;YACpB,OAAO,CAAC,eAAe,CAAC,CAAA;QAC1B,CAAC;IACH,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAA;IAErB,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEpE,OAAO,CACL,KAAC,gBAAgB,IACf,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,eAAe,IAAI,QAAQ,EACxC,cAAc,EAAC,mBAAmB,EAClC,qBAAqB,EAAC,2BAA2B,EACjD,yBAAyB,kBAExB,QAAQ,GACQ,CACpB,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -2,14 +2,13 @@ import type { Order } from '@lifi/sdk';
|
|
|
2
2
|
import type { PropsWithChildren } from 'react';
|
|
3
3
|
import type { StoreApi } from 'zustand';
|
|
4
4
|
import type { UseBoundStoreWithEqualityFn } from 'zustand/traditional';
|
|
5
|
-
import type {
|
|
5
|
+
import type { SplitSubvariant } from '../../types/widget.js';
|
|
6
6
|
export type ValueSetter<S> = <K extends keyof S>(key: K, value: S[Extract<K, string>]) => void;
|
|
7
7
|
export type ValueGetter<S> = <K extends keyof S>(key: K) => S[K];
|
|
8
8
|
export type ValuesSetter<S> = <K extends keyof S>(values: Record<K, S[Extract<K, string>]>) => void;
|
|
9
9
|
export declare const SettingsToolTypes: readonly ["Bridges", "Exchanges"];
|
|
10
10
|
export type SettingsToolType = (typeof SettingsToolTypes)[number];
|
|
11
11
|
export interface SettingsProps {
|
|
12
|
-
appearance: Appearance;
|
|
13
12
|
gasPrice?: string;
|
|
14
13
|
language?: string;
|
|
15
14
|
routePriority?: Order;
|
|
@@ -9,7 +9,6 @@ export const defaultConfigurableSettings = {
|
|
|
9
9
|
gasPrice: 'normal',
|
|
10
10
|
};
|
|
11
11
|
export const defaultSettings = {
|
|
12
|
-
appearance: 'auto',
|
|
13
12
|
gasPrice: 'normal',
|
|
14
13
|
enabledAutoRefuel: true,
|
|
15
14
|
disabledBridges: [],
|
|
@@ -91,9 +90,8 @@ export const useSettingsStore = createWithEqualityFn(persist((set, get) => ({
|
|
|
91
90
|
};
|
|
92
91
|
}),
|
|
93
92
|
reset: (bridges, exchanges) => {
|
|
94
|
-
const { appearance, ...restDefaultSettings } = defaultSettings;
|
|
95
93
|
set(() => ({
|
|
96
|
-
...
|
|
94
|
+
...defaultSettings,
|
|
97
95
|
...defaultConfigurableSettings,
|
|
98
96
|
}));
|
|
99
97
|
get().initializeTools('Bridges', bridges, true);
|
|
@@ -102,7 +100,7 @@ export const useSettingsStore = createWithEqualityFn(persist((set, get) => ({
|
|
|
102
100
|
},
|
|
103
101
|
}), {
|
|
104
102
|
name: 'li.fi-widget-settings',
|
|
105
|
-
version:
|
|
103
|
+
version: 5,
|
|
106
104
|
partialize: (state) => {
|
|
107
105
|
const { disabledBridges, disabledExchanges, enabledBridges, enabledExchanges, ...partializedState } = state;
|
|
108
106
|
return partializedState;
|
|
@@ -117,9 +115,6 @@ export const useSettingsStore = createWithEqualityFn(persist((set, get) => ({
|
|
|
117
115
|
return state;
|
|
118
116
|
},
|
|
119
117
|
migrate: (persistedState, version) => {
|
|
120
|
-
if (version === 0 && persistedState.appearance === 'system') {
|
|
121
|
-
persistedState.appearance = defaultSettings.appearance;
|
|
122
|
-
}
|
|
123
118
|
if (version === 1) {
|
|
124
119
|
persistedState.slippage = defaultConfigurableSettings.slippage;
|
|
125
120
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useSettingsStore.js","sourceRoot":"","sources":["../../../../src/stores/settings/useSettingsStore.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAE1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE1D,MAAM,CAAC,MAAM,eAAe,GAAG,SAAS,CAAA;AAExC,MAAM,CAAC,MAAM,2BAA2B,GAGpC;IACF,aAAa,EAAE,UAAU;IACzB,QAAQ,EAAE,eAAe;IACzB,QAAQ,EAAE,QAAQ;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAkB;IAC5C,
|
|
1
|
+
{"version":3,"file":"useSettingsStore.js","sourceRoot":"","sources":["../../../../src/stores/settings/useSettingsStore.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getStateValues.js","sourceRoot":"","sources":["../../../../../src/stores/settings/utils/getStateValues.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAiB,EAAE,CAAC,CAAC;IACtE,
|
|
1
|
+
{"version":3,"file":"getStateValues.js","sourceRoot":"","sources":["../../../../../src/stores/settings/utils/getStateValues.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAoB,EAAiB,EAAE,CAAC,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,QAAQ;IACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ;IACxB,aAAa,EAAE,KAAK,CAAC,aAAa;IAClC,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;IAC1C,QAAQ,EAAE,KAAK,CAAC,QAAQ;IACxB,eAAe,EAAE,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC;IAC3C,cAAc,EAAE,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC;IACzC,eAAe,EAAE,EAAE,GAAG,KAAK,CAAC,eAAe,EAAE;IAC7C,iBAAiB,EAAE,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC;IAC/C,gBAAgB,EAAE,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC;IAC7C,iBAAiB,EAAE,EAAE,GAAG,KAAK,CAAC,iBAAiB,EAAE;CAClD,CAAC,CAAA"}
|
|
@@ -1,25 +1,32 @@
|
|
|
1
1
|
import { tabsClasses } from '@mui/material';
|
|
2
2
|
export const azureLightTheme = {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
3
|
+
colorSchemes: {
|
|
4
|
+
light: {
|
|
5
|
+
palette: {
|
|
6
|
+
primary: {
|
|
7
|
+
main: '#006Eff',
|
|
8
|
+
},
|
|
9
|
+
secondary: {
|
|
10
|
+
main: '#FFC800',
|
|
11
|
+
},
|
|
12
|
+
background: {
|
|
13
|
+
default: '#ffffff',
|
|
14
|
+
paper: '#f8f8fa',
|
|
15
|
+
},
|
|
16
|
+
text: {
|
|
17
|
+
primary: '#00070F',
|
|
18
|
+
secondary: '#6A7481',
|
|
19
|
+
},
|
|
20
|
+
grey: {
|
|
21
|
+
200: '#EEEFF2',
|
|
22
|
+
300: '#D5DAE1',
|
|
23
|
+
700: '#555B62',
|
|
24
|
+
800: '#373F48',
|
|
25
|
+
},
|
|
26
|
+
playground: {
|
|
27
|
+
main: '#f3f5f8',
|
|
28
|
+
},
|
|
29
|
+
},
|
|
23
30
|
},
|
|
24
31
|
},
|
|
25
32
|
shape: {
|
|
@@ -34,9 +41,6 @@ export const azureLightTheme = {
|
|
|
34
41
|
boxShadow: '0px 8px 32px rgba(0, 0, 0, 0.08)',
|
|
35
42
|
borderRadius: '16px',
|
|
36
43
|
},
|
|
37
|
-
playground: {
|
|
38
|
-
background: '#f3f5f8',
|
|
39
|
-
},
|
|
40
44
|
components: {
|
|
41
45
|
MuiCard: {
|
|
42
46
|
defaultProps: { variant: 'filled' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"azureLight.js","sourceRoot":"","sources":["../../../src/themes/azureLight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,MAAM,CAAC,MAAM,eAAe,GAAgB;IAC1C,OAAO,EAAE;
|
|
1
|
+
{"version":3,"file":"azureLight.js","sourceRoot":"","sources":["../../../src/themes/azureLight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAG3C,MAAM,CAAC,MAAM,eAAe,GAAgB;IAC1C,YAAY,EAAE;QACZ,KAAK,EAAE;YACL,OAAO,EAAE;gBACP,OAAO,EAAE;oBACP,IAAI,EAAE,SAAS;iBAChB;gBACD,SAAS,EAAE;oBACT,IAAI,EAAE,SAAS;iBAChB;gBACD,UAAU,EAAE;oBACV,OAAO,EAAE,SAAS;oBAClB,KAAK,EAAE,SAAS;iBACjB;gBACD,IAAI,EAAE;oBACJ,OAAO,EAAE,SAAS;oBAClB,SAAS,EAAE,SAAS;iBACrB;gBACD,IAAI,EAAE;oBACJ,GAAG,EAAE,SAAS;oBACd,GAAG,EAAE,SAAS;oBACd,GAAG,EAAE,SAAS;oBACd,GAAG,EAAE,SAAS;iBACf;gBACD,UAAU,EAAE;oBACV,IAAI,EAAE,SAAS;iBAChB;aACF;SACF;KACF;IACD,KAAK,EAAE;QACL,YAAY,EAAE,EAAE;QAChB,qBAAqB,EAAE,EAAE;QACzB,oBAAoB,EAAE,EAAE;KACzB;IACD,UAAU,EAAE;QACV,UAAU,EAAE,mBAAmB;KAChC;IACD,SAAS,EAAE;QACT,SAAS,EAAE,kCAAkC;QAC7C,YAAY,EAAE,MAAM;KACrB;IACD,UAAU,EAAE;QACV,OAAO,EAAE;YACP,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;SACpC;QACD,yEAAyE;QACzE,OAAO,EAAE;YACP,cAAc,EAAE;gBACd,IAAI,EAAE;oBACJ,eAAe,EAAE,SAAS;oBAC1B,CAAC,IAAI,WAAW,CAAC,SAAS,EAAE,CAAC,EAAE;wBAC7B,eAAe,EAAE,SAAS;qBAC3B;iBACF;aACF;SACF;KACF;CACF,CAAA"}
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
import type { PaletteMode } from '@mui/material';
|
|
2
1
|
import type { WidgetTheme } from '../types/widget.js';
|
|
3
|
-
export declare const createTheme: (
|
|
2
|
+
export declare const createTheme: (widgetTheme?: WidgetTheme) => import("@mui/material").Theme;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { alpha, buttonClasses, createTheme as createMuiTheme, css, darken, dialogActionsClasses,
|
|
1
|
+
import { alpha, buttonClasses, createTheme as createMuiTheme, css, darken, dialogActionsClasses, keyframes, lighten, tabsClasses, touchRippleClasses, } from '@mui/material';
|
|
2
2
|
import { palette, paletteDark, paletteLight } from './palettes.js';
|
|
3
3
|
import { getStyleOverrides } from './utils.js';
|
|
4
4
|
const shape = {
|
|
@@ -16,21 +16,71 @@ const enterKeyframe = keyframes `
|
|
|
16
16
|
opacity: 0.1;
|
|
17
17
|
}
|
|
18
18
|
`;
|
|
19
|
-
export const createTheme = (
|
|
20
|
-
const
|
|
19
|
+
export const createTheme = (widgetTheme = {}) => {
|
|
20
|
+
const configuredPaletteLight = widgetTheme.colorSchemes?.light?.palette ?? widgetTheme.palette;
|
|
21
|
+
const configuredPaletteDark = widgetTheme.colorSchemes?.dark?.palette ?? widgetTheme.palette;
|
|
22
|
+
const primaryMainColorLight = configuredPaletteLight?.primary?.main ??
|
|
21
23
|
palette.primary.main;
|
|
22
|
-
const
|
|
23
|
-
|
|
24
|
-
const
|
|
24
|
+
const primaryMainColorDark = configuredPaletteDark?.primary?.main ??
|
|
25
|
+
palette.primary.main;
|
|
26
|
+
const primaryLightenColorLight = lighten(primaryMainColorLight, 0.84);
|
|
27
|
+
const primaryDarkenColorLight = darken(primaryMainColorLight, 0.2);
|
|
28
|
+
const primaryLightenColorDark = primaryMainColorLight === primaryMainColorDark
|
|
29
|
+
? primaryLightenColorLight
|
|
30
|
+
: lighten(primaryMainColorDark, 0.84);
|
|
31
|
+
const primaryDarkenColorDark = primaryMainColorLight === primaryMainColorDark
|
|
32
|
+
? primaryDarkenColorLight
|
|
33
|
+
: darken(primaryMainColorDark, 0.2);
|
|
34
|
+
const secondaryMainColorLight = configuredPaletteLight?.secondary?.main ??
|
|
35
|
+
palette.secondary.main;
|
|
36
|
+
const secondaryMainColorDark = configuredPaletteDark?.secondary?.main ??
|
|
25
37
|
palette.secondary.main;
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
38
|
+
const secondaryLightenColorLight = lighten(secondaryMainColorLight, 0.84);
|
|
39
|
+
const secondaryDarkenColorLight = darken(secondaryMainColorLight, 0.2);
|
|
40
|
+
const secondaryLightenColorDark = secondaryMainColorLight === secondaryMainColorDark
|
|
41
|
+
? secondaryLightenColorLight
|
|
42
|
+
: lighten(secondaryMainColorDark, 0.84);
|
|
43
|
+
const secondaryDarkenColorDark = secondaryMainColorLight === secondaryMainColorDark
|
|
44
|
+
? secondaryDarkenColorLight
|
|
45
|
+
: darken(secondaryMainColorDark, 0.2);
|
|
33
46
|
const theme = createMuiTheme({
|
|
47
|
+
cssVariables: { cssVarPrefix: 'lifi', colorSchemeSelector: 'class' },
|
|
48
|
+
colorSchemes: {
|
|
49
|
+
light: {
|
|
50
|
+
palette: {
|
|
51
|
+
...palette,
|
|
52
|
+
...paletteLight,
|
|
53
|
+
...(widgetTheme.colorSchemes?.light?.palette ?? widgetTheme.palette),
|
|
54
|
+
primary: {
|
|
55
|
+
main: primaryMainColorLight,
|
|
56
|
+
light: primaryLightenColorLight,
|
|
57
|
+
dark: primaryDarkenColorLight,
|
|
58
|
+
},
|
|
59
|
+
secondary: {
|
|
60
|
+
main: secondaryMainColorLight,
|
|
61
|
+
light: secondaryLightenColorLight,
|
|
62
|
+
dark: secondaryDarkenColorLight,
|
|
63
|
+
},
|
|
64
|
+
},
|
|
65
|
+
},
|
|
66
|
+
dark: {
|
|
67
|
+
palette: {
|
|
68
|
+
...palette,
|
|
69
|
+
...paletteDark,
|
|
70
|
+
...(widgetTheme.colorSchemes?.dark?.palette ?? widgetTheme.palette),
|
|
71
|
+
primary: {
|
|
72
|
+
main: primaryMainColorDark,
|
|
73
|
+
light: primaryLightenColorDark,
|
|
74
|
+
dark: primaryDarkenColorDark,
|
|
75
|
+
},
|
|
76
|
+
secondary: {
|
|
77
|
+
main: secondaryMainColorDark,
|
|
78
|
+
light: secondaryLightenColorDark,
|
|
79
|
+
dark: secondaryDarkenColorDark,
|
|
80
|
+
},
|
|
81
|
+
},
|
|
82
|
+
},
|
|
83
|
+
},
|
|
34
84
|
container: widgetTheme.container,
|
|
35
85
|
header: widgetTheme.header,
|
|
36
86
|
navigation: {
|
|
@@ -41,22 +91,6 @@ export const createTheme = (mode, widgetTheme = {}) => {
|
|
|
41
91
|
fontFamily: 'Inter var, Inter, sans-serif',
|
|
42
92
|
...widgetTheme.typography,
|
|
43
93
|
},
|
|
44
|
-
palette: {
|
|
45
|
-
mode,
|
|
46
|
-
...palette,
|
|
47
|
-
...(mode === 'light' ? paletteLight : paletteDark),
|
|
48
|
-
...widgetTheme.palette,
|
|
49
|
-
primary: {
|
|
50
|
-
main: primaryMainColor,
|
|
51
|
-
light: primaryLightColor,
|
|
52
|
-
dark: primaryDarkColor,
|
|
53
|
-
},
|
|
54
|
-
secondary: {
|
|
55
|
-
main: secondaryMainColor,
|
|
56
|
-
light: lighten(secondaryMainColor, 0.84),
|
|
57
|
-
dark: darken(secondaryMainColor, 0.2),
|
|
58
|
-
},
|
|
59
|
-
},
|
|
60
94
|
shape: {
|
|
61
95
|
...shape,
|
|
62
96
|
...widgetTheme.shape,
|
|
@@ -103,8 +137,9 @@ export const createTheme = (mode, widgetTheme = {}) => {
|
|
|
103
137
|
?.root;
|
|
104
138
|
const rootHover = root?.['&:hover'];
|
|
105
139
|
return {
|
|
106
|
-
backgroundColor: theme.palette.background.paper,
|
|
107
|
-
|
|
140
|
+
backgroundColor: theme.vars.palette.background.paper,
|
|
141
|
+
backgroundImage: 'none',
|
|
142
|
+
borderRadius: theme.vars.shape.borderRadius,
|
|
108
143
|
overflow: 'hidden',
|
|
109
144
|
position: 'relative',
|
|
110
145
|
boxSizing: 'border-box',
|
|
@@ -122,16 +157,20 @@ export const createTheme = (mode, widgetTheme = {}) => {
|
|
|
122
157
|
ownerState.variant === 'filled') && {
|
|
123
158
|
'&:hover': {
|
|
124
159
|
cursor: 'pointer',
|
|
125
|
-
backgroundColor: theme.palette.
|
|
126
|
-
|
|
127
|
-
:
|
|
160
|
+
backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 98%, black)`,
|
|
161
|
+
...theme.applyStyles('dark', {
|
|
162
|
+
backgroundColor: `color-mix(in srgb, ${theme.vars.palette.background.paper} 98%, white)`,
|
|
163
|
+
}),
|
|
128
164
|
},
|
|
129
165
|
}),
|
|
130
166
|
...(!!ownerState.onClick &&
|
|
131
167
|
ownerState.variant === 'elevation' && {
|
|
132
168
|
'&:hover': {
|
|
133
169
|
cursor: 'pointer',
|
|
134
|
-
filter: `drop-shadow(0 1px 4px ${
|
|
170
|
+
filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.08))`,
|
|
171
|
+
...theme.applyStyles('dark', {
|
|
172
|
+
filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.backgroundChannel} / 0.08))`,
|
|
173
|
+
}),
|
|
135
174
|
},
|
|
136
175
|
}),
|
|
137
176
|
...(typeof root === 'object' && root),
|
|
@@ -139,6 +178,9 @@ export const createTheme = (mode, widgetTheme = {}) => {
|
|
|
139
178
|
!!rootHover && {
|
|
140
179
|
'&:hover': {
|
|
141
180
|
...rootHover,
|
|
181
|
+
...theme.applyStyles('dark', {
|
|
182
|
+
...rootHover,
|
|
183
|
+
}),
|
|
142
184
|
},
|
|
143
185
|
}),
|
|
144
186
|
...(!ownerState.onClick && {
|
|
@@ -153,9 +195,10 @@ export const createTheme = (mode, widgetTheme = {}) => {
|
|
|
153
195
|
style: ({ theme }) => ({
|
|
154
196
|
borderWidth: 1,
|
|
155
197
|
borderStyle: 'solid',
|
|
156
|
-
borderColor: theme.palette.
|
|
157
|
-
|
|
158
|
-
: theme.palette.grey[800],
|
|
198
|
+
borderColor: theme.vars.palette.grey[300],
|
|
199
|
+
...theme.applyStyles('dark', {
|
|
200
|
+
borderColor: theme.vars.palette.grey[800],
|
|
201
|
+
}),
|
|
159
202
|
}),
|
|
160
203
|
},
|
|
161
204
|
{
|
|
@@ -163,7 +206,10 @@ export const createTheme = (mode, widgetTheme = {}) => {
|
|
|
163
206
|
style: ({ theme }) => ({
|
|
164
207
|
border: 'none',
|
|
165
208
|
boxShadow: 'none',
|
|
166
|
-
filter: `drop-shadow(0 1px 4px ${
|
|
209
|
+
filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04))`,
|
|
210
|
+
...theme.applyStyles('dark', {
|
|
211
|
+
filter: `drop-shadow(0 1px 4px rgba(${theme.vars.palette.common.backgroundChannel} / 0.04))`,
|
|
212
|
+
}),
|
|
167
213
|
}),
|
|
168
214
|
},
|
|
169
215
|
{
|
|
@@ -196,45 +242,48 @@ export const createTheme = (mode, widgetTheme = {}) => {
|
|
|
196
242
|
...widgetTheme.components?.MuiButton?.defaultProps,
|
|
197
243
|
},
|
|
198
244
|
styleOverrides: {
|
|
199
|
-
root: ({ ownerState }) => ({
|
|
200
|
-
borderRadius: borderRadiusSecondary,
|
|
245
|
+
root: ({ theme, ownerState }) => ({
|
|
246
|
+
borderRadius: theme.vars.shape.borderRadiusSecondary,
|
|
201
247
|
textTransform: 'none',
|
|
202
248
|
fontSize: 16,
|
|
203
249
|
fontWeight: 600,
|
|
204
250
|
'&.Mui-disabled, &.Mui-disabled:hover': {
|
|
205
|
-
color:
|
|
251
|
+
color: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.56)`,
|
|
206
252
|
cursor: 'not-allowed',
|
|
207
253
|
pointerEvents: 'auto',
|
|
208
254
|
},
|
|
209
255
|
[`&.${buttonClasses.loading}.Mui-disabled`]: {
|
|
210
|
-
backgroundColor:
|
|
211
|
-
color:
|
|
256
|
+
backgroundColor: theme.vars.palette.primary.main,
|
|
257
|
+
color: theme.palette.getContrastText(theme.palette.primary.main),
|
|
212
258
|
cursor: 'auto',
|
|
213
259
|
pointerEvents: 'auto',
|
|
214
260
|
},
|
|
215
261
|
[`.${buttonClasses.loadingIndicator}`]: {
|
|
216
|
-
color:
|
|
262
|
+
color: theme.palette.getContrastText(theme.palette.primary.main),
|
|
217
263
|
},
|
|
218
264
|
[`&.${buttonClasses.root}.${buttonClasses.loading}`]: {
|
|
219
265
|
color: 'transparent',
|
|
220
266
|
},
|
|
221
267
|
...getStyleOverrides('MuiButton', 'root', widgetTheme, ownerState),
|
|
222
268
|
}),
|
|
223
|
-
text: ({ ownerState }) => ({
|
|
224
|
-
backgroundColor:
|
|
225
|
-
|
|
226
|
-
: alpha(primaryMainColor, 0.42),
|
|
269
|
+
text: ({ theme, ownerState }) => ({
|
|
270
|
+
backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.08)`,
|
|
271
|
+
color: theme.vars.palette.primary.main,
|
|
227
272
|
'&:hover': {
|
|
228
|
-
backgroundColor:
|
|
229
|
-
? alpha(primaryMainColor, 0.12)
|
|
230
|
-
: alpha(primaryMainColor, 0.56),
|
|
273
|
+
backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.12)`,
|
|
231
274
|
},
|
|
232
|
-
|
|
275
|
+
...theme.applyStyles('dark', {
|
|
276
|
+
backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.42)`,
|
|
277
|
+
color: theme.palette.getContrastText(alpha(theme.palette.primary.main, 0.08)),
|
|
278
|
+
'&:hover': {
|
|
279
|
+
backgroundColor: `rgba(${theme.vars.palette.primary.mainChannel} / 0.56)`,
|
|
280
|
+
},
|
|
281
|
+
}),
|
|
233
282
|
...getStyleOverrides('MuiButton', 'text', widgetTheme, ownerState),
|
|
234
283
|
}),
|
|
235
284
|
contained: ({ ownerState }) => ({
|
|
236
285
|
'&:hover': {
|
|
237
|
-
color:
|
|
286
|
+
color: theme.palette.getContrastText(theme.palette.primary.main),
|
|
238
287
|
},
|
|
239
288
|
...getStyleOverrides('MuiButton', 'contained', widgetTheme, ownerState),
|
|
240
289
|
}),
|
|
@@ -278,12 +327,12 @@ export const createTheme = (mode, widgetTheme = {}) => {
|
|
|
278
327
|
fontWeight: 600,
|
|
279
328
|
fontSize: '1.125rem',
|
|
280
329
|
lineHeight: '1.2778',
|
|
281
|
-
color: theme.palette.text.primary,
|
|
330
|
+
color: theme.vars.palette.text.primary,
|
|
282
331
|
}),
|
|
283
332
|
secondary: ({ theme }) => ({
|
|
284
333
|
fontWeight: 500,
|
|
285
334
|
fontSize: '0.75rem',
|
|
286
|
-
color: theme.palette.text.secondary,
|
|
335
|
+
color: theme.vars.palette.text.secondary,
|
|
287
336
|
}),
|
|
288
337
|
},
|
|
289
338
|
},
|
|
@@ -309,10 +358,25 @@ export const createTheme = (mode, widgetTheme = {}) => {
|
|
|
309
358
|
MuiMenu: {
|
|
310
359
|
styleOverrides: {
|
|
311
360
|
paper: ({ theme }) => ({
|
|
312
|
-
backgroundColor: theme.palette.background.
|
|
361
|
+
backgroundColor: theme.vars.palette.background.paper,
|
|
362
|
+
backgroundImage: 'none',
|
|
313
363
|
}),
|
|
314
364
|
},
|
|
315
365
|
},
|
|
366
|
+
MuiDrawer: {
|
|
367
|
+
styleOverrides: {
|
|
368
|
+
paper: {
|
|
369
|
+
backgroundImage: 'none',
|
|
370
|
+
},
|
|
371
|
+
},
|
|
372
|
+
},
|
|
373
|
+
MuiPaper: {
|
|
374
|
+
styleOverrides: {
|
|
375
|
+
root: {
|
|
376
|
+
backgroundImage: 'none',
|
|
377
|
+
},
|
|
378
|
+
},
|
|
379
|
+
},
|
|
316
380
|
MuiTabs: {
|
|
317
381
|
...widgetTheme.components?.MuiTabs,
|
|
318
382
|
styleOverrides: {
|
|
@@ -320,19 +384,21 @@ export const createTheme = (mode, widgetTheme = {}) => {
|
|
|
320
384
|
root: ({ theme, ownerState }) => {
|
|
321
385
|
const rootStyleOverrides = getStyleOverrides('MuiTabs', 'root', widgetTheme, ownerState);
|
|
322
386
|
return {
|
|
323
|
-
backgroundColor: theme.palette.
|
|
324
|
-
|
|
325
|
-
:
|
|
326
|
-
|
|
387
|
+
backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
|
|
388
|
+
...theme.applyStyles('dark', {
|
|
389
|
+
backgroundColor: `rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.08)`,
|
|
390
|
+
}),
|
|
391
|
+
borderRadius: theme.vars.shape.borderRadius,
|
|
327
392
|
...rootStyleOverrides,
|
|
328
393
|
[`.${tabsClasses.indicator}`]: {
|
|
329
|
-
backgroundColor: theme.palette.
|
|
330
|
-
|
|
331
|
-
:
|
|
394
|
+
backgroundColor: theme.vars.palette.background.paper,
|
|
395
|
+
...theme.applyStyles('dark', {
|
|
396
|
+
backgroundColor: `rgba(${theme.vars.palette.common.backgroundChannel} / 0.56)`,
|
|
397
|
+
}),
|
|
332
398
|
borderRadius: theme.shape.borderRadius > 0
|
|
333
|
-
? theme.shape.borderRadius -
|
|
334
|
-
: theme.shape.borderRadius,
|
|
335
|
-
boxShadow: `0px 2px 4px ${
|
|
399
|
+
? `calc(${theme.vars.shape.borderRadius} - 4px)`
|
|
400
|
+
: theme.vars.shape.borderRadius,
|
|
401
|
+
boxShadow: `0px 2px 4px rgba(${theme.vars.palette.common.onBackgroundChannel} / 0.04)`,
|
|
336
402
|
...rootStyleOverrides?.[`.${tabsClasses.indicator}`],
|
|
337
403
|
},
|
|
338
404
|
};
|