diff --git a/packages/dapp-kit-react/package.json b/packages/dapp-kit-react/package.json
index 95a65d2b..79f524de 100644
--- a/packages/dapp-kit-react/package.json
+++ b/packages/dapp-kit-react/package.json
@@ -1,6 +1,6 @@
{
"name": "@vechain/dapp-kit-react",
- "version": "1.0.4",
+ "version": "1.0.6",
"private": false,
"homepage": "https://github.com/vechainfoundation/vechain-dapp-kit",
"repository": "github:vechain/vechain-dapp-kit",
diff --git a/packages/dapp-kit-ui/package.json b/packages/dapp-kit-ui/package.json
index d1618862..c039f426 100644
--- a/packages/dapp-kit-ui/package.json
+++ b/packages/dapp-kit-ui/package.json
@@ -1,6 +1,6 @@
{
"name": "@vechain/dapp-kit-ui",
- "version": "1.0.4",
+ "version": "1.0.6",
"private": false,
"description": "Vanilla JS DAppKit",
"keywords": [
diff --git a/packages/dapp-kit-ui/src/assets/icons/index.ts b/packages/dapp-kit-ui/src/assets/icons/index.ts
index 1ae8b64f..f4cf63eb 100644
--- a/packages/dapp-kit-ui/src/assets/icons/index.ts
+++ b/packages/dapp-kit-ui/src/assets/icons/index.ts
@@ -4,3 +4,4 @@ export * from './copy';
export * from './check';
export * from './disconnect';
export * from './wallet-connect';
+export * from './link';
diff --git a/packages/dapp-kit-ui/src/assets/icons/link.ts b/packages/dapp-kit-ui/src/assets/icons/link.ts
new file mode 100644
index 00000000..5932824c
--- /dev/null
+++ b/packages/dapp-kit-ui/src/assets/icons/link.ts
@@ -0,0 +1,27 @@
+import { html, svg } from 'lit';
+import { Colors } from '../../constants';
+
+export const LinkSvg = svg`
+
+ `;
+
+export const LightLinkSvg = html`
+
+`;
+export const DarkLinkSvg = html`
+
+`;
diff --git a/packages/dapp-kit-ui/src/components/buttons/address-button.ts b/packages/dapp-kit-ui/src/components/buttons/address-button.ts
index d7671983..ef9d6f6e 100644
--- a/packages/dapp-kit-ui/src/components/buttons/address-button.ts
+++ b/packages/dapp-kit-ui/src/components/buttons/address-button.ts
@@ -16,6 +16,14 @@ export class AddressButton extends LitElement {
gap: 4px;
}
+ button.mobile {
+ padding: 0px;
+ }
+
+ button.mobile:hover {
+ opacity: 0.9;
+ }
+
/* Style for the wallet address */
.wallet-address {
@@ -29,6 +37,12 @@ export class AddressButton extends LitElement {
height: 23px;
border-radius: 50%;
}
+
+ .address-icon.mobile {
+ width: 41px;
+ height: 41px;
+ border-radius: 12px;
+ }
`,
];
@@ -43,11 +57,31 @@ export class AddressButton extends LitElement {
DAppKitUI.modal.open();
};
+ @property()
+ disabled = false;
+
+ @property()
+ mobile = false;
+
render(): TemplateResult {
+ if (this.mobile) {
+ return html`
+ `;
+ }
return html`