@lumiapassport/ui-kit 1.13.6 → 1.13.8

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.
Files changed (13) hide show
  1. package/dist/iframe/index.html +182 -89
  2. package/dist/iframe/kyc/sumsub.html +87 -76
  3. package/dist/iframe/main.js +141 -113
  4. package/dist/iframe/main.js.map +1 -1
  5. package/dist/iframe/oauth/telegram.html +17 -16
  6. package/dist/iframe/oauth/x.html +24 -22
  7. package/dist/index.cjs +529 -532
  8. package/dist/index.cjs.map +1 -1
  9. package/dist/index.js +358 -361
  10. package/dist/index.js.map +1 -1
  11. package/dist/styles.css +1 -1
  12. package/package.json +2 -3
  13. package/dist/Inter.ttf +0 -0
package/dist/iframe/oauth/telegram.html CHANGED
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html>
1
+ <!doctype html>
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta charset="UTF-8" />
@@ -14,8 +14,8 @@
14
14
 
15
15
  body {
16
16
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif;
17
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
18
- color: #333;
17
+ background: #000000;
18
+ color: #000000;
19
19
  min-height: 100vh;
20
20
  display: flex;
21
21
  align-items: center;
@@ -29,7 +29,7 @@
29
29
  padding: 3rem 2rem;
30
30
  max-width: 450px;
31
31
  width: 100%;
32
- box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
32
+ /* box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); */
33
33
  text-align: center;
34
34
  }
35
35
 
@@ -37,7 +37,7 @@
37
37
  width: 80px;
38
38
  height: 80px;
39
39
  margin: 0 auto 1.5rem;
40
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
40
+ background: #000000;
41
41
  border-radius: 50%;
42
42
  display: flex;
43
43
  align-items: center;
@@ -50,11 +50,11 @@
50
50
  h1 {
51
51
  font-size: 1.75rem;
52
52
  margin-bottom: 0.5rem;
53
- color: #333;
53
+ color: #000000;
54
54
  }
55
55
 
56
56
  p {
57
- color: #666;
57
+ color: rgba(0, 0, 0, 0.6);
58
58
  margin-bottom: 2rem;
59
59
  line-height: 1.5;
60
60
  }
@@ -77,31 +77,32 @@
77
77
  .spinner {
78
78
  width: 40px;
79
79
  height: 40px;
80
- border: 4px solid rgba(102, 126, 234, 0.3);
81
- border-top-color: #667eea;
80
+ border: 4px solid rgba(201, 201, 201, 0.3);
81
+ border-top-color: rgb(201, 201, 201);
82
82
  border-radius: 50%;
83
83
  animation: spin 1s linear infinite;
84
84
  }
85
85
 
86
86
  @keyframes spin {
87
- to { transform: rotate(360deg); }
87
+ to {
88
+ transform: rotate(360deg);
89
+ }
88
90
  }
89
91
 
90
92
  .error {
91
- background: #fee;
92
- border: 1px solid #fcc;
93
- border-radius: 8px;
93
+ background: #d6204e;
94
+ border-radius: 10px;
94
95
  padding: 1rem;
95
- color: #c33;
96
+ color: #000000;
96
97
  margin-top: 1rem;
97
98
  }
98
99
 
99
100
  .footer {
100
101
  margin-top: 2rem;
101
102
  padding-top: 1.5rem;
102
- border-top: 1px solid #e0e0e0;
103
+ border-top: 1px solid rgb(201, 201, 201);
103
104
  font-size: 0.875rem;
104
- color: #999;
105
+ color: rgba(0, 0, 0, 0.4);
105
106
  }
106
107
  </style>
107
108
  </head>
package/dist/iframe/oauth/x.html CHANGED
@@ -1,4 +1,4 @@
1
- <!DOCTYPE html>
1
+ <!doctype html>
2
2
  <html lang="en">
3
3
  <head>
