thirdweb 5.110.1 → 5.110.2-nightly-630edadcec2c777cfd4bfef4871aff396e98291e-20251024000336

package/dist/types/react/core/design-system/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/react/core/design-system/index.ts"],"names":[],"mappings":"AA6CA;;GAEG;AACH,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE;QACN,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;QACtB,UAAU,EAAE,MAAM,CAAC;QAEnB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAEhB,cAAc,EAAE,MAAM,CAAC;QAEvB,cAAc,EAAE,MAAM,CAAC;QACvB,gBAAgB,EAAE,MAAM,CAAC;QAEzB,eAAe,EAAE,MAAM,CAAC;QACxB,iBAAiB,EAAE,MAAM,CAAC;QAE1B,iBAAiB,EAAE,MAAM,CAAC;QAC1B,mBAAmB,EAAE,MAAM,CAAC;QAC5B,sBAAsB,EAAE,MAAM,CAAC;QAE/B,OAAO,EAAE,MAAM,CAAC;QAEhB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QAEpB,eAAe,EAAE,MAAM,CAAC;QACxB,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QAEnB,aAAa,EAAE,MAAM,CAAC;QAEtB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,oBAAoB,EAAE,MAAM,CAAC;QAC7B,uBAAuB,EAAE,MAAM,CAAC;QAEhC,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QAEnB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,cAAc,EAAE,MAAM,CAAC;QAEvB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,sBAAsB,EAAE,MAAM,CAAC;KAChC,CAAC;IACF,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAuDF,eAAO,MAAM,YAAY,OAAqD,CAAC;AAC/E,eAAO,MAAM,aAAa,OAGzB,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;KAC1B,GAAG,IAAI,OAAO,CAAC,MAAM,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;CAQpB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;CAUpB,CAAC;AAGF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,SAAS,CAAC,EAAE,cAAc,GAAG,KAAK,CAK5D;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,SAAS,CAAC,SAAS,CAAC,EAAE,cAAc,GAAG,KAAK,CAK3D"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/react/core/design-system/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,MAAM,EAAE;QACN,WAAW,EAAE,MAAM,CAAC;QACpB,aAAa,EAAE,MAAM,CAAC;QACtB,UAAU,EAAE,MAAM,CAAC;QAEnB,MAAM,EAAE,MAAM,CAAC;QACf,OAAO,EAAE,MAAM,CAAC;QAEhB,cAAc,EAAE,MAAM,CAAC;QAEvB,cAAc,EAAE,MAAM,CAAC;QACvB,gBAAgB,EAAE,MAAM,CAAC;QAEzB,eAAe,EAAE,MAAM,CAAC;QACxB,iBAAiB,EAAE,MAAM,CAAC;QAE1B,iBAAiB,EAAE,MAAM,CAAC;QAC1B,mBAAmB,EAAE,MAAM,CAAC;QAC5B,sBAAsB,EAAE,MAAM,CAAC;QAE/B,OAAO,EAAE,MAAM,CAAC;QAEhB,SAAS,EAAE,MAAM,CAAC;QAClB,WAAW,EAAE,MAAM,CAAC;QAEpB,eAAe,EAAE,MAAM,CAAC;QACxB,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QAEnB,aAAa,EAAE,MAAM,CAAC;QAEtB,kBAAkB,EAAE,MAAM,CAAC;QAC3B,oBAAoB,EAAE,MAAM,CAAC;QAC7B,uBAAuB,EAAE,MAAM,CAAC;QAEhC,WAAW,EAAE,MAAM,CAAC;QACpB,UAAU,EAAE,MAAM,CAAC;QAEnB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,cAAc,EAAE,MAAM,CAAC;QAEvB,iBAAiB,EAAE,MAAM,CAAC;QAC1B,sBAAsB,EAAE,MAAM,CAAC;KAChC,CAAC;IACF,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAkC1B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAkC3B,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG;KAC1B,GAAG,IAAI,OAAO,CAAC,MAAM,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;CAC5D,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;CAQpB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;;;;;CAYnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;CAQlB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;;CAUpB,CAAC;AAGF,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAGF,eAAO,MAAM,MAAM;;;;;CAKlB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,UAAU,CAAC,SAAS,CAAC,EAAE,cAAc,GAAG,KAAK,CAK5D;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,wBAAgB,SAAS,CAAC,SAAS,CAAC,EAAE,cAAc,GAAG,KAAK,CAK3D"}

