@bosonprotocol/react-kit 0.32.0-alpha.3 → 0.32.0-alpha.4

package/dist/esm/components/wallet2/walletModal/index.d.ts

@@ -1,10 +1,13 @@
 import React from "react";
+import { CSSProperties } from "styled-components";
 import { OptionProps } from "./Option";
 import { MagicLoginButtonProps } from "../../magicLink/Login";
 export type WalletModalProps = {
     PrivacyPolicy: React.FC;
     magicLoginButtonProps: MagicLoginButtonProps;
-    optionProps: Pick<OptionProps, "color" | "hoverFocusBackgroundColor" | "hoverColor" | "backgroundColor">;
+    optionProps: Pick<OptionProps, "color" | "hoverFocusBackgroundColor" | "hoverColor" | "backgroundColor" | "borderRadius"> & {
+        iconBorderRadius: CSSProperties["borderRadius"];
+    };
 };
 export declare function WalletModal({ PrivacyPolicy, magicLoginButtonProps, optionProps }: WalletModalProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/components/wallet2/walletModal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AA0BhF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,WAAW,EAAE,IAAI,CACf,WAAW,EACX,OAAO,GAAG,2BAA2B,GAAG,YAAY,GAAG,iBAAiB,CACzE,CAAC;CACH,CAAC;AACF,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,qBAAqB,EACrB,WAAW,EACZ,EAAE,gBAAgB,eAiDlB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAK1D,OAAO,EAAU,WAAW,EAAE,MAAM,UAAU,CAAC;AAK/C,OAAO,EAAoB,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AA0BhF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IACxB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,WAAW,EAAE,IAAI,CACf,WAAW,EACT,OAAO,GACP,2BAA2B,GAC3B,YAAY,GACZ,iBAAiB,GACjB,cAAc,CACjB,GAAG;QAAE,gBAAgB,EAAE,aAAa,CAAC,cAAc,CAAC,CAAA;KAAE,CAAC;CACzD,CAAC;AACF,wBAAgB,WAAW,CAAC,EAC1B,aAAa,EACb,qBAAqB,EACrB,WAAW,EACZ,EAAE,gBAAgB,eAqDlB"}

package/dist/esm/components/wallet2/walletModal/index.js

@@ -24,7 +24,7 @@ const OptionGrid = styled.div `
   width: 100%;
   display: grid;
   grid-gap: 2px;
-  border-radius: 12px;
+  border-radius: ${({ $borderRadius }) => $borderRadius};
   overflow: hidden;
   ${breakpoint.m} {
     grid-template-columns: 1fr;
@@ -53,9 +53,9 @@ export function WalletModal({ PrivacyPolicy, magicLoginButtonProps, optionProps
     return (React.createElement(Wrapper, { "data-testid": "wallet-modal" },
         React.createElement(Grid, { justifyContent: "space-between", marginBottom: "16px" }, "Connect a wallet"),
         activationState.status === ActivationStatus.ERROR ? (React.createElement(ConnectionErrorView, null)) : (React.createElement(AutoColumn, { "$gap": "16px" },
-            React.createElement(OptionGrid, { "data-testid": "option-grid" }, connections
+            React.createElement(OptionGrid, { "data-testid": "option-grid", "$borderRadius": optionProps.borderRadius }, connections
                 .filter((connection) => connection.shouldDisplay())
-                .map((connection) => (React.createElement(Option, { ...optionProps, key: connection.getName(), connection: connection })))),
+                .map((connection) => (React.createElement(Option, { ...optionProps, borderRadius: optionProps.iconBorderRadius, key: connection.getName(), connection: connection })))),
             React.createElement(MagicLoginButton, { ...magicLoginButtonProps }),
             React.createElement(PrivacyPolicy, null)))));
 }

package/dist/esm/components/wallet2/walletModal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/walletModal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,MAAyB,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAC7C,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,MAAM,EAAe,MAAM,UAAU,CAAC;AAC/C,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EACnB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,gBAAgB,EAAyB,MAAM,uBAAuB,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;IACtB,gBAAgB;;;;CAInB,CAAC;AAEF,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAkD;;;;mBAI5D,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,aAAa;;IAEnD,UAAU,CAAC,CAAC;;;CAGf,CAAC;AAcF,MAAM,UAAU,WAAW,CAAC,EAC1B,aAAa,EACb,qBAAqB,EACrB,WAAW,EACM;IACjB,MAAM,OAAO,GAAG,UAAU,EAAE,CAAC;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE,CAAC;IACrC,MAAM,cAAc,GAAG,cAAc,EAAE,CAAC;IACxC,MAAM,EAAE,eAAe,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEjD,wHAAwH;IACxH,SAAS,CAAC,GAAG,EAAE;QACb,IACE,OAAO;YACP,gBAAgB,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,OAAO,EAAE,CAAC;YACtD,SAAS,KAAK,cAAc,CAAC,iBAAiB,CAAC,SAAS,EACxD;YACA,cAAc,CAAC,iBAAiB,CAAC,SAAS,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;SAC9D;IACH,CAAC,EAAE;QACD,OAAO;QACP,cAAc,CAAC,iBAAiB,CAAC,SAAS;QAC1C,SAAS;QACT,MAAM,CAAC,OAAO;KACf,CAAC,CAAC;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC;IAClD,OAAO,CACL,oBAAC,OAAO,mBAAa,cAAc;QACjC,oBAAC,IAAI,IAAC,cAAc,EAAC,eAAe,EAAC,YAAY,EAAC,MAAM,uBAEjD;QACN,eAAe,CAAC,MAAM,KAAK,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CACnD,oBAAC,mBAAmB,OAAG,CACxB,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,YAAM,MAAM;YACrB,oBAAC,UAAU,mBACG,aAAa,mBACV,WAAW,CAAC,YAAY,IAEtC,WAAW;iBACT,MAAM,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,UAAU,CAAC,aAAa,EAAE,CAAC;iBAClD,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE,CAAC,CACnB,oBAAC,MAAM,OACD,WAAW,EACf,YAAY,EAAE,WAAW,CAAC,gBAAgB,EAC1C,GAAG,EAAE,UAAU,CAAC,OAAO,EAAE,EACzB,UAAU,EAAE,UAAU,GACtB,CACH,CAAC,CACO;YACb,oBAAC,gBAAgB,OAAK,qBAAqB,GAAI;YAC/C,oBAAC,aAAa,OAAG,CACN,CACd,CACO,CACX,CAAC;AACJ,CAAC"}

package/dist/esm/components/wallet2/web3Status/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAgBpE,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAkOvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,eAAe,CAAC;IAClC,kBAAkB,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,YAAY,CAAC,GAC/D,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC;CAC3D,CAAC;AACF,eAAO,MAAM,aAAa,gDAQxB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+C,MAAM,OAAO,CAAC;AAgBpE,OAAO,EAAc,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAwKvE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,EAAE,eAAe,CAAC;IAClC,kBAAkB,EAAE,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,YAAY,CAAC,GAC/D,QAAQ,CAAC,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC;CAC3D,CAAC;AACF,eAAO,MAAM,aAAa,gDAQxB,CAAC"}

package/dist/esm/components/wallet2/web3Status/index.js

@@ -18,60 +18,7 @@ import { Tooltip } from "../../tooltip/Tooltip";
 import { Grid } from "../../ui/Grid";
 import { useAccountDrawer } from "../accountDrawer";
 import StatusIcon from "../identicon/StatusIcon";
-import { flexRowNoWrap } from "../styles";
-const Web3StatusGeneric = styled.button `
-  ${flexRowNoWrap};
-  width: 100%;
-  align-items: center;
-  padding: 0.5rem;
-  cursor: pointer;
-  user-select: none;
-
-  margin-right: 2px;
-  margin-left: 2px;
-  &:focus {
-    outline: none;
-  }
-`;
 const breakpointWhenConnectButtonOverflows = "1300px";
-const Web3StatusConnected = styled(Web3StatusGeneric) `
-  border: 2px solid transparent;
-  width: auto;
-  font-weight: 500;
-  color: ${({ $color }) => $color};
-  &:hover,
-  &:focus {
-    border: 2px solid
-      color-mix(
-        in srgb,
-        ${({ $backgroundColor }) => $backgroundColor} 90%,
-        black
-      );
-  }
-  @media (min-width: ${breakpointNumbers.xs}px) and (max-width: ${breakpointNumbers.l -
-    1}px) {
-    background-color: ${({ $backgroundColor }) => $backgroundColor};
-    border: 2px solid ${({ $backgroundColor }) => $backgroundColor};
-  }
-  @media (min-width: ${breakpointWhenConnectButtonOverflows}) {
-    background-color: ${({ $backgroundColor }) => $backgroundColor};
-    border: 2px solid ${({ $backgroundColor }) => $backgroundColor};
-  }
-  ${breakpoint.xxs} {
-    border-radius: 8px;
-    margin: initial;
-    * {
-      margin: initial;
-    }
-  }
-  @media (min-width: ${breakpointNumbers.l}px) and (max-width: ${breakpointWhenConnectButtonOverflows}) {
-    border-radius: 8px;
-    margin: initial;
-    * {
-      margin: initial;
-    }
-  }
-`;
 const AddressAndChevronContainer = styled.div `
   display: flex;
 
@@ -140,7 +87,7 @@ function Web3StatusInner({ showOnlyIcon, errorButtonTheme, successButtonTheme })
             ? !configsCurrentChain?.length
             : wasConnected && !configsPreviousChain?.length && isActive;
     if (!connectedToWrongChainId && account) {
-        return (React.createElement(Web3StatusConnected, { disabled: Boolean(switchingChain), "data-testid": "web3-status-connected", onClick: handleWalletDropdownClick, "$color": successButtonTheme.color, "$backgroundColor": successButtonTheme.background },
+        return (React.createElement(BaseButton, { disabled: Boolean(switchingChain), "data-testid": "web3-status-connected", onClick: handleWalletDropdownClick, theme: successButtonTheme },
             React.createElement(StatusIcon, { account: account, size: 24, connection: connection, showMiniIcons: showOnlyIcon }),
             React.createElement(AddressAndChevronContainer, null,
                 React.createElement(Text, null, ENSName || formatAddress(account)))));

package/dist/esm/components/wallet2/web3Status/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/wallet2/web3Status/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/widgets/commit/CommitWidgetProviders.d.ts

@@ -1,10 +1,10 @@
 import React, { ReactNode } from "react";
+import { BosonProviderProps } from "../../boson/BosonProvider";
 import { ConfigProviderProps } from "../../config/ConfigProvider";
 import { IpfsProviderProps } from "../../ipfs/IpfsProvider";
 import { WalletConnectionProviderProps } from "../../wallet/WalletConnectionProvider";
 import { WithReduxProviderProps } from "../ReduxProvider";
 import { ConvertionRateProviderProps } from "../finance/convertion-rate/ConvertionRateProvider";
-import { BosonProviderProps } from "../../boson/BosonProvider";
 export type CommitWidgetProvidersProps = IpfsProviderProps & Omit<ConfigProviderProps, "magicLinkKey" | "infuraKey"> & ConvertionRateProviderProps & Omit<WalletConnectionProviderProps, "children" | "envName"> & BosonProviderProps & WithReduxProviderProps & {
     children: ReactNode;
 };

package/dist/esm/components/widgets/commit/CommitWidgetProviders.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommitWidgetProviders.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAMtD,OAAO,EAEL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG1E,OAAO,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AACtF,OAAO,EAGL,sBAAsB,EACvB,MAAM,kBAAkB,CAAC;AAC1B,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAiB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE9E,MAAM,MAAM,0BAA0B,GAAG,iBAAiB,GACxD,IAAI,CAAC,mBAAmB,EAAE,cAAc,GAAG,WAAW,CAAC,GACvD,2BAA2B,GAC3B,IAAI,CAAC,6BAA6B,EAAE,UAAU,GAAG,SAAS,CAAC,GAC3D,kBAAkB,GAClB,sBAAsB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAIJ,eAAO,MAAM,yBAAyB,wGAAW,CAAC;AAClD,eAAO,MAAM,yBAAyB;;;iBAAgB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA6CpE,CAAC"}
+{"version":3,"file":"CommitWidgetProviders.d.ts","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAKtD,OAAO,EAAiB,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAE9E,OAAO,EAEL,mBAAmB,EACpB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAG1E,OAAO,EAAE,6BAA6B,EAAE,MAAM,uCAAuC,CAAC;AACtF,OAAO,EAGL,sBAAsB,EACvB,MAAM,kBAAkB,CAAC;AAC1B,OAA+B,EAC7B,2BAA2B,EAC5B,MAAM,mDAAmD,CAAC;AAE3D,MAAM,MAAM,0BAA0B,GAAG,iBAAiB,GACxD,IAAI,CAAC,mBAAmB,EAAE,cAAc,GAAG,WAAW,CAAC,GACvD,2BAA2B,GAC3B,IAAI,CAAC,6BAA6B,EAAE,UAAU,GAAG,SAAS,CAAC,GAC3D,kBAAkB,GAClB,sBAAsB,GAAG;IACvB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAIJ,eAAO,MAAM,yBAAyB,wGAAW,CAAC;AAClD,eAAO,MAAM,yBAAyB;;;iBAAgB,CAAC;AAEvD,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA6CpE,CAAC"}

package/dist/esm/components/widgets/commit/CommitWidgetProviders.js

@@ -3,14 +3,14 @@ import { useProvider } from "../../../hooks/connection/connection";
 import { useIsWindowVisible } from "../../../hooks/uniswap/useIsWindowVisible";
 import { CONFIG } from "../../../lib/config/config";
 import { Updaters } from "../../../state/updaters";
+import { BosonProvider } from "../../boson/BosonProvider";
 import ChatProvider from "../../chat/ChatProvider/ChatProvider";
 import { ConfigProvider } from "../../config/ConfigProvider";
 import { IpfsProvider } from "../../ipfs/IpfsProvider";
-import ModalProvider from "../../modal/ModalProvider";
+import { ModalProvider } from "../../modal/ModalProvider";
 import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 import { ReduxProvider, WithReduxProvider } from "../ReduxProvider";
 import ConvertionRateProvider from "../finance/convertion-rate/ConvertionRateProvider";
-import { BosonProvider } from "../../boson/BosonProvider";
 const { infuraKey, magicLinkKey } = CONFIG;
 export const CommitWidgetReduxUpdaters = Updaters;
 export const CommitWidgetReduxProvider = ReduxProvider;

package/dist/esm/components/widgets/commit/CommitWidgetProviders.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommitWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,EACL,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAC1E,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AAEpF,OAAO,EACL,aAAa,EACb,iBAAiB,EAElB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,sBAEN,MAAM,mDAAmD,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAsB,MAAM,2BAA2B,CAAC;AAW9E,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;AAE3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,QAAQ,CAAC;AAClD,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAC;AAEvD,MAAM,CAAC,MAAM,qBAAqB,GAChC,uBAAuB,CACrB,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpE,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;IAC7C,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAA2B,EAAE,EAAE;QAC1D,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,oBAAC,eAAe,IACd,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,KAAK,CAAC,aAAa,IAEjC,gBAAgB,CACD,CACnB,CAAC,CAAC,CAAC,CACF,0CAAG,gBAAgB,CAAI,CACxB,CAAC;IACJ,CAAC,EACD,CAAC,iBAAiB,EAAE,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,CAC1D,CAAC;IACF,OAAO,CACL,oBAAC,iBAAiB,IAChB,sBAAsB,EAAE,sBAAsB,EAC9C,iBAAiB,EAAE,iBAAiB;QAEpC,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,sBAAsB,EAAE,sBAAsB,KAC1C,KAAK;YAET,oBAAC,aAAa,OAAK,KAAK;gBACtB,oBAAC,YAAY;oBACX,oBAAC,YAAY;wBACX,oBAAC,YAAY,OAAK,KAAK;4BACrB,oBAAC,sBAAsB;gCACrB,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CAClB,CACZ,CACF,CACF,CACD,CACD,CACC,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,eAAe,CAAC,EACvB,QAAQ,EACR,eAAe,EACf,aAAa,EAKd;IACC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,QAAQ,IACP,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,IAE3B,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CommitWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/commit/CommitWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,MAAM,OAAO,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAC/E,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAsB,MAAM,2BAA2B,CAAC;AAC9E,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,EACL,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AAEpF,OAAO,EACL,aAAa,EACb,iBAAiB,EAElB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,sBAEN,MAAM,mDAAmD,CAAC;AAW3D,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;AAE3C,MAAM,CAAC,MAAM,yBAAyB,GAAG,QAAQ,CAAC;AAClD,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAC;AAEvD,MAAM,CAAC,MAAM,qBAAqB,GAChC,uBAAuB,CACrB,CAAC,EAAE,QAAQ,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpE,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAC;IAC7C,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,EAAE,QAAQ,EAAE,gBAAgB,EAA2B,EAAE,EAAE;QAC1D,OAAO,iBAAiB,CAAC,CAAC,CAAC,CACzB,oBAAC,eAAe,IACd,eAAe,EAAE,eAAe,EAChC,aAAa,EAAE,KAAK,CAAC,aAAa,IAEjC,gBAAgB,CACD,CACnB,CAAC,CAAC,CAAC,CACF,0CAAG,gBAAgB,CAAI,CACxB,CAAC;IACJ,CAAC,EACD,CAAC,iBAAiB,EAAE,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,CAC1D,CAAC;IACF,OAAO,CACL,oBAAC,iBAAiB,IAChB,sBAAsB,EAAE,sBAAsB,EAC9C,iBAAiB,EAAE,iBAAiB;QAEpC,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,sBAAsB,EAAE,sBAAsB,KAC1C,KAAK;YAET,oBAAC,aAAa,OAAK,KAAK;gBACtB,oBAAC,YAAY;oBACX,oBAAC,YAAY;wBACX,oBAAC,YAAY,OAAK,KAAK;4BACrB,oBAAC,sBAAsB;gCACrB,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CAClB,CACZ,CACF,CACF,CACD,CACD,CACC,CACrB,CAAC;AACJ,CAAC,CACF,CAAC;AAEJ,SAAS,eAAe,CAAC,EACvB,QAAQ,EACR,eAAe,EACf,aAAa,EAKd;IACC,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,OAAO,CACL,oBAAC,QAAQ,IACP,eAAe,EAAE,eAAe,EAChC,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,IAE3B,QAAQ,CACA,CACZ,CAAC;AACJ,CAAC"}

package/dist/esm/components/widgets/finance/FinanceWidgetProviders.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { CONFIG } from "../../../lib/config/config";
 import { ConfigProvider } from "../../config/ConfigProvider";
-import ModalProvider from "../../modal/ModalProvider";
+import { ModalProvider } from "../../modal/ModalProvider";
 import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 import { SignerProvider } from "../../signer/SignerProvider";
 import GlobalStyle from "../../styles/GlobalStyle";

package/dist/esm/components/widgets/finance/FinanceWidgetProviders.js.map

@@ -1 +1 @@
-{"version":3,"file":"FinanceWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/finance/FinanceWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EACL,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAA0B,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,sBAEN,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,aAAa,EAAsB,MAAM,2BAA2B,CAAC;AAc9E,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;AAE3C,MAAM,CAAC,MAAM,sBAAsB,GACjC,uBAAuB,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjD,MAAM,YAAY,GAAG,qBAAqB,EAAE,CAAC;IAC7C,OAAO,CACL,oBAAC,iBAAiB,IAChB,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;QAE1C,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,KAChB,KAAK;YAET,oBAAC,aAAa,OAAK,KAAK;gBACtB,oBAAC,WAAW,OAAG;gBACf,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;oBAE5C,oBAAC,sBAAsB;wBACrB,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CAClB,CACV,CACH,CACD,CACC,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"FinanceWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/finance/FinanceWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,EACL,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAA0B,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAElD,OAAO,sBAEN,MAAM,0CAA0C,CAAC;AAClD,OAAO,EAAE,aAAa,EAAsB,MAAM,2BAA2B,CAAC;AAc9E,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;AAE3C,MAAM,CAAC,MAAM,sBAAsB,GACjC,uBAAuB,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjD,MAAM,YAAY,GAAG,qBAAqB,EAAE,CAAC;IAC7C,OAAO,CACL,oBAAC,iBAAiB,IAChB,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;QAE1C,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,KAChB,KAAK;YAET,oBAAC,aAAa,OAAK,KAAK;gBACtB,oBAAC,WAAW,OAAG;gBACf,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;oBAE5C,oBAAC,sBAAsB;wBACrB,oBAAC,aAAa,QAAE,QAAQ,CAAiB,CAClB,CACV,CACH,CACD,CACC,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/components/widgets/redemption/RedemptionWidgetProviders.js

@@ -3,7 +3,7 @@ import { CONFIG } from "../../../lib/config/config";
 import ChatProvider from "../../chat/ChatProvider/ChatProvider";
 import { ConfigProvider } from "../../config/ConfigProvider";
 import { IpfsProvider } from "../../ipfs/IpfsProvider";
-import ModalProvider from "../../modal/ModalProvider";
+import { ModalProvider } from "../../modal/ModalProvider";
 import { withQueryClientProvider } from "../../queryClient/withQueryClientProvider";
 import { SignerProvider } from "../../signer/SignerProvider";
 import GlobalStyle from "../../styles/GlobalStyle";

package/dist/esm/components/widgets/redemption/RedemptionWidgetProviders.js.map

@@ -1 +1 @@
-{"version":3,"file":"RedemptionWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,EACL,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAC1E,OAAO,aAAa,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAA0B,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,sBAEN,MAAM,mDAAmD,CAAC;AAG3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,2BAA2B,CAAC;AAe9E,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;AAE3C,MAAM,CAAC,MAAM,yBAAyB,GACpC,uBAAuB,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjD,MAAM,YAAY,GAAG,qBAAqB,EAAE,CAAC;IAC7C,OAAO,CACL,oBAAC,iBAAiB,IAChB,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;QAE1C,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,KAChB,KAAK;YAET,oBAAC,aAAa,OAAK,KAAK;gBACtB,oBAAC,WAAW,OAAG;gBACf,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;oBAE5C,oBAAC,YAAY;wBACX,oBAAC,YAAY,OAAK,KAAK;4BACrB,oBAAC,sBAAsB;gCACrB,oBAAC,aAAa;oCACZ,oBAAC,kBAAkB,OAAK,KAAK,IAC1B,QAAQ,CACU,CACP,CACO,CACZ,CACF,CACA,CACH,CACD,CACC,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC"}
+{"version":3,"file":"RedemptionWidgetProviders.js","sourceRoot":"","sources":["../../../../../src/components/widgets/redemption/RedemptionWidgetProviders.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AACpD,OAAO,YAAY,MAAM,sCAAsC,CAAC;AAChE,OAAO,EACL,cAAc,EAEf,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAqB,MAAM,yBAAyB,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,WAAW,MAAM,0BAA0B,CAAC;AAEnD,OAAO,EAAE,iBAAiB,EAA0B,MAAM,kBAAkB,CAAC;AAC7E,OAAO,EAAE,qBAAqB,EAAE,MAAM,WAAW,CAAC;AAClD,OAAO,sBAEN,MAAM,mDAAmD,CAAC;AAG3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,2BAA2B,CAAC;AAe9E,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,GAAG,MAAM,CAAC;AAE3C,MAAM,CAAC,MAAM,yBAAyB,GACpC,uBAAuB,CAAC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjD,MAAM,YAAY,GAAG,qBAAqB,EAAE,CAAC;IAC7C,OAAO,CACL,oBAAC,iBAAiB,IAChB,sBAAsB,EAAE,KAAK,CAAC,sBAAsB,EACpD,iBAAiB,EAAE,KAAK,CAAC,iBAAiB;QAE1C,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,KAChB,KAAK;YAET,oBAAC,aAAa,OAAK,KAAK;gBACtB,oBAAC,WAAW,OAAG;gBACf,oBAAC,cAAc,IACb,YAAY,EAAE,YAAY,EAC1B,kBAAkB,EAAE,KAAK,CAAC,kBAAkB;oBAE5C,oBAAC,YAAY;wBACX,oBAAC,YAAY,OAAK,KAAK;4BACrB,oBAAC,sBAAsB;gCACrB,oBAAC,aAAa;oCACZ,oBAAC,kBAAkB,OAAK,KAAK,IAC1B,QAAQ,CACU,CACP,CACO,CACZ,CACF,CACA,CACH,CACD,CACC,CACrB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bosonprotocol/react-kit",
   "description": "React toolkit with smart components and hooks for building on top of the Boson Protocol.",
-  "version": "0.32.0-alpha.3",
+  "version": "0.32.0-alpha.4",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
   "types": "./dist/cjs/index.d.ts",
@@ -15,8 +15,8 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@bosonprotocol/chat-sdk": "^1.3.1-alpha.9",
-    "@bosonprotocol/core-sdk": "^1.40.4-alpha.1",
-    "@bosonprotocol/ethers-sdk": "^1.14.4-alpha.1",
+    "@bosonprotocol/core-sdk": "^1.40.4-alpha.2",
+    "@bosonprotocol/ethers-sdk": "^1.14.4-alpha.2",
     "@bosonprotocol/ipfs-storage": "^1.11.3",
     "@davatar/react": "1.11.1",
     "@ethersproject/units": "5.6.0",
@@ -185,5 +185,5 @@
   "overrides": {
     "typescript": "^5.1.6"
   },
-  "gitHead": "7f05a3ec516d94a95611a112d20b251848bd5212"
+  "gitHead": "0d0f567f5b192ff030acb4ab68e26afa1583462f"
 }

package/src/components/buttons/BaseButton.tsx

@@ -98,7 +98,7 @@ const ChildWrapperButton = styled.div`
   display: flex;
   align-items: center;
   justify-content: center;
-  gap: 12px;
+  gap: ${(props) => props.theme?.gap || "12px"};
   position: relative;
   z-index: ${zIndex.Button};
 
@@ -112,6 +112,7 @@ export type BaseButtonTheme = {
   borderWidth?: CSSProperties["borderWidth"];
   color?: CSSProperties["color"];
   padding?: CSSProperties["padding"];
+  gap?: CSSProperties["gap"];
   hover?: {
     background?: CSSProperties["backgroundColor"];
     borderColor?: CSSProperties["borderColor"];
@@ -179,7 +180,7 @@ export const BaseButton = forwardRef<HTMLButtonElement, BaseButtonProps>(
             {isLoading ? (
               <Loading />
             ) : (
-              <ChildWrapperButton data-child-wrapper-button>
+              <ChildWrapperButton data-child-wrapper-button theme={theme}>
                 {children}
                 {step !== 0 && (
                   <Typography>

package/src/components/modal/Modal.tsx

@@ -134,16 +134,8 @@ const Wrapper = styled.div<{
   }};
   ${({ $modalType }) => {
     switch ($modalType) {
-      case "PRODUCT_CREATE_SUCCESS":
-        return css`
-          max-width: 65.875rem;
-        `;
       case "FINANCE_WITHDRAW_MODAL":
       case "FINANCE_DEPOSIT_MODAL":
-      case "MANAGE_FUNDS_MODAL":
-      case "EXPIRE_VOUCHER_MODAL":
-      case "DISPUTE_RESOLUTION_DECIDE_MODAL":
-      case "DISPUTE_RESOLUTION_REFUSE_MODAL":
         return css`
           ${breakpoint.xs} {
             max-width: 31.25rem;

package/src/components/modal/ModalProvider.tsx

@@ -56,8 +56,7 @@ const RenderModalComponent = ({
 interface Props {
   children: React.ReactNode;
 }
-export default function ModalProvider({ children }: Props) {
-  // const { pathname } = useLocation();
+export function ModalProvider({ children }: Props) {
   const [store, setStore] = useState(initalState.store);
 
   const showModal = useCallback(
@@ -100,6 +99,7 @@ export default function ModalProvider({ children }: Props) {
   }, []);
 
   // TODO: check if this is necessary
+  // const { pathname } = useLocation();
   // useEffect(() => {
   //   if (store.modalType !== null) {
   //     hideModal();

package/src/components/wallet2/accountDrawer/AuthenticatedHeader.tsx

@@ -30,6 +30,7 @@ import {
   useConnections
 } from "../../connection/ConnectionsProvider";
 import { useWeb3React } from "@web3-react/core";
+import { BaseButton, BaseButtonTheme } from "../../buttons/BaseButton";
 const colors = theme.colors.light;
 const AuthenticatedHeaderWrapper = styled.div`
   padding: 20px 16px;
@@ -38,45 +39,6 @@ const AuthenticatedHeaderWrapper = styled.div`
   flex: 1;
 `;
 
-const HeaderButton = styled.button<{
-  $color: CSSProperties["color"];
-  $backgroundColor: CSSProperties["backgroundColor"];
-}>`
-  color: ${({ $color }) => $color};
-  background-color: ${({ $backgroundColor }) => $backgroundColor};
-  width: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  gap: 0.5rem;
-  border-color: transparent;
-  border-radius: 12px;
-  border-style: solid;
-  border-width: 1px;
-  height: 40px;
-  margin-top: 8px;
-
-  position: relative;
-  z-index: 1;
-  letter-spacing: 0.5px;
-  font-style: normal;
-  font-size: 1rem;
-  font-weight: 500;
-  line-height: 24px;
-
-  &:hover:not(:disabled) {
-    background-color: color-mix(
-      in srgb,
-      ${({ $backgroundColor }) => $backgroundColor} 90%,
-      black
-    );
-    transition: 125ms background-color ease-in;
-  }
-  &:disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-`;
 const IconHoverText = styled.span`
   color: ${colors.white};
   position: absolute;
@@ -174,16 +136,16 @@ export type AuthenticatedHeaderProps = {
   onUserDisconnect?: () => unknown;
   disconnectColor: CSSProperties["color"];
   disconnectBackgroundColor: CSSProperties["backgroundColor"];
-  buyCryptoColor: CSSProperties["color"];
-  buyCryptoBackgroundColor: CSSProperties["backgroundColor"];
+  disconnectBorderRadius: CSSProperties["borderRadius"];
+  buyCryptoTheme: BaseButtonTheme;
 };
 export function AuthenticatedHeader({
   account,
   onUserDisconnect,
   disconnectColor,
   disconnectBackgroundColor,
-  buyCryptoColor,
-  buyCryptoBackgroundColor
+  disconnectBorderRadius,
+  buyCryptoTheme
 }: AuthenticatedHeaderProps) {
   const { connector } = useWeb3React();
   const { ENSName } = useENSName(account);
@@ -282,14 +244,15 @@ export function AuthenticatedHeader({
             dismissOnHoverOut
             color={disconnectColor}
             backgroundColor={disconnectBackgroundColor}
+            borderRadius={disconnectBorderRadius}
           />
         </IconContainer>
       </HeaderWrapper>
       <PortfolioDrawerContainer>
         <FiatLink>
-          <HeaderButton
-            $color={buyCryptoColor}
-            $backgroundColor={buyCryptoBackgroundColor}
+          <BaseButton
+            fill
+            theme={buyCryptoTheme}
             // onClick={handleBuyCryptoClick}
             // disabled={disableBuyCryptoButton}
             disabled={isFiatLoading}
@@ -307,7 +270,7 @@ export function AuthenticatedHeader({
                 Buy crypto
               </>
             )}
-          </HeaderButton>
+          </BaseButton>
         </FiatLink>
         {Boolean(!fiatOnrampAvailable && fiatOnrampAvailabilityChecked) && (
           <FiatOnrampNotAvailableText marginTop="8px">

package/src/components/wallet2/accountDrawer/IconButton.tsx

@@ -27,12 +27,13 @@ const IconStyles = css<{
   $hideHorizontal?: boolean;
   $color: CSSProperties["color"];
   $backgroundColor: CSSProperties["backgroundColor"];
+  $borderRadius: CSSProperties["borderRadius"];
 }>`
   color: ${({ $color }) => $color};
   /* TODO: background-color: var(--buttonBgColor); */
   background-color: ${({ $backgroundColor }) => $backgroundColor};
   transition: ${getWidthTransition};
-  border-radius: 12px;
+  border-radius: ${({ $borderRadius }) => $borderRadius || "12px"};
   display: flex;
   padding: 0;
   cursor: pointer;
@@ -66,6 +67,7 @@ const IconBlockLink = styled.a<{
   $hideHorizontal?: boolean;
   $color: CSSProperties["color"];
   $backgroundColor: CSSProperties["backgroundColor"];
+  $borderRadius: CSSProperties["borderRadius"];
 }>`
   ${IconStyles};
 `;
@@ -74,6 +76,7 @@ const IconBlockButton = styled.button<{
   $hideHorizontal?: boolean;
   $color: CSSProperties["color"];
   $backgroundColor: CSSProperties["backgroundColor"];
+  $borderRadius: CSSProperties["borderRadius"];
 }>`
   ${IconStyles};
   border: none;
@@ -106,15 +109,17 @@ const IconBlock = forwardRef<
   IconBlockProps & {
     color: CSSProperties["color"];
     backgroundColor: CSSProperties["backgroundColor"];
+    borderRadius: CSSProperties["borderRadius"];
   }
 >(function IconBlock(props, ref) {
-  const { color, backgroundColor } = props;
+  const { color, backgroundColor, borderRadius } = props;
   if ("href" in props) {
     return (
       <IconBlockLink
         ref={ref as React.ForwardedRef<HTMLAnchorElement>}
         $color={color}
         $backgroundColor={backgroundColor}
+        $borderRadius={borderRadius}
         {...props}
       />
     );
@@ -128,6 +133,7 @@ const IconBlock = forwardRef<
       ref={ref}
       $color={color}
       $backgroundColor={backgroundColor}
+      $borderRadius={borderRadius}
       {...props}
     />
   );
@@ -141,6 +147,7 @@ type IconWithTextProps = (IconButtonProps | IconLinkProps) & {
   dismissOnHoverDurationMs?: number;
   color: CSSProperties["color"];
   backgroundColor: CSSProperties["backgroundColor"];
+  borderRadius: CSSProperties["borderRadius"];
 };
 
 const TextWrapper = styled.div`
@@ -172,6 +179,7 @@ export const IconWithConfirmTextButton = ({
   dismissOnHoverDurationMs = 500,
   color,
   backgroundColor,
+  borderRadius,
   ...rest
 }: IconWithTextProps) => {
   const [showText, setShowTextWithoutCallback] = useState(false);
@@ -254,6 +262,7 @@ export const IconWithConfirmTextButton = ({
       }}
       color={color}
       backgroundColor={backgroundColor}
+      borderRadius={borderRadius}
       // eslint-disable-next-line @typescript-eslint/ban-ts-comment
       // @ts-ignore MouseEvent is valid, its a subset of the two mouse events,
       // even manually typing this all out more specifically it still gets mad about any casting for some reason

package/src/components/wallet2/walletModal/Option.tsx

@@ -49,14 +49,16 @@ const HeaderText = styled.div<{ $color: CSSProperties["color"] }>`
   font-weight: 600;
   padding: 0 8px;
 `;
-const IconWrapper = styled.div`
+const IconWrapper = styled.div<{
+  $borderRadius: CSSProperties["borderRadius"];
+}>`
   ${flexColumnNoWrap};
   align-items: center;
   justify-content: center;
   img,
   svg {
     border: 1px solid ${colors.border};
-    border-radius: 12px;
+    border-radius: ${({ $borderRadius }) => $borderRadius};
   }
   & > img,
   & > svg,
@@ -107,13 +109,15 @@ export interface OptionProps {
   hoverFocusBackgroundColor: CSSProperties["backgroundColor"];
   hoverColor: CSSProperties["color"];
   backgroundColor: CSSProperties["backgroundColor"];
+  borderRadius: CSSProperties["borderRadius"];
 }
 export function Option({
   connection,
   color,
   hoverFocusBackgroundColor,
   hoverColor,
-  backgroundColor
+  backgroundColor,
+  borderRadius
 }: OptionProps) {
   const { activationState, tryActivation } = useActivationState();
   const toggleAccountDrawer = useToggleAccountDrawer();
@@ -140,7 +144,7 @@ export function Option({
         data-testid={`wallet-option-${connection.type}`}
       >
         <OptionCardLeft>
-          <IconWrapper>
+          <IconWrapper $borderRadius={borderRadius}>
             <SvgImage
               src={connection.getIcon?.(false)}
               alt={connection.getName()}

package/src/components/wallet2/walletModal/index.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import { useWeb3React } from "@web3-react/core";
 import { useEffect } from "react";
-import styled from "styled-components";
+import styled, { CSSProperties } from "styled-components";
 
 import { Grid } from "../../ui/Grid";
 import { flexColumnNoWrap } from "../styles";
@@ -26,11 +26,11 @@ const Wrapper = styled.div`
   flex: 1;
 `;
 
-const OptionGrid = styled.div`
+const OptionGrid = styled.div<{ $borderRadius: CSSProperties["borderRadius"] }>`
   width: 100%;
   display: grid;
   grid-gap: 2px;
-  border-radius: 12px;
+  border-radius: ${({ $borderRadius }) => $borderRadius};
   overflow: hidden;
   ${breakpoint.m} {
     grid-template-columns: 1fr;
@@ -42,8 +42,12 @@ export type WalletModalProps = {
   magicLoginButtonProps: MagicLoginButtonProps;
   optionProps: Pick<
     OptionProps,
-    "color" | "hoverFocusBackgroundColor" | "hoverColor" | "backgroundColor"
-  >;
+    | "color"
+    | "hoverFocusBackgroundColor"
+    | "hoverColor"
+    | "backgroundColor"
+    | "borderRadius"
+  > & { iconBorderRadius: CSSProperties["borderRadius"] };
 };
 export function WalletModal({
   PrivacyPolicy,
@@ -81,12 +85,16 @@ export function WalletModal({
         <ConnectionErrorView />
       ) : (
         <AutoColumn $gap="16px">
-          <OptionGrid data-testid="option-grid">
+          <OptionGrid
+            data-testid="option-grid"
+            $borderRadius={optionProps.borderRadius}
+          >
             {connections
               .filter((connection) => connection.shouldDisplay())
               .map((connection) => (
                 <Option
                   {...optionProps}
+                  borderRadius={optionProps.iconBorderRadius}
                   key={connection.getName()}
                   connection={connection}
                 />