@rhinestone/deposit-modal 0.1.17 → 0.1.18
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 +5 -2
- package/dist/index.mjs +5 -2
- package/dist/styles.css +18 -5
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -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
|
-
|
|
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
|
@@ -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
|
-
|
|
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
|
|
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-
|
|
52
|
-
--rs-primary-hover: var(--color-
|
|
53
|
-
--rs-primary-tint: var(--color-
|
|
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-
|
|
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
|
|