package/dist/types/react/web/ui/Bridge/payment-selection/FiatProviderSelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FiatProviderSelection.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/payment-selection/FiatProviderSelection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAmBhF,UAAU,0BAA0B;IAClC,MAAM,EAAE,cAAc,CAAC;IACvB,kBAAkB,EAAE,CAAC,QAAQ,EAAE,UAAU,GAAG,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1E,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAuBD,wBAAgB,qBAAqB,CAAC,EACpC,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,cAAc,EACd,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE,0BAA0B,2CAmJ5B"}
+{"version":3,"file":"FiatProviderSelection.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/payment-selection/FiatProviderSelection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAkBhF,UAAU,0BAA0B;IAClC,MAAM,EAAE,cAAc,CAAC;IACvB,kBAAkB,EAAE,CAAC,QAAQ,EAAE,UAAU,GAAG,QAAQ,GAAG,SAAS,KAAK,IAAI,CAAC;IAC1E,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,qBAAqB,CAAC;IACjC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC;CAC7B;AAuBD,wBAAgB,qBAAqB,CAAC,EACpC,kBAAkB,EAClB,MAAM,EACN,SAAS,EACT,cAAc,EACd,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,OAAO,GACR,EAAE,0BAA0B,2CAiJ5B"}

package/dist/types/react/web/ui/Bridge/payment-selection/TokenSelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenSelection.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/payment-selection/TokenSelection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAahF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,UAAU,mBAAmB;IAC3B,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,MAAM,EAAE,cAAc,CAAC;IACvB,uBAAuB,EAAE,CAAC,aAAa,EAAE,aAAa,KAAK,IAAI,CAAC;IAChE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gBAAgB,EAAE,KAAK,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACjC,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AA6FD,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,qBAAqB,EACrB,MAAM,EACN,uBAAuB,EACvB,MAAM,EACN,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,GACT,EAAE,mBAAmB,2CA2HrB"}
+{"version":3,"file":"TokenSelection.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/payment-selection/TokenSelection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sCAAsC,CAAC;AAClE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAahF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEjD,UAAU,mBAAmB;IAC3B,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,MAAM,EAAE,cAAc,CAAC;IACvB,uBAAuB,EAAE,CAAC,aAAa,EAAE,aAAa,KAAK,IAAI,CAAC;IAChE,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,gBAAgB,EAAE,KAAK,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,GAAG,UAAU,CAAC;IACjC,QAAQ,CAAC,EAAE,qBAAqB,CAAC;CAClC;AA2FD,wBAAgB,cAAc,CAAC,EAC7B,cAAc,EACd,qBAAqB,EACrB,MAAM,EACN,uBAAuB,EACvB,MAAM,EACN,gBAAgB,EAChB,iBAAiB,EACjB,QAAQ,EACR,QAAQ,GACT,EAAE,mBAAmB,2CAyHrB"}

