@vechain/vechain-kit 1.1.0 → 1.1.1

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/index.d.cts CHANGED
@@ -15,7 +15,7 @@ import * as _tanstack_query_core from '@tanstack/query-core';
15
15
  import { ThorClient } from '@vechain/sdk-network';
16
16
  import { Interface } from 'ethers';
17
17
  import { IconType } from 'react-icons';
18
- import { IconButtonProps, StackProps, ButtonProps } from '@chakra-ui/react';
18
+ import { ButtonProps, IconButtonProps, StackProps } from '@chakra-ui/react';
19
19
 
20
20
  type Props$t = {
21
21
  isOpen: boolean;
@@ -83,12 +83,13 @@ type Props$m = {
83
83
  declare const DappKitButton: ({ isDark, gridColumn }: Props$m) => react_jsx_runtime.JSX.Element;
84
84
 
85
85
  type WalletDisplayVariant = 'icon' | 'iconAndDomain' | 'iconDomainAndAddress' | 'iconDomainAndAssets';
86
+
86
87
  type WalletButtonProps = {
87
88
  mobileVariant?: WalletDisplayVariant;
88
89
  desktopVariant?: WalletDisplayVariant;
90
+ buttonStyle?: ButtonProps;
89
91
  };
90
-
91
- declare const WalletButton: ({ mobileVariant, desktopVariant, }: WalletButtonProps) => react_jsx_runtime.JSX.Element;
92
+ declare const WalletButton: ({ mobileVariant, desktopVariant, buttonStyle, }: WalletButtonProps) => react_jsx_runtime.JSX.Element;
92
93
 
93
94
  type TransactionModalProps = {
94
95
  isOpen: boolean;
package/dist/index.d.ts CHANGED
@@ -15,7 +15,7 @@ import * as _tanstack_query_core from '@tanstack/query-core';
15
15
  import { ThorClient } from '@vechain/sdk-network';
16
16
  import { Interface } from 'ethers';
17
17
  import { IconType } from 'react-icons';
18
- import { IconButtonProps, StackProps, ButtonProps } from '@chakra-ui/react';
18
+ import { ButtonProps, IconButtonProps, StackProps } from '@chakra-ui/react';
19
19
 
20
20
  type Props$t = {
21
21
  isOpen: boolean;
@@ -83,12 +83,13 @@ type Props$m = {
83
83
  declare const DappKitButton: ({ isDark, gridColumn }: Props$m) => react_jsx_runtime.JSX.Element;
84
84
 
85
85
  type WalletDisplayVariant = 'icon' | 'iconAndDomain' | 'iconDomainAndAddress' | 'iconDomainAndAssets';
86
+
86
87
  type WalletButtonProps = {
87
88
  mobileVariant?: WalletDisplayVariant;
88
89
  desktopVariant?: WalletDisplayVariant;
90
+ buttonStyle?: ButtonProps;
89
91
  };
90
-
91
- declare const WalletButton: ({ mobileVariant, desktopVariant, }: WalletButtonProps) => react_jsx_runtime.JSX.Element;
92
+ declare const WalletButton: ({ mobileVariant, desktopVariant, buttonStyle, }: WalletButtonProps) => react_jsx_runtime.JSX.Element;
92
93
 
93
94
  type TransactionModalProps = {
94
95
  isOpen: boolean;
package/dist/index.js CHANGED
@@ -4192,7 +4192,7 @@ var AddressDisplay = ({ wallet, label, size = "lg" }) => {
4192
4192
  // package.json
4193
4193
  var package_default = {
4194
4194
  name: "@vechain/vechain-kit",
4195
- version: "1.1.0",
4195
+ version: "1.1.1",
4196
4196
  private: false,
4197
4197
  homepage: "https://github.com/vechain/vechain-kit",
4198
4198
  repository: "github:vechain/vechain-kit",
@@ -10514,11 +10514,12 @@ var WalletDisplay = ({ variant }) => {
10514
10514
  var ConnectedWallet = ({
10515
10515
  mobileVariant = "iconAndDomain",
10516
10516
  desktopVariant = "iconAndDomain",
10517
- onOpen
10517
+ onOpen,
10518
+ buttonStyle
10518
10519
  }) => {
10519
10520
  const { account } = useWallet();
10520
10521
  const [isDesktop] = useMediaQuery("(min-width: 768px)");
10521
- return /* @__PURE__ */ jsx(Button, { onClick: onOpen, p: "0px 13px", minH: "45px", children: /* @__PURE__ */ jsxs(HStack, { children: [
10522
+ return /* @__PURE__ */ jsx(Button, { ...buttonStyle, onClick: onOpen, p: "0px 13px", minH: "45px", children: /* @__PURE__ */ jsxs(HStack, { children: [
10522
10523
  /* @__PURE__ */ jsx(
10523
10524
  Image,
10524
10525
  {
@@ -10535,7 +10536,8 @@ var ConnectedWallet = ({
10535
10536
  };
10536
10537
  var WalletButton = ({
10537
10538
  mobileVariant = "iconAndDomain",
10538
- desktopVariant = "iconDomainAndAddress"
10539
+ desktopVariant = "iconDomainAndAddress",
10540
+ buttonStyle
10539
10541
  }) => {
10540
10542
  const { t } = useTranslation();
10541
10543
  const { darkMode } = useVeChainKitConfig();
@@ -10571,9 +10573,10 @@ var WalletButton = ({
10571
10573
  {
10572
10574
  mobileVariant,
10573
10575
  desktopVariant,
10574
- onOpen: accountModal.onOpen
10576
+ onOpen: accountModal.onOpen,
10577
+ buttonStyle
10575
10578
  }
10576
- ) : /* @__PURE__ */ jsx(Button, { onClick: handleConnect, children: t("Login") }),
10579
+ ) : /* @__PURE__ */ jsx(Button, { onClick: handleConnect, ...buttonStyle, children: t("Login") }),
10577
10580
  /* @__PURE__ */ jsx(
10578
10581
  ConnectModal,
10579
10582
  {