4
4
  <meta charset="UTF-8" />
@@ -14,8 +14,8 @@
14
14
 
15
15
  body {
16
16
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica', 'Arial', sans-serif;
17
- background: linear-gradient(135deg, #1DA1F2 0%, #14171A 100%);
18
- color: #333;
17
+ background: #000000;
18
+ color: #000000;
19
19
  min-height: 100vh;
20
20
  display: flex;
21
21
  align-items: center;
@@ -29,7 +29,6 @@
29
29
  padding: 3rem 2rem;
30
30
  max-width: 450px;
31
31
  width: 100%;
32
- box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
33
32
  text-align: center;
34
33
  }
35
34
 
@@ -37,7 +36,7 @@
37
36
  width: 80px;
38
37
  height: 80px;
39
38
  margin: 0 auto 1.5rem;
40
- background: linear-gradient(135deg, #1DA1F2 0%, #14171A 100%);
39
+ background: #000000;
41
40
  border-radius: 50%;
42
41
  display: flex;
43
42
  align-items: center;
@@ -50,11 +49,11 @@
50
49
  h1 {
51
50
  font-size: 1.75rem;
52
51
  margin-bottom: 0.5rem;
53
- color: #333;
52
+ color: #000000;
54
53
  }
55
54
 
56
55
  p {
57
- color: #666;
56
+ color: rgba(0, 0, 0, 0.6);
58
57
  margin-bottom: 2rem;
59
58
  line-height: 1.5;
60
59
  }
@@ -79,44 +78,44 @@
79
78
  .spinner {
80
79
  width: 40px;
81
80
  height: 40px;
82
- border: 4px solid rgba(29, 161, 242, 0.3);
83
- border-top-color: #1DA1F2;
81
+ border: 4px solid rgba(201, 201, 201, 0.3);
82
+ border-top-color: rgb(201, 201, 201);
84
83
  border-radius: 50%;
85
84
  animation: spin 1s linear infinite;
86
85
  }
87
86
 
88
87
  @keyframes spin {
89
- to { transform: rotate(360deg); }
88
+ to {
89
+ transform: rotate(360deg);
90
+ }
90
91
  }
91
92
 
92
93
  .error {
93
- background: #fee;
94
- border: 1px solid #fcc;
95
- border-radius: 8px;
94
+ background: #d6204e;
95
+ border-radius: 10px;
96
96
  padding: 1rem;
97
- color: #c33;
97
+ color: #000000;
98
98
  margin-top: 1rem;
99
99
  }
100
100
 
101
101
  .success {
102
- background: #d1fae5;
103
- border: 1px solid #6ee7b7;
104
- border-radius: 8px;
102
+ background: #21ff51;
103
+ border-radius: 10px;
105
104
  padding: 1rem;
106
- color: #065f46;
105
+ color: #000000;
107
106
  margin-top: 1rem;
108
107
  }
109
108
 
110
109
  .footer {
111
110
  margin-top: 2rem;
112
111
  padding-top: 1.5rem;
113
- border-top: 1px solid #e0e0e0;
112
+ border-top: 1px solid rgb(201, 201, 201);
114
113
  font-size: 0.875rem;
115
114
  color: #999;
116
115
  }
117
116
 
118
117
  .retry-button {
119
- background: #1DA1F2;
118
+ background: #000000;
120
119
  color: white;
121
120
  border: none;
122
121
  padding: 0.75rem 1.5rem;
@@ -128,11 +127,14 @@
128
127
  }
129
128
 
130
129
  .retry-button:hover {
131
- background: #1991DB;
130
+ opacity: 0.6;
131
+ }
132
+ .retry-button:active {
133
+ opacity: 0.4;
132
134
  }
133
135
 
134
136
  .retry-button:disabled {
135
- background: #ccc;
137
+ opacity: 0.4;
136
138
  cursor: not-allowed;
137
139
  }
138
140
  </style>