@zkpassport/ui 0.14.2 → 0.15.0-alpha.2
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/cjs/index.cjs +17 -12
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/react.cjs +17 -12
- package/dist/cjs/react.cjs.map +1 -1
- package/dist/esm/index.js +17 -12
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/react.js +17 -12
- package/dist/esm/react.js.map +1 -1
- package/dist/styles.css +15 -10
- package/package.json +3 -3
package/dist/styles.css
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
--zkp-brand: #2139a3;
|
|
10
10
|
--zkp-success: #16a34a;
|
|
11
11
|
--zkp-error: #dc2626;
|
|
12
|
+
--zkp-qr-padding: 0px;
|
|
12
13
|
|
|
13
14
|
all: revert;
|
|
14
15
|
position: relative;
|
|
@@ -38,6 +39,7 @@
|
|
|
38
39
|
--zkp-brand: #6b86d8;
|
|
39
40
|
--zkp-success: #4ade80;
|
|
40
41
|
--zkp-error: #f87171;
|
|
42
|
+
--zkp-qr-padding: 12px;
|
|
41
43
|
}
|
|
42
44
|
|
|
43
45
|
@media (prefers-color-scheme: dark) {
|
|
@@ -51,6 +53,7 @@
|
|
|
51
53
|
--zkp-brand: #6b86d8;
|
|
52
54
|
--zkp-success: #4ade80;
|
|
53
55
|
--zkp-error: #f87171;
|
|
56
|
+
--zkp-qr-padding: 12px;
|
|
54
57
|
}
|
|
55
58
|
}
|
|
56
59
|
|
|
@@ -93,14 +96,14 @@
|
|
|
93
96
|
.zkp-app-icon-slot {
|
|
94
97
|
max-width: 96px;
|
|
95
98
|
min-width: 32px;
|
|
99
|
+
overflow: hidden;
|
|
96
100
|
}
|
|
97
101
|
.zkp-app-icon {
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
width: auto;
|
|
101
|
-
|
|
102
|
-
object-fit: contain;
|
|
103
|
-
display: block;
|
|
102
|
+
display: block !important;
|
|
103
|
+
height: 32px !important;
|
|
104
|
+
width: auto !important;
|
|
105
|
+
max-width: 96px !important;
|
|
106
|
+
object-fit: contain !important;
|
|
104
107
|
}
|
|
105
108
|
.zkp-header-dots {
|
|
106
109
|
display: flex;
|
|
@@ -167,21 +170,23 @@
|
|
|
167
170
|
margin: 10px 0 14px;
|
|
168
171
|
}
|
|
169
172
|
|
|
170
|
-
/* QR slot */
|
|
171
173
|
.zkp-qr-slot {
|
|
172
174
|
position: relative;
|
|
173
175
|
width: 100%;
|
|
174
176
|
aspect-ratio: 1;
|
|
175
177
|
margin: 16px 0 0;
|
|
176
|
-
background:
|
|
178
|
+
background: #ffffff;
|
|
177
179
|
display: grid;
|
|
178
180
|
place-items: center;
|
|
179
181
|
overflow: hidden;
|
|
182
|
+
border-radius: 8px;
|
|
180
183
|
}
|
|
181
184
|
.zkp-qr {
|
|
182
185
|
width: 100%;
|
|
183
186
|
height: 100%;
|
|
184
|
-
color:
|
|
187
|
+
color: #000000;
|
|
188
|
+
background: #ffffff;
|
|
189
|
+
padding: var(--zkp-qr-padding);
|
|
185
190
|
transition:
|
|
186
191
|
opacity 200ms ease,
|
|
187
192
|
transform 200ms ease;
|
|
@@ -198,7 +203,7 @@
|
|
|
198
203
|
transform: translate(-50%, -50%);
|
|
199
204
|
width: 14%;
|
|
200
205
|
aspect-ratio: 1;
|
|
201
|
-
background:
|
|
206
|
+
background: #ffffff;
|
|
202
207
|
padding: 3px;
|
|
203
208
|
border-radius: 50%;
|
|
204
209
|
display: grid;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zkpassport/ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.15.0-alpha.2",
|
|
4
4
|
"description": "Drop-in QR verification card for ZKPassport. Vanilla JS by default; React component available at @zkpassport/ui/react.",
|
|
5
5
|
"author": "ZKPassport",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -65,7 +65,7 @@
|
|
|
65
65
|
"qrcode": "^1.5.4"
|
|
66
66
|
},
|
|
67
67
|
"peerDependencies": {
|
|
68
|
-
"@zkpassport/sdk": "^0.
|
|
68
|
+
"@zkpassport/sdk": "^0.15.0-alpha.2",
|
|
69
69
|
"react": ">=18",
|
|
70
70
|
"react-dom": ">=18",
|
|
71
71
|
"typescript": "^5.0.0"
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
"@types/qrcode": "^1.5.5",
|
|
83
83
|
"@types/react": "^18.3.0",
|
|
84
84
|
"@types/react-dom": "^18.3.0",
|
|
85
|
-
"@zkpassport/sdk": "0.
|
|
85
|
+
"@zkpassport/sdk": "0.15.0-alpha.2",
|
|
86
86
|
"preact": "^10.22.0",
|
|
87
87
|
"react": "^18.3.0",
|
|
88
88
|
"react-dom": "^18.3.0"
|