package/dist/types/react/web/ui/Bridge/payment-selection/WalletFiatSelection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WalletFiatSelection.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/payment-selection/WalletFiatSelection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAc1E,UAAU,wBAAwB;IAChC,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,MAAM,EAAE,cAAc,CAAC;IACvB,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,CAAC,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC;CACxC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,cAAmC,GACpC,EAAE,wBAAwB,2CAwJ1B"}
+{"version":3,"file":"WalletFiatSelection.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/Bridge/payment-selection/WalletFiatSelection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,6CAA6C,CAAC;AAa1E,UAAU,wBAAwB;IAChC,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,MAAM,EAAE,cAAc,CAAC;IACvB,gBAAgB,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,CAAC,EAAE,CAAC,QAAQ,GAAG,MAAM,CAAC,EAAE,CAAC;CACxC;AAED,wBAAgB,mBAAmB,CAAC,EAClC,gBAAgB,EAChB,MAAM,EACN,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,cAAmC,GACpC,EAAE,wBAAwB,2CAwH1B"}

package/dist/types/react/web/ui/ConnectWallet/screens/ReceiveFunds.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReceiveFunds.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/ConnectWallet/screens/ReceiveFunds.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAiBvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,aAAa,EAAE,aAAa,CAAC;IAC7B,MAAM,EAAE,cAAc,CAAC;CACxB,2CAwDA"}
+{"version":3,"file":"ReceiveFunds.d.ts","sourceRoot":"","sources":["../../../../../../../src/react/web/ui/ConnectWallet/screens/ReceiveFunds.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAiBvE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAExD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE;IAClC,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,aAAa,EAAE,aAAa,CAAC;IAC7B,MAAM,EAAE,cAAc,CAAC;CACxB,2CAyDA"}

package/dist/types/react/web/ui/components/modalElements.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modalElements.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/modalElements.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU;;;iHAUrB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAWA,CAAC"}
+{"version":3,"file":"modalElements.d.ts","sourceRoot":"","sources":["../../../../../../src/react/web/ui/components/modalElements.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,UAAU;;;iHAWrB,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;IAChC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,CAWA,CAAC"}

package/dist/types/stories/theme.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta } from "@storybook/react-vite";
+declare const meta: Meta;
+export default meta;
+export declare function Dark(): import("react/jsx-runtime").JSX.Element;
+export declare function Light(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=theme.stories.d.ts.map

package/dist/types/stories/theme.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/theme.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAQlD,QAAA,MAAM,IAAI,EAAE,IAEX,CAAC;AACF,eAAe,IAAI,CAAC;AAEpB,wBAAgB,IAAI,4CAEnB;AAED,wBAAgB,KAAK,4CAEpB"}

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "5.110.1";
+export declare const version = "5.110.2-nightly-630edadcec2c777cfd4bfef4871aff396e98291e-20251024000336";
 //# sourceMappingURL=version.d.ts.map

package/dist/types/version.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,YAAY,CAAC"}
+{"version":3,"file":"version.d.ts","sourceRoot":"","sources":["../../src/version.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO,4EAA4E,CAAC"}

package/package.json

@@ -399,7 +399,7 @@
     }
   },
   "typings": "./dist/types/exports/thirdweb.d.ts",
-  "version": "5.110.1",
+  "version": "5.110.2-nightly-630edadcec2c777cfd4bfef4871aff396e98291e-20251024000336",
   "scripts": {
     "bench": "vitest -c ./test/vitest.config.ts bench",
     "bench:compare": "bun run ./benchmarks/run.ts",

package/src/contract/deployment/utils/create-2-factory.ts

@@ -321,6 +321,7 @@ const CUSTOM_GAS_FOR_CHAIN: Record<string, CustomChain> = {
 
 const FACTORIES: Record<string, string> = {
   "88888": "0xc501b9abf5540de1dd24f66633b1ecf35ff7101f",
+  "267": "0x4e59b44847b379578588920cA78FbF26c0B4956C",
   "420120000": COMMON_FACTORY_ADDRESS,
   "420120001": COMMON_FACTORY_ADDRESS, // EIP155 is enforced, but the check fails, hence we hardcode the address here instead of computing dynamically
 };

package/src/react/core/design-system/index.ts

@@ -1,48 +1,3 @@
-type ThemeColors = {
-  base1: string;
-  base2: string;
-  base3: string;
-  base4: string;
-  primaryText: string;
-  secondaryText: string;
-  danger: string;
-  success: string;
-  overlay: string;
-  accentText: string;
-  accentBg: string;
-  textOnAccent: string;
-};
-
-const darkColors = {
-  accentBg: "hsl(216 100% 50%)",
-  accentText: "#3385FF",
-  base1: "hsl(230 11.63% 8.43%)",
-  base2: "hsl(230 11.63% 12%)",
-  base3: "hsl(230 11.63% 15%)",
-  base4: "hsl(230 11.63% 17%)",
-  danger: "#e5484D",
-  overlay: "rgba(0, 0, 0, 0.7)",
-  primaryText: "#eeeef0",
-  secondaryText: "#7c7a85",
-  success: "#30A46C",
-  textOnAccent: "#eeeef0",
-} as const satisfies ThemeColors;
-
-const lightColors = {
-  accentBg: "hsl(216 100% 50%)",
-  accentText: "#3385FF",
-  base1: "#fdfcfd",
-  base2: "#f2eff3",
-  base3: "#e3dfe6",
-  base4: "#dbd8e0",
-  danger: "#e5484D",
-  overlay: "rgba(0, 0, 0, 0.7)",
-  primaryText: "#211f26",
-  secondaryText: "#6f6d78",
-  success: "#30A46C",
-  textOnAccent: "#fdfcfd",
-} as const satisfies ThemeColors;
-
 /**
  * @theme
  */
@@ -95,64 +50,77 @@ export type Theme = {
   fontFamily: string;
 };
 
-/**
- * @internal
- */
-function createThemeObj(type: "dark" | "light", colors: ThemeColors): Theme {
-  return {
-    colors: {
-      accentButtonBg: colors.accentBg,
-      accentButtonText: colors.textOnAccent,
-      accentText: colors.accentText,
-
-      borderColor: colors.base4,
-
-      connectedButtonBg: colors.base1,
-      connectedButtonBgHover: colors.base2,
-
-      danger: colors.danger,
-
-      inputAutofillBg: colors.base1,
-
-      modalBg: colors.base1,
-
-      modalOverlayBg: colors.overlay,
-
-      primaryButtonBg: colors.primaryText,
-      primaryButtonText: colors.base1,
-      primaryText: colors.primaryText,
-      scrollbarBg: colors.base2,
-
-      secondaryButtonBg: colors.base3,
-      secondaryButtonHoverBg: colors.base4,
-      secondaryButtonText: colors.primaryText,
-
-      secondaryIconColor: colors.secondaryText,
-      secondaryIconHoverBg: colors.base3,
-      secondaryIconHoverColor: colors.primaryText,
-      secondaryText: colors.secondaryText,
-      selectedTextBg: colors.primaryText,
-
-      selectedTextColor: colors.base1,
-
-      separatorLine: colors.base4,
-      skeletonBg: colors.base4,
-      success: colors.success,
-      tertiaryBg: colors.base2,
-
-      tooltipBg: colors.primaryText,
-      tooltipText: colors.base1,
-    },
-    fontFamily: "inherit",
-    type,
-  };
-}
+export const darkThemeObj: Theme = {
+  type: "dark",
+  colors: {
+    accentButtonBg: "hsl(221 83% 54%)",
+    accentButtonText: "hsl(0 0% 100%)",
+    accentText: "hsl(209.61deg 100% 65.31%)",
+    borderColor: "hsl(0 0% 15%)",
+    connectedButtonBg: "hsl(0 0% 3.92%)",
+    connectedButtonBgHover: "hsl(0 0% 11%)",
+    danger: "hsl(360 72% 55%)",
+    inputAutofillBg: "hsl(0 0% 11%)",
+    modalBg: "hsl(0 0% 3.92%)",
+    primaryButtonBg: "hsl(0 0% 100%)",
+    primaryButtonText: "hsl(0 0% 0%)",
+    primaryText: "hsl(0 0% 98%)",
+    scrollbarBg: "hsl(0 0% 11%)",
+    secondaryButtonBg: "hsl(0 0% 9%)",
+    modalOverlayBg: "rgba(0, 0, 0, 0.7)",
+    secondaryButtonHoverBg: "hsl(0 0% 9%/80%)",
+    secondaryButtonText: "hsl(0 0% 98%)",
+    secondaryIconColor: "hsl(0 0% 63%)",
+    secondaryIconHoverBg: "hsl(0 0% 11%)",
+    secondaryIconHoverColor: "hsl(0 0% 98%)",
+    secondaryText: "hsl(0 0% 63%)",
+    selectedTextBg: "hsl(0 0% 100%)",
+    selectedTextColor: "hsl(0 0% 0%)",
+    separatorLine: "hsl(0 0% 15%)",
+    skeletonBg: "hsl(0 0% 12%)",
+    success: "hsl(142 75% 50%)",
+    tertiaryBg: "hsl(0 0% 11%/50%)",
+    tooltipBg: "hsl(0 0% 11%)",
+    tooltipText: "hsl(0 0% 98%)",
+  },
+  fontFamily: "inherit",
+};
 
-export const darkThemeObj = /* @__PURE__ */ createThemeObj("dark", darkColors);
-export const lightThemeObj = /* @__PURE__ */ createThemeObj(
-  "light",
-  lightColors,
-);
+export const lightThemeObj: Theme = {
+  type: "light",
+  colors: {
+    accentButtonBg: "hsl(221 83% 54%)",
+    accentButtonText: "hsl(0 0% 100%)",
+    accentText: "hsl(211.23deg 100% 44.47%)",
+    borderColor: "hsl(0 0% 85%)",
+    connectedButtonBg: "hsl(0 0% 100%)",
+    connectedButtonBgHover: "hsl(0 0% 93%)",
+    danger: "hsl(360 72% 60%)",
+    inputAutofillBg: "hsl(0 0% 93%)",
+    modalBg: "hsl(0 0% 100%)",
+    primaryButtonBg: "hsl(0 0% 4%)",
+    primaryButtonText: "hsl(0 0% 100%)",
+    primaryText: "hsl(0 0% 4%)",
+    scrollbarBg: "hsl(0 0% 93%)",
+    secondaryButtonBg: "hsl(0 0% 93%)",
+    modalOverlayBg: "rgba(0, 0, 0, 0.7)",
+    secondaryButtonHoverBg: "hsl(0 0% 93%/80%)",
+    secondaryButtonText: "hsl(0 0% 4%)",
+    secondaryIconColor: "hsl(0 0% 40%)",
+    secondaryIconHoverBg: "hsl(0 0% 93%)",
+    secondaryIconHoverColor: "hsl(0 0% 4%)",
+    secondaryText: "hsl(0 0% 40%)",
+    selectedTextBg: "hsl(0 0% 4%)",
+    selectedTextColor: "hsl(0 0% 100%)",
+    separatorLine: "hsl(0 0% 85%)",
+    skeletonBg: "hsl(0 0% 85%)",
+    success: "hsl(142.09 70.56% 35.29%)",
+    tertiaryBg: "hsl(0 0% 93%/70%)",
+    tooltipBg: "hsl(0 0% 100%)",
+    tooltipText: "hsl(0 0% 4%)",
+  },
+  fontFamily: "inherit",
+};
 
 /**
  * @theme

package/src/react/web/ui/Bridge/payment-selection/FiatProviderSelection.tsx

@@ -5,7 +5,6 @@ import type { SupportedFiatCurrency } from "../../../../../pay/convert/type.js";
 import { checksumAddress } from "../../../../../utils/address.js";
 import { formatNumber } from "../../../../../utils/formatNumber.js";
 import { toTokens } from "../../../../../utils/units.js";
-import { useCustomTheme } from "../../../../core/design-system/CustomThemeProvider.js";
 import {
   iconSize,
   radius,
@@ -62,8 +61,6 @@ export function FiatProviderSelection({
   currency,
   country,
 }: FiatProviderSelectionProps) {
-  const theme = useCustomTheme();
-
   // Fetch quotes for all providers
   const quoteQueries = useBuyWithFiatQuotesForProviders({
     amount: toAmount || "0",
@@ -122,9 +119,9 @@ export function FiatProviderSelection({
                 fullWidth
                 onClick={() => onProviderSelected(provider.id)}
                 style={{
-                  border: `1px solid ${theme.colors.borderColor}`,
-                  borderRadius: radius.md,
+                  borderRadius: radius.lg,
                   textAlign: "left",
+                  padding: `${spacing.md}`,
                 }}
                 variant="secondary"
               >

package/src/react/web/ui/Bridge/payment-selection/PaymentSelection.tsx

@@ -269,7 +269,7 @@ export function PaymentSelection({
   }
 
   return (
-    <Container flex="column" px="md" pb="md" pt="md+">
+    <Container flex="column" px="md" pt="md+">
       <ModalHeader onBack={getBackHandler()} title={getStepTitle()} />
       <Spacer y="lg" />
 

package/src/react/web/ui/Bridge/payment-selection/TokenSelection.tsx

@@ -61,10 +61,8 @@ function PaymentMethodTokenRow({
       onClick={() => onPaymentMethodSelected(paymentMethod)}
       style={{
         backgroundColor: theme.colors.tertiaryBg,
-        border: `1px solid ${theme.colors.borderColor}`,
-        borderRadius: radius.md,
-        opacity: hasEnoughBalance ? 1 : 0.5,
-        padding: `${spacing.sm} ${spacing.md}`,
+        borderRadius: radius.lg,
+        padding: `${spacing.md} ${spacing.md}`,
         textAlign: "left",
       }}
       variant="secondary"
@@ -134,71 +132,74 @@ export function TokenSelection({
 
   if (paymentMethodsLoading) {
     return (
-      <>
-        <Text color="primaryText" size="md">
-          Loading your tokens
-        </Text>
-        <Spacer y="sm" />
-        <Container flex="column" gap="sm">
-          {/* Skeleton rows matching PaymentMethodTokenRow structure */}
-          {[1, 2, 3].map((i) => (
+      <Container
+        flex="column"
+        gap="xs"
+        pb="lg"
+        style={{
+          maxHeight: "400px",
+          overflowY: "auto",
+          scrollbarWidth: "none",
+        }}
+      >
+        {/* Skeleton rows matching PaymentMethodTokenRow structure */}
+        {new Array(10).fill(0).map((_, i) => (
+          <Container
+            // biome-ignore lint/suspicious/noArrayIndexKey: ok
+            key={i}
+            style={{
+              backgroundColor: theme.colors.tertiaryBg,
+              borderRadius: radius.lg,
+              padding: `${spacing.md} ${spacing.md}`,
+            }}
+          >
             <Container
-              key={i}
-              style={{
-                backgroundColor: theme.colors.tertiaryBg,
-                border: `1px solid ${theme.colors.borderColor}`,
-                borderRadius: radius.md,
-                padding: `${spacing.sm} ${spacing.md}`,
-              }}
+              flex="row"
+              gap="md"
+              style={{ alignItems: "center", width: "100%" }}
             >
+              {/* Left side: Token icon and name skeleton */}
               <Container
+                center="y"
                 flex="row"
-                gap="md"
-                style={{ alignItems: "center", width: "100%" }}
+                gap="sm"
+                style={{ maxWidth: "50%" }}
               >
-                {/* Left side: Token icon and name skeleton */}
-                <Container
-                  center="y"
-                  flex="row"
-                  gap="sm"
-                  style={{ maxWidth: "50%" }}
-                >
-                  {/* Token icon skeleton */}
-                  <div
-                    style={{
-                      backgroundColor: theme.colors.skeletonBg,
-                      borderRadius: "50%",
-                      height: "32px",
-                      width: "32px",
-                    }}
-                  />
-                  <Container flex="column" gap="3xs">
-                    {/* Token name skeleton */}
-                    <Skeleton height="14px" width="60px" />
-                    {/* Chain name skeleton */}
-                    <Skeleton height="12px" width="40px" />
-                  </Container>
+                {/* Token icon skeleton */}
+                <div
+                  style={{
+                    backgroundColor: theme.colors.skeletonBg,
+                    borderRadius: "50%",
+                    height: "32px",
+                    width: "32px",
+                  }}
+                />
+                <Container flex="column" gap="3xs">
+                  {/* Token name skeleton */}
+                  <Skeleton height="14px" width="60px" />
+                  {/* Chain name skeleton */}
+                  <Skeleton height="12px" width="40px" />
                 </Container>
+              </Container>
 
-                {/* Right side: Price and balance skeleton */}
-                <Container
-                  flex="column"
-                  gap="3xs"
-                  style={{ alignItems: "flex-end", flex: 1 }}
-                >
-                  {/* Price amount skeleton */}
-                  <Skeleton height="16px" width="80px" />
-                  {/* Balance skeleton */}
-                  <Container flex="row" gap="3xs">
-                    <Skeleton height="12px" width="50px" />
-                    <Skeleton height="12px" width="40px" />
-                  </Container>
+              {/* Right side: Price and balance skeleton */}
+              <Container
+                flex="column"
+                gap="3xs"
+                style={{ alignItems: "flex-end", flex: 1 }}
+              >
+                {/* Price amount skeleton */}
+                <Skeleton height="16px" width="80px" />
+                {/* Balance skeleton */}
+                <Container flex="row" gap="3xs">
+                  <Skeleton height="12px" width="50px" />
+                  <Skeleton height="12px" width="40px" />
                 </Container>
               </Container>
             </Container>
-          ))}
-        </Container>
-      </>
+          </Container>
+        ))}
+      </Container>
     );
   }
 
