@rhinestone/deposit-modal 0.1.17 → 0.1.19

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.cjs CHANGED
@@ -694,7 +694,7 @@ var init_constants = __esm({
694
694
  import_chains = require("viem/chains");
695
695
  import_shared_configs = require("@rhinestone/shared-configs");
696
696
  DEFAULT_BACKEND_URL = "https://v1.orchestrator.rhinestone.dev/deposit-widget";
697
- DEFAULT_SIGNER_ADDRESS = "0xcc47aa2d96c35bc6aab12ffb0e2edab8042274bd";
697
+ DEFAULT_SIGNER_ADDRESS = "0x177bfcdd15bc01e99013dcc5d2b09cd87a18ce9c";
698
698
  NATIVE_TOKEN_ADDRESS = "0x0000000000000000000000000000000000000000";
699
699
  ALL_CHAINS_BY_ID = {
700
700
  [import_chains.mainnet.id]: import_chains.mainnet,
@@ -4048,8 +4048,11 @@ function applyTheme(element, theme) {
4048
4048
  if (theme?.ctaColor) {
4049
4049
  element.style.setProperty("--rs-primary", theme.ctaColor);
4050
4050
  element.style.setProperty("--rs-border-accent", theme.ctaColor);
4051
- }
4052
- if (theme?.ctaHoverColor) {
4051
+ element.style.setProperty(
4052
+ "--rs-primary-hover",
4053
+ theme.ctaHoverColor ?? theme.ctaColor
4054
+ );
4055
+ } else if (theme?.ctaHoverColor) {
4053
4056
  element.style.setProperty("--rs-primary-hover", theme.ctaHoverColor);
4054
4057
  }
4055
4058
  if (theme?.borderColor) {
package/dist/index.mjs CHANGED
@@ -678,7 +678,7 @@ var init_constants = __esm({
678
678
  "src/core/constants.ts"() {
679
679
  "use strict";
680
680
  DEFAULT_BACKEND_URL = "https://v1.orchestrator.rhinestone.dev/deposit-widget";
681
- DEFAULT_SIGNER_ADDRESS = "0xcc47aa2d96c35bc6aab12ffb0e2edab8042274bd";
681
+ DEFAULT_SIGNER_ADDRESS = "0x177bfcdd15bc01e99013dcc5d2b09cd87a18ce9c";
682
682
  NATIVE_TOKEN_ADDRESS = "0x0000000000000000000000000000000000000000";
683
683
  ALL_CHAINS_BY_ID = {
684
684
  [mainnet.id]: mainnet,
@@ -4030,8 +4030,11 @@ function applyTheme(element, theme) {
4030
4030
  if (theme?.ctaColor) {
4031
4031
  element.style.setProperty("--rs-primary", theme.ctaColor);
4032
4032
  element.style.setProperty("--rs-border-accent", theme.ctaColor);
4033
- }
4034
- if (theme?.ctaHoverColor) {
4033
+ element.style.setProperty(
4034
+ "--rs-primary-hover",
4035
+ theme.ctaHoverColor ?? theme.ctaColor
4036
+ );
4037
+ } else if (theme?.ctaHoverColor) {
4035
4038
  element.style.setProperty("--rs-primary-hover", theme.ctaHoverColor);
4036
4039
  }
4037
4040
  if (theme?.borderColor) {
package/dist/styles.css CHANGED
@@ -20,13 +20,19 @@
20
20
  --color-gray11: #646464;
21
21
  --color-gray12: #202020;
22
22
 
23
- /* Blue accent (primary action) */
23
+ /* Blue (info) */
24
24
  --color-blue3: #e6f4fe;
25
25
  --color-blue4: #d5efff;
26
26
  --color-blue9: #0090ff;
27
27
  --color-blue10: #0588f0;
28
28
  --color-blue11: #0d74ce;
29
29
 
30
+ /* Neutral accent (primary action) */
31
+ --color-neutral3: #f4f4f5;
32
+ --color-neutral4: #e4e4e7;
33
+ --color-neutral9: #18181b;
34
+ --color-neutral10: #27272a;
35
+
30
36
  /* Green (success) */
31
37
  --color-green3: #e6f6eb;
32
38
  --color-green4: #d6f1df;
@@ -48,9 +54,9 @@
48
54
  --rs-background-secondary: var(--color-gray2);
49
55
  --rs-surface: var(--color-gray3);
50
56
  --rs-surface-hover: var(--color-gray4);
51
- --rs-primary: var(--color-blue9);
52
- --rs-primary-hover: var(--color-blue10);
53
- --rs-primary-tint: var(--color-blue3);
57
+ --rs-primary: var(--color-neutral9);
58
+ --rs-primary-hover: var(--color-neutral10);
59
+ --rs-primary-tint: var(--color-neutral3);
54
60
  --rs-primary-foreground: #ffffff;
55
61
  --rs-success: var(--color-green9);
56
62
  --rs-success-tint: var(--color-green3);
@@ -65,7 +71,7 @@
65
71
 
66
72
  --rs-border: var(--color-gray5);
67
73
  --rs-border-surface: var(--color-gray4);
68
- --rs-border-accent: var(--color-blue9);
74
+ --rs-border-accent: var(--color-neutral9);
69
75
 
70
76
  --rs-secondary: var(--color-gray3);
71
77
  --rs-secondary-hover: var(--color-gray4);
@@ -128,6 +134,13 @@
128
134
  --color-red10: #f16a6e;
129
135
  --color-amber3: rgba(226, 163, 54, 0.1);
130
136
 
137
+ --color-neutral3: rgba(244, 244, 245, 0.08);
138
+ --color-neutral4: rgba(244, 244, 245, 0.14);
139
+ --color-neutral9: #f4f4f5;
140
+ --color-neutral10: #e4e4e7;
141
+
142
+ --rs-primary-foreground: #18181b;
143
+
131
144
  --rs-shadow-dropdown:
132
145
  0 4px 20px rgba(0, 0, 0, 0.6), 0 1px 4px rgba(0, 0, 0, 0.4);
133
146
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rhinestone/deposit-modal",
3
- "version": "0.1.17",
3
+ "version": "0.1.19",
4
4
  "description": "React modal component for Rhinestone cross-chain deposits",
5
5
  "author": "Rhinestone <dev@rhinestone.wtf>",
6
6
  "bugs": {