@rainlanguage/ui-components 0.0.1-alpha.67 → 0.0.1-alpha.69

package/dist/components/detail/OrderDetail.svelte

@@ -17,7 +17,11 @@ import OrderApy from "../tables/OrderAPY.svelte";
 import { page } from "$app/stores";
 import Refresh from "../icon/Refresh.svelte";
 import { invalidateTanstackQueries } from "../../queries/queryClient";
-import { ArrowDownOutline, ArrowUpOutline, InfoCircleOutline } from "flowbite-svelte-icons";
+import {
+  ArrowDownToBracketOutline,
+  ArrowUpFromBracketOutline,
+  InfoCircleOutline
+} from "flowbite-svelte-icons";
 import { useAccount } from "../../providers/wallet/useAccount";
 import {
   getOrderByHash
@@ -134,7 +138,7 @@ $: subgraphName = $page.url.pathname.split("/")[2]?.split("-")[0];
 														data-testid="deposit-button"
 														on:click={() => onDeposit(vault)}
 													>
-														<ArrowDownOutline size="xs" />
+														<ArrowDownToBracketOutline size="xs" />
 													</Button>
 													<Button
 														color="light"
@@ -142,7 +146,7 @@ $: subgraphName = $page.url.pathname.split("/")[2]?.split("-")[0];
 														data-testid="withdraw-button"
 														on:click={() => onWithdraw(vault)}
 													>
-														<ArrowUpOutline size="xs" />
+														<ArrowUpFromBracketOutline size="xs" />
 													</Button>
 												</div>
 											{/if}

package/dist/components/detail/TanstackOrderQuote.svelte

@@ -36,7 +36,7 @@ $: orderModalArg = order;
 
 <div class="mt-4">
 	<div class="mb-4 flex items-center justify-between">
-		<h2 class="text-lg font-semibold">Order Quotes</h2>
+		<h2 class="text-lg font-semibold">Order quotes</h2>
 		<div class="flex items-center gap-x-1">
 			{#if $orderQuoteQuery.data && $orderQuoteQuery.data.length > 0 && isHex($orderQuoteQuery.data[0].blockNumber)}
 				<EditableSpan

package/dist/components/detail/VaultDetail.svelte

@@ -15,7 +15,7 @@ import Refresh from "../icon/Refresh.svelte";
 import { invalidateTanstackQueries } from "../../queries/queryClient";
 import { useAccount } from "../../providers/wallet/useAccount";
 import { Button } from "flowbite-svelte";
-import { ArrowDownOutline, ArrowUpOutline } from "flowbite-svelte-icons";
+import { ArrowDownToBracketOutline, ArrowUpFromBracketOutline } from "flowbite-svelte-icons";
 export let id;
 export let network;
 export let lightweightChartsTheme = void 0;
@@ -63,7 +63,7 @@ onDestroy(() => {
 					aria-label="Deposit to vault"
 					on:click={() => onDeposit(data)}
 				>
-					<ArrowDownOutline size="xs" />
+					<ArrowDownToBracketOutline size="xs" />
 				</Button>
 				<Button
 					color="light"
@@ -72,7 +72,7 @@ onDestroy(() => {
 					aria-label="Withdraw from vault"
 					on:click={() => onWithdraw(data)}
 				>
-					<ArrowUpOutline size="xs" />
+					<ArrowUpFromBracketOutline size="xs" />
 				</Button>
 			{/if}
 
@@ -97,7 +97,7 @@ onDestroy(() => {
 		</CardProperty>
 
 		<CardProperty data-testid="vaultDetailOwnerAddress">
-			<svelte:fragment slot="key">Owner Address</svelte:fragment>
+			<svelte:fragment slot="key">Owner address</svelte:fragment>
 			<svelte:fragment slot="value">
 				<Hash type={HashType.Wallet} value={data.owner} />
 			</svelte:fragment>

package/dist/components/input/InputOrderHash.svelte

@@ -9,7 +9,7 @@ function handleChange(event) {
 </script>
 
 <div data-testid="order-hash-input" class="flex flex-col gap-x-2">
-	<Label>Order Hash</Label>
+	<Label>Order hash</Label>
 	<div class="w-full lg:w-32">
 		<input
 			type="text"

package/dist/components/input/InputRegistryUrl.svelte

@@ -14,5 +14,5 @@ const loadRegistryUrl = () => {
 		placeholder="Enter URL to raw strategy registry file"
 		bind:value={newRegistryUrl}
 	/>
-	<Button class="text-nowrap" on:click={loadRegistryUrl}>Load Registry URL</Button>
+	<Button class="text-nowrap" on:click={loadRegistryUrl}>Load registry URL</Button>
 </div>

package/dist/components/input/InputToken.svelte

@@ -35,10 +35,10 @@ function decimalsComplete({ detail }) {
 		</div>
 
 		{#if !isAddressValid && address.length > 0}
-			<Helper class="mt-2 text-sm" color="red">Invalid Address</Helper>
+			<Helper class="mt-2 text-sm" color="red">Invalid address</Helper>
 		{/if}
 
-		<Helper class="mt-2 text-sm">Token Address</Helper>
+		<Helper class="mt-2 text-sm">Token address</Helper>
 	</div>
 	<div class="w-32 grow-0 break-all" data-testid="token-decimals-input">
 		<input

package/dist/components/tables/VaultBalanceChangesTable.svelte

@@ -35,7 +35,7 @@ const AppTable = TanstackAppTable;
 	rowHoverable={false}
 >
 	<svelte:fragment slot="title">
-		<Heading tag="h5" class="mb-4 mt-6 font-normal">Vault Balance Changes</Heading>
+		<Heading tag="h5" class="mb-4 mt-6 font-normal">Vault balance changes</Heading>
 	</svelte:fragment>
 	<svelte:fragment slot="head">
 		<TableHeadCell padding="p-4">Date</TableHeadCell>

package/dist/components/wallet/WalletConnect.svelte

@@ -24,6 +24,6 @@ function handleClick() {
 			><CheckCircleOutline color="green" size="sm" />{truncateEthAddress($account)}</span
 		>
 	{:else}
-		<span>Connect Wallet</span>
+		<span>Connect</span>
 	{/if}
 </Button>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@rainlanguage/ui-components",
-	"version": "0.0.1-alpha.67",
+	"version": "0.0.1-alpha.69",
 	"description": "A component library for building Svelte applications to be used with Raindex.",
 	"license": "LicenseRef-DCL-1.0",
 	"author": "Rain Open Source Software Ltd",
@@ -53,7 +53,7 @@
 		"@fontsource/dm-sans": "5.1.0",
 		"@imask/svelte": "7.6.1",
 		"@observablehq/plot": "0.6.16",
-		"@rainlanguage/orderbook": "0.0.1-alpha.67",
+		"@rainlanguage/orderbook": "0.0.1-alpha.69",
 		"@reown/appkit": "1.6.4",
 		"@reown/appkit-adapter-wagmi": "1.6.4",
 		"@sentry/sveltekit": "7.120.0",