@@ -221,35 +222,30 @@ export function TokenSelection({
   }
 
   return (
-    <>
-      <Text color="primaryText" size="md">
-        Your token balances
-      </Text>
-      <Spacer y="sm" />
-      <Container
-        flex="column"
-        gap="sm"
-        style={{
-          maxHeight: "400px",
-          overflowY: "auto",
-          scrollbarWidth: "none",
-        }}
-      >
-        {paymentMethods
-          .filter((method) => method.type === "wallet")
-          .map((method) => (
-            <PaymentMethodTokenRow
-              client={client}
-              destinationAmount={destinationAmount}
-              destinationToken={destinationToken}
-              feePayer={feePayer}
-              key={`${method.originToken.address}-${method.originToken.chainId}`}
-              onPaymentMethodSelected={onPaymentMethodSelected}
-              paymentMethod={method}
-              currency={currency}
-            />
-          ))}
-      </Container>
-    </>
+    <Container
+      flex="column"
+      gap="xs"
+      pb="lg"
+      style={{
+        maxHeight: "400px",
+        overflowY: "auto",
+        scrollbarWidth: "none",
+      }}
+    >
+      {paymentMethods
+        .filter((method) => method.type === "wallet")
+        .map((method) => (
+          <PaymentMethodTokenRow
+            client={client}
+            destinationAmount={destinationAmount}
+            destinationToken={destinationToken}
+            feePayer={feePayer}
+            key={`${method.originToken.address}-${method.originToken.chainId}`}
+            onPaymentMethodSelected={onPaymentMethodSelected}
+            paymentMethod={method}
+            currency={currency}
+          />
+        ))}
+    </Container>
   );
 }