diff --git a/components/account/home/AccountDetails.vue b/components/account/home/AccountDetails.vue index 536a28f0..6761edc6 100644 --- a/components/account/home/AccountDetails.vue +++ b/components/account/home/AccountDetails.vue @@ -42,7 +42,7 @@ const { t } = useI18n(); :label="t('auth.common.username')" hide-details color="primary" - append-icon="lock-line" + append-icon="lu-lock-keyhole" />
{{ t('account_details.check_email') }} diff --git a/components/account/home/ApiKeys.vue b/components/account/home/ApiKeys.vue index e33a2487..e13755ee 100644 --- a/components/account/home/ApiKeys.vue +++ b/components/account/home/ApiKeys.vue @@ -34,7 +34,7 @@ const { t } = useI18n(); @click="regenerateKeys()" > {{ hasApiKeys ? t('actions.regenerate') : t('actions.generate') }} diff --git a/components/account/home/SubscriptionTable.vue b/components/account/home/SubscriptionTable.vue index 41ed8a32..f4aa719e 100644 --- a/components/account/home/SubscriptionTable.vue +++ b/components/account/home/SubscriptionTable.vue @@ -209,7 +209,7 @@ onUnmounted(() => pause()); {{ t('account.subscriptions.cancelled_but_still_active.status', { date: row.nextActionDate }) }}
@@ -259,7 +259,7 @@ onUnmounted(() => pause()); :to="getBlockExplorerLink(pendingTx)" > diff --git a/components/account/home/UnverifiedEmailWarning.vue b/components/account/home/UnverifiedEmailWarning.vue index ef7a309e..7da5c9e2 100644 --- a/components/account/home/UnverifiedEmailWarning.vue +++ b/components/account/home/UnverifiedEmailWarning.vue @@ -48,7 +48,7 @@ async function resend() { > diff --git a/components/checkout/pay/CryptoPaymentForm.vue b/components/checkout/pay/CryptoPaymentForm.vue index 158e0dc7..babaadff 100644 --- a/components/checkout/pay/CryptoPaymentForm.vue +++ b/components/checkout/pay/CryptoPaymentForm.vue @@ -244,7 +244,7 @@ watch(canvas, async (canvas) => { @click="open()" > diff --git a/components/checkout/pay/HostedField.vue b/components/checkout/pay/HostedField.vue index a322f47b..293e9bb3 100644 --- a/components/checkout/pay/HostedField.vue +++ b/components/checkout/pay/HostedField.vue @@ -45,7 +45,7 @@ const quotedLabel = computed(() => `" ${get(label)} "`); v-if="number" :class="[$style.icon, $style.prepend]" > - +
diff --git a/components/checkout/pay/SavedCardDisplay.vue b/components/checkout/pay/SavedCardDisplay.vue index f98af60e..dc5b905f 100644 --- a/components/checkout/pay/SavedCardDisplay.vue +++ b/components/checkout/pay/SavedCardDisplay.vue @@ -180,7 +180,7 @@ defineExpose({ submit }); :loading="deleteLoading" @click="deleteCardClick()" > - +

{{ line }}

diff --git a/components/checkout/plan/SelectablePlan.vue b/components/checkout/plan/SelectablePlan.vue index d89e9457..5c525939 100644 --- a/components/checkout/plan/SelectablePlan.vue +++ b/components/checkout/plan/SelectablePlan.vue @@ -71,7 +71,7 @@ function click() { > {{ t('home.plans.save_discount', { discount: plan.discount }) }} diff --git a/components/common/CopyButton.vue b/components/common/CopyButton.vue index d3ac9a87..1e1e351e 100644 --- a/components/common/CopyButton.vue +++ b/components/common/CopyButton.vue @@ -33,7 +33,7 @@ function copyToClipboard() { diff --git a/components/common/NavigationMenu.vue b/components/common/NavigationMenu.vue index 21526c19..3735f365 100644 --- a/components/common/NavigationMenu.vue +++ b/components/common/NavigationMenu.vue @@ -83,7 +83,7 @@ const { isMdAndDown } = useBreakpoint(); > @@ -102,7 +102,7 @@ const { isMdAndDown } = useBreakpoint();
{{ menu.label }}
@@ -128,7 +128,7 @@ const { isMdAndDown } = useBreakpoint(); > @@ -150,7 +150,7 @@ const { isMdAndDown } = useBreakpoint(); > diff --git a/components/content/ProseLi.vue b/components/content/ProseLi.vue index f95bfe93..064661a6 100644 --- a/components/content/ProseLi.vue +++ b/components/content/ProseLi.vue @@ -5,9 +5,9 @@ import { RuiIcon } from '@rotki/ui-library'; {{ tag }} diff --git a/components/values/ValueContact.vue b/components/values/ValueContact.vue index a8d837a5..da83fe86 100644 --- a/components/values/ValueContact.vue +++ b/components/values/ValueContact.vue @@ -14,27 +14,27 @@ const contacts: { title: string; description: string; href: string; icon: RuiIco title: 'Email', description: t('values.contact_section.email.description'), href: emailMailto, - icon: 'chat-smile-2-line', + icon: 'lu-mail', linkLabel: email, }, { title: 'Twitter', description: t('values.contact_section.twitter.description'), href: twitter, - icon: 'twitter-x-line', + icon: 'lu-x-twitter', linkLabel: '@RotkiApp', }, { title: 'Discord', description: t('values.contact_section.discord.description'), href: discord, - icon: 'discord-line', + icon: 'lu-discord', }, { title: 'Github', description: t('values.contact_section.github.description'), href: github, - icon: 'github-line', + icon: 'lu-github', linkLabel: 'Rotki Solutions GmbH', }, ]; diff --git a/components/values/ValueVision.vue b/components/values/ValueVision.vue index be0d59b7..d00928a6 100644 --- a/components/values/ValueVision.vue +++ b/components/values/ValueVision.vue @@ -4,10 +4,10 @@ import type { RuiIcons } from '@rotki/ui-library'; const { t } = useI18n(); const values: { icon: RuiIcons; label: string }[] = [ - { icon: 'bank-line', label: t('values.vision_section.list.line_1') }, - { icon: 'money-dollar-circle-line', label: t('values.vision_section.list.line_2') }, - { icon: 'calendar-todo-line', label: t('values.vision_section.list.line_3') }, - { icon: 'hand-coin-line', label: t('values.vision_section.list.line_4') }, + { icon: 'lu-landmark', label: t('values.vision_section.list.line_1') }, + { icon: 'lu-badge-dollar-sign', label: t('values.vision_section.list.line_2') }, + { icon: 'lu-calendar', label: t('values.vision_section.list.line_3') }, + { icon: 'lu-donate-fill', label: t('values.vision_section.list.line_4') }, ]; diff --git a/layouts/account.vue b/layouts/account.vue index 74db321d..ae9069fc 100644 --- a/layouts/account.vue +++ b/layouts/account.vue @@ -60,7 +60,7 @@ const tabModelValue = ref(); to="/home/subscription" > {{ t('account.tabs.subscription') }} @@ -69,7 +69,7 @@ const tabModelValue = ref(); to="/home/account-details" > {{ t('account.tabs.account_details') }} @@ -78,7 +78,7 @@ const tabModelValue = ref(); to="/home/customer-information" > {{ t('account.tabs.customer_information') }} @@ -87,7 +87,7 @@ const tabModelValue = ref(); to="/home/address" > {{ t('account.tabs.address') }} @@ -106,7 +106,7 @@ const tabModelValue = ref(); {{ t('account.tabs.subscription') }} @@ -118,7 +118,7 @@ const tabModelValue = ref(); {{ t('account.tabs.account_details') }} @@ -130,7 +130,7 @@ const tabModelValue = ref(); {{ t('account.tabs.customer_information') }} @@ -142,7 +142,7 @@ const tabModelValue = ref(); {{ t('account.tabs.address') }} diff --git a/modules/ui-library/runtime/plugin.ts b/modules/ui-library/runtime/plugin.ts index 62267c0b..98816ff6 100644 --- a/modules/ui-library/runtime/plugin.ts +++ b/modules/ui-library/runtime/plugin.ts @@ -1,53 +1,49 @@ import { + LuBadgeDollarSign, + LuBlockchain, + LuCalendar, + LuChartNoAxesColumn, + LuChartPie, + LuChevronDown, + LuChevronRight, + LuChevronUp, + LuCircleArrowRight, LuCircleCheck, + LuCircleUserRound, LuCircleX, - RiAccountCircleLine, - RiAppleLine, - RiArrowDownSLine, - RiArrowDropRightLine, - RiArrowLeftLine, - RiArrowRightCircleLine, - RiArrowRightLine, - RiArrowUpSLine, - RiBankCardLine, - RiBankLine, - RiBarChart2Line, - RiBitCoinLine, - RiCalendarTodoLine, - RiChat1Line, - RiChatSmile2Line, - RiCloseLine, - RiCoinLine, - RiCoinsLine, - RiComputerLine, - RiDatabaseLine, - RiDeleteBin5Line, - RiDiscordLine, - RiDownloadCloud2Line, - RiExternalLinkLine, - RiFileCopyLine, - RiGithubLine, - RiHandCoinLine, - RiInformationLine, - RiLightbulbLine, - RiLink, - RiLinksLine, - RiLockLine, - RiLogoutBoxRLine, - RiMailSendLine, - RiMapPinLine, - RiMenuLine, - RiMoneyDollarCircleLine, - RiOpenSourceLine, - RiPaypalLine, - RiPieChartLine, - RiRefreshLine, - RiSearchLine, - RiTimer2Line, - RiTwitterXLine, - RiUserLocationLine, - RiVipCrownLine, - RiWindowsLine, + LuCloudDownload2Fill, + LuCodeXml, + LuCopy, + LuCreditCard, + LuCrown, + LuDatabase, + LuDiscord, + LuDonateFill, + LuExternalLink, + LuGithub, + LuHistory, + LuInfo, + LuLandmark, + LuLaptopMinimal, + LuLayers, + LuLightbulb, + LuLink, + LuLink2, + LuLockKeyhole, + LuLogOut, + LuMail, + LuMapPin, + LuMenu, + LuMessageCircle, + LuOsApple, + LuOsWindows, + LuPaypal, + LuRefreshCw, + LuSearch, + LuTimer, + LuTrash2, + LuX, + LuXTwitter, createRui, } from '@rotki/ui-library'; import { defineNuxtPlugin } from '#app'; @@ -57,53 +53,49 @@ export default defineNuxtPlugin((nuxtApp) => { const RuiPlugin = createRui({ theme: { icons: [ - RiAppleLine, - RiArrowDropRightLine, - RiArrowLeftLine, - RiArrowRightLine, - RiArrowRightCircleLine, - RiArrowDownSLine, - RiArrowUpSLine, - RiCloseLine, - RiDiscordLine, - RiDownloadCloud2Line, - RiExternalLinkLine, - RiGithubLine, - RiLightbulbLine, - RiLogoutBoxRLine, - RiMailSendLine, - RiMenuLine, - RiTimer2Line, - RiTwitterXLine, - RiUserLocationLine, - RiWindowsLine, - RiBankCardLine, - RiBankLine, - RiMoneyDollarCircleLine, - RiCalendarTodoLine, - RiHandCoinLine, - RiChatSmile2Line, - RiRefreshLine, - RiFileCopyLine, - RiVipCrownLine, - RiInformationLine, - RiAccountCircleLine, - RiMapPinLine, - RiChat1Line, - RiOpenSourceLine, - RiComputerLine, - RiDatabaseLine, - RiBitCoinLine, - RiPieChartLine, - RiCoinsLine, - RiBarChart2Line, - RiDeleteBin5Line, - RiCoinLine, - RiPaypalLine, - RiSearchLine, - RiLink, - RiLockLine, - RiLinksLine, + LuOsApple, + LuOsWindows, + LuPaypal, + LuChevronRight, + LuCircleArrowRight, + LuChevronDown, + LuChevronUp, + LuX, + LuDiscord, + LuCloudDownload2Fill, + LuExternalLink, + LuGithub, + LuLightbulb, + LuLogOut, + LuMail, + LuMenu, + LuTimer, + LuXTwitter, + LuCreditCard, + LuLandmark, + LuBadgeDollarSign, + LuCalendar, + LuDonateFill, + LuRefreshCw, + LuCopy, + LuCrown, + LuInfo, + LuCircleUserRound, + LuMapPin, + LuMessageCircle, + LuCodeXml, + LuLaptopMinimal, + LuDatabase, + LuChartPie, + LuLayers, + LuHistory, + LuChartNoAxesColumn, + LuTrash2, + LuBlockchain, + LuSearch, + LuLink2, + LuLockKeyhole, + LuLink, LuCircleX, LuCircleCheck, ], diff --git a/package.json b/package.json index a3ba7779..36624ada 100644 --- a/package.json +++ b/package.json @@ -61,7 +61,7 @@ "@nuxtjs/sitemap": "7.2.3", "@rotki/eslint-config": "3.6.0", "@rotki/eslint-plugin": "0.6.1", - "@rotki/ui-library": "1.11.1", + "@rotki/ui-library": "1.12.0", "@types/braintree-web": "3.96.16", "@types/paypal-checkout-components": "4.0.8", "@types/qrcode": "1.5.5", diff --git a/pages/download.vue b/pages/download.vue index 77850718..f1d07daa 100644 --- a/pages/download.vue +++ b/pages/download.vue @@ -26,10 +26,10 @@ const { } = useAppDownload(); const links = computed(() => [ - { platform: 'LINUX', icon: 'download-cloud-2-line', url: get(linuxUrl) }, - { platform: 'MAC apple silicon', icon: 'apple-line', url: get(macOSArmUrl) }, - { platform: 'MAC intel', icon: 'apple-line', url: get(macOSUrl) }, - { platform: 'WINDOWS', icon: 'windows-line', url: get(windowsUrl) }, + { platform: 'LINUX', icon: 'lu-cloud-download-2-fill', url: get(linuxUrl) }, + { platform: 'MAC apple silicon', icon: 'lu-os-apple', url: get(macOSArmUrl) }, + { platform: 'MAC intel', icon: 'lu-os-apple', url: get(macOSUrl) }, + { platform: 'WINDOWS', icon: 'lu-os-windows', url: get(windowsUrl) }, ]); onBeforeMount(async () => await fetchLatestRelease()); diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 978f0dc3..9b7e2cee 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -107,8 +107,8 @@ importers: specifier: 0.6.1 version: 0.6.1(eslint@9.18.0(jiti@2.4.2))(typescript@5.7.3) '@rotki/ui-library': - specifier: 1.11.1 - version: 1.11.1(@vueuse/core@12.5.0(typescript@5.7.3))(@vueuse/shared@12.5.0(typescript@5.7.3))(vue@3.5.13(typescript@5.7.3)) + specifier: 1.12.0 + version: 1.12.0(@vueuse/core@12.5.0(typescript@5.7.3))(@vueuse/shared@12.5.0(typescript@5.7.3))(vue@3.5.13(typescript@5.7.3)) '@types/braintree-web': specifier: 3.96.16 version: 3.96.16 @@ -1699,8 +1699,8 @@ packages: peerDependencies: eslint: ^9.0.0 - '@rotki/ui-library@1.11.1': - resolution: {integrity: sha512-iOHCi2KB2OHCXnudGcUpaogzYTv0QnDlPjx0X/U3qrn/ZCcnroxkV6+k6HmVzQkk+m8gO7CHO6kpjwk+hRiF5A==} + '@rotki/ui-library@1.12.0': + resolution: {integrity: sha512-X2m/1p/doDUQBiRM/HV2wSHwGUFkaIkEP9dCKydJi7/Y4dFpYo8dQrxM/HMjDGKY6Im4uIvjAH70b1+t6GplNg==} engines: {node: '>=20 <21', pnpm: '>=9 <10'} peerDependencies: '@vueuse/core': '>11.0.0' @@ -9686,7 +9686,7 @@ snapshots: - supports-color - typescript - '@rotki/ui-library@1.11.1(@vueuse/core@12.5.0(typescript@5.7.3))(@vueuse/shared@12.5.0(typescript@5.7.3))(vue@3.5.13(typescript@5.7.3))': + '@rotki/ui-library@1.12.0(@vueuse/core@12.5.0(typescript@5.7.3))(@vueuse/shared@12.5.0(typescript@5.7.3))(vue@3.5.13(typescript@5.7.3))': dependencies: '@vueuse/core': 12.5.0(typescript@5.7.3) '@vueuse/shared': 12.5.0(typescript@5.7.3)