summit-registration-lite 1.0.78 → 1.0.81
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/.nvmrc +1 -0
- package/README.md +6 -0
- package/package.json +4 -3
- package/dist/index.css +0 -490
- package/dist/index.js +0 -2070
package/.nvmrc
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
12.22.9
|
package/README.md
CHANGED
|
@@ -14,6 +14,10 @@ React component for the summit registration lite widget
|
|
|
14
14
|
|
|
15
15
|
**supportEmail** = string with the email address for support
|
|
16
16
|
|
|
17
|
+
**allowsNativeAuth** = boolean to show/hide native auth
|
|
18
|
+
|
|
19
|
+
**allowsOtpAuth** = boolean to show/hide OTP auth
|
|
20
|
+
|
|
17
21
|
**loginOptions** = array with the options to show on the login screen
|
|
18
22
|
|
|
19
23
|
**loading** = boolean to show/hide a loader on the widget
|
|
@@ -42,6 +46,8 @@ React component for the summit registration lite widget
|
|
|
42
46
|
**loginWithCode** = method passed that will be called when the user tries to login with a code
|
|
43
47
|
|
|
44
48
|
**onPurchaseComplete** = method passed that will be called after the purchase of a ticket it's completed
|
|
49
|
+
|
|
50
|
+
**handleCompanyError** = method passed that will be called if the company dropdown can't be fetched
|
|
45
51
|
|
|
46
52
|
|
|
47
53
|
## PUBLISH TO NPM:
|
package/package.json
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "summit-registration-lite",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.81",
|
|
4
4
|
"description": "Summit Registration Lite",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"scripts": {
|
|
7
|
+
"clean": "find . -name \"dist\" -type d -prune -exec rm -rf '{}' + & find . -name \"node_modules\" -type d -prune -exec rm -rf '{}' + && yarn",
|
|
7
8
|
"build-dev": "./node_modules/.bin/webpack --config webpack.dev.js",
|
|
8
9
|
"build": "./node_modules/.bin/webpack --config webpack.prod.js",
|
|
9
10
|
"serve": "webpack-dev-server --open --port=8888 --https --config webpack.dev.js",
|
|
@@ -56,7 +57,7 @@
|
|
|
56
57
|
"moment": "^2.22.2",
|
|
57
58
|
"moment-timezone": "^0.5.21",
|
|
58
59
|
"node-sass": "^4.13.1",
|
|
59
|
-
"openstack-uicore-foundation": "^3.0.
|
|
60
|
+
"openstack-uicore-foundation": "^3.0.58",
|
|
60
61
|
"optimize-css-assets-webpack-plugin": "^5.0.3",
|
|
61
62
|
"path": "^0.12.7",
|
|
62
63
|
"react": "^16.8.4",
|
|
@@ -104,7 +105,7 @@
|
|
|
104
105
|
"lodash": "^4.17.14",
|
|
105
106
|
"moment": "^2.22.2",
|
|
106
107
|
"moment-timezone": "^0.5.21",
|
|
107
|
-
"openstack-uicore-foundation": "^3.0.
|
|
108
|
+
"openstack-uicore-foundation": "^3.0.58",
|
|
108
109
|
"react": "^16.8.4",
|
|
109
110
|
"react-bootstrap": "^0.31.5",
|
|
110
111
|
"react-datetime": "^2.16.2",
|
package/dist/index.css
DELETED
|
@@ -1,490 +0,0 @@
|
|
|
1
|
-
.outerWrapper___Ctsl4 {
|
|
2
|
-
border: 1px solid lightgray;
|
|
3
|
-
background-color: white;
|
|
4
|
-
border-radius: 5px; }
|
|
5
|
-
|
|
6
|
-
.innerWrapper___HgUWp {
|
|
7
|
-
padding: 10px; }
|
|
8
|
-
|
|
9
|
-
.title___2V7rZ {
|
|
10
|
-
display: flex;
|
|
11
|
-
justify-content: center;
|
|
12
|
-
align-items: center;
|
|
13
|
-
border-bottom: 1px solid lightgray;
|
|
14
|
-
margin: 0px -10px;
|
|
15
|
-
padding: 0px 15px 5px; }
|
|
16
|
-
.title___2V7rZ i {
|
|
17
|
-
cursor: pointer;
|
|
18
|
-
margin-left: auto; }
|
|
19
|
-
.title___2V7rZ span {
|
|
20
|
-
width: 100%;
|
|
21
|
-
font-weight: bold;
|
|
22
|
-
font-size: 18px;
|
|
23
|
-
text-align: center;
|
|
24
|
-
color: var(--color_primary); }
|
|
25
|
-
|
|
26
|
-
:root {
|
|
27
|
-
--color_primary: lightgray;
|
|
28
|
-
--color_primary50: lightgray;
|
|
29
|
-
--color_primary_contrast: #fff;
|
|
30
|
-
--color_primary_contrast50: #ffffff50;
|
|
31
|
-
--color_secondary: lightgray;
|
|
32
|
-
--color_secondary_contrast: lightgray;
|
|
33
|
-
--color_text_dark: #212121;
|
|
34
|
-
--color_text_light: #ffffff;
|
|
35
|
-
--color_text_input_hints: #212121; }
|
|
36
|
-
|
|
37
|
-
.step-wrapper {
|
|
38
|
-
padding: 10px;
|
|
39
|
-
margin: 10px;
|
|
40
|
-
border: 1px solid lightgray;
|
|
41
|
-
border-radius: 5px; }
|
|
42
|
-
|
|
43
|
-
.summit-registration-lite {
|
|
44
|
-
color: var(--color_text_dark);
|
|
45
|
-
font-size: 15px; }
|
|
46
|
-
|
|
47
|
-
input {
|
|
48
|
-
outline: none; }
|
|
49
|
-
|
|
50
|
-
.loginWrapper___29UY5 {
|
|
51
|
-
display: flex;
|
|
52
|
-
justify-content: center;
|
|
53
|
-
font-weight: bold;
|
|
54
|
-
text-align: center;
|
|
55
|
-
padding: 20px 0 30px; }
|
|
56
|
-
|
|
57
|
-
.innerWrapper___3ls8s {
|
|
58
|
-
display: flex;
|
|
59
|
-
flex-direction: column;
|
|
60
|
-
justify-content: center;
|
|
61
|
-
width: 300px; }
|
|
62
|
-
.innerWrapper___3ls8s span {
|
|
63
|
-
margin: 10px 0; }
|
|
64
|
-
|
|
65
|
-
.button___XnwyV {
|
|
66
|
-
padding: 10px 30px;
|
|
67
|
-
background-color: red;
|
|
68
|
-
color: white;
|
|
69
|
-
font-weight: normal;
|
|
70
|
-
display: inline-flex;
|
|
71
|
-
justify-content: center;
|
|
72
|
-
margin: 5px 0;
|
|
73
|
-
border-radius: 5px;
|
|
74
|
-
cursor: pointer;
|
|
75
|
-
background-position: 28px center;
|
|
76
|
-
background-repeat: no-repeat;
|
|
77
|
-
background-size: 16px;
|
|
78
|
-
line-height: 1.4; }
|
|
79
|
-
|
|
80
|
-
.loginCode___1tdoI {
|
|
81
|
-
margin-bottom: 10px;
|
|
82
|
-
font-size: 16px; }
|
|
83
|
-
.loginCode___1tdoI > div {
|
|
84
|
-
margin-top: 10px; }
|
|
85
|
-
.loginCode___1tdoI span {
|
|
86
|
-
display: inline-block;
|
|
87
|
-
font-weight: normal;
|
|
88
|
-
font-size: 14px;
|
|
89
|
-
color: #e5424d; }
|
|
90
|
-
|
|
91
|
-
.input___2qKqP {
|
|
92
|
-
display: flex;
|
|
93
|
-
height: 40px;
|
|
94
|
-
margin-top: 5px; }
|
|
95
|
-
.input___2qKqP input {
|
|
96
|
-
border: 1px solid var(--color_primary);
|
|
97
|
-
border-radius: 5px;
|
|
98
|
-
padding: 5px;
|
|
99
|
-
width: 100%; }
|
|
100
|
-
.input___2qKqP input::placeholder {
|
|
101
|
-
color: var(--color_text_input_hints); }
|
|
102
|
-
.input___2qKqP button {
|
|
103
|
-
margin-left: 5px;
|
|
104
|
-
background-color: var(--color_secondary_contrast);
|
|
105
|
-
padding: 0px 15px;
|
|
106
|
-
border: 1px solid var(--color_secondary_contrast);
|
|
107
|
-
color: #fff;
|
|
108
|
-
box-shadow: none;
|
|
109
|
-
text-align: center;
|
|
110
|
-
white-space: nowrap;
|
|
111
|
-
font-weight: bold;
|
|
112
|
-
border-radius: 5px;
|
|
113
|
-
cursor: pointer;
|
|
114
|
-
display: flex;
|
|
115
|
-
align-items: center;
|
|
116
|
-
justify-content: center; }
|
|
117
|
-
|
|
118
|
-
.title___3msFT {
|
|
119
|
-
font-weight: bold;
|
|
120
|
-
cursor: pointer; }
|
|
121
|
-
|
|
122
|
-
.form___1imhA {
|
|
123
|
-
display: flex;
|
|
124
|
-
flex-wrap: wrap;
|
|
125
|
-
justify-content: space-between;
|
|
126
|
-
margin: 10px 0; }
|
|
127
|
-
.form___1imhA div.fieldWrapper___26upm {
|
|
128
|
-
width: 48%;
|
|
129
|
-
border-radius: 5px;
|
|
130
|
-
background-color: #e6f3ff;
|
|
131
|
-
border: 1px solid #3fa2f7;
|
|
132
|
-
height: 36px;
|
|
133
|
-
padding: 5px;
|
|
134
|
-
display: flex;
|
|
135
|
-
justify-content: space-between;
|
|
136
|
-
align-items: center;
|
|
137
|
-
margin-bottom: 5px; }
|
|
138
|
-
.form___1imhA div.fieldWrapper___26upm:first-of-type {
|
|
139
|
-
width: 100%; }
|
|
140
|
-
.form___1imhA div.fieldWrapper___26upm input {
|
|
141
|
-
width: 100%;
|
|
142
|
-
background-color: transparent;
|
|
143
|
-
border: none; }
|
|
144
|
-
.form___1imhA div.fieldWrapper___26upm input:focus-visible {
|
|
145
|
-
outline: none; }
|
|
146
|
-
.form___1imhA div.fieldWrapper___26upm i {
|
|
147
|
-
position: relative;
|
|
148
|
-
padding-right: 5px; }
|
|
149
|
-
.form___1imhA div.fieldWrapper___26upm > div {
|
|
150
|
-
width: 100%;
|
|
151
|
-
padding-left: 5px; }
|
|
152
|
-
.form___1imhA div.fieldWrapper___26upm > div:first-of-type {
|
|
153
|
-
width: 95%; }
|
|
154
|
-
.form___1imhA input {
|
|
155
|
-
width: 48%;
|
|
156
|
-
border-radius: 5px;
|
|
157
|
-
border: 1px solid #3fa2f7;
|
|
158
|
-
color: #3486cd;
|
|
159
|
-
font-size: 16px;
|
|
160
|
-
background-color: #e6f3ff;
|
|
161
|
-
height: 36px;
|
|
162
|
-
padding: 5px;
|
|
163
|
-
display: flex;
|
|
164
|
-
justify-content: space-between;
|
|
165
|
-
align-items: center;
|
|
166
|
-
margin-bottom: 5px;
|
|
167
|
-
font-weight: bold; }
|
|
168
|
-
.form___1imhA input::placeholder {
|
|
169
|
-
color: #3486cd; }
|
|
170
|
-
|
|
171
|
-
.form___29UFw {
|
|
172
|
-
display: flex;
|
|
173
|
-
flex-wrap: wrap;
|
|
174
|
-
justify-content: space-between;
|
|
175
|
-
margin: 10px 0; }
|
|
176
|
-
.form___29UFw div.fieldWrapper___16TrJ {
|
|
177
|
-
display: flex;
|
|
178
|
-
width: 48%;
|
|
179
|
-
border-radius: 5px;
|
|
180
|
-
border: 1px solid var(--color_primary);
|
|
181
|
-
height: 36px;
|
|
182
|
-
padding: 5px;
|
|
183
|
-
display: flex;
|
|
184
|
-
justify-content: space-between;
|
|
185
|
-
align-items: center;
|
|
186
|
-
margin-bottom: 5px; }
|
|
187
|
-
.form___29UFw div.fieldWrapper___16TrJ:first-of-type {
|
|
188
|
-
width: 100%; }
|
|
189
|
-
.form___29UFw div.fieldWrapper___16TrJ:last-of-type {
|
|
190
|
-
flex-direction: column; }
|
|
191
|
-
.form___29UFw div.fieldWrapper___16TrJ input {
|
|
192
|
-
width: 100%;
|
|
193
|
-
background-color: transparent;
|
|
194
|
-
border: none; }
|
|
195
|
-
.form___29UFw div.fieldWrapper___16TrJ input:focus-visible {
|
|
196
|
-
outline: none; }
|
|
197
|
-
.form___29UFw div.fieldWrapper___16TrJ i {
|
|
198
|
-
position: relative;
|
|
199
|
-
padding-right: 5px; }
|
|
200
|
-
.form___29UFw div.fieldWrapper___16TrJ > div {
|
|
201
|
-
width: 100%;
|
|
202
|
-
padding-left: 5px; }
|
|
203
|
-
.form___29UFw div.fieldWrapper___16TrJ > div:first-of-type {
|
|
204
|
-
width: 95%; }
|
|
205
|
-
.form___29UFw div.fieldWrapper___16TrJ span {
|
|
206
|
-
display: inline-block;
|
|
207
|
-
color: #e5424d;
|
|
208
|
-
font-size: 14px;
|
|
209
|
-
align-self: flex-start; }
|
|
210
|
-
.form___29UFw input {
|
|
211
|
-
width: 48%;
|
|
212
|
-
border-radius: 5px;
|
|
213
|
-
color: #3486cd;
|
|
214
|
-
font-size: 16px;
|
|
215
|
-
height: 36px;
|
|
216
|
-
padding: 5px;
|
|
217
|
-
display: flex;
|
|
218
|
-
justify-content: space-between;
|
|
219
|
-
align-items: center;
|
|
220
|
-
margin-bottom: 5px; }
|
|
221
|
-
.form___29UFw input::placeholder {
|
|
222
|
-
color: var(--color_text_input_hints);
|
|
223
|
-
font-size: 16px; }
|
|
224
|
-
|
|
225
|
-
.title___3ZHGA {
|
|
226
|
-
font-weight: bold;
|
|
227
|
-
cursor: pointer;
|
|
228
|
-
display: flex;
|
|
229
|
-
justify-content: space-between; }
|
|
230
|
-
.title___3ZHGA div {
|
|
231
|
-
font-weight: normal; }
|
|
232
|
-
|
|
233
|
-
.form___3v5vW {
|
|
234
|
-
display: flex;
|
|
235
|
-
flex-wrap: wrap;
|
|
236
|
-
justify-content: space-between;
|
|
237
|
-
margin: 10px 0; }
|
|
238
|
-
.form___3v5vW div {
|
|
239
|
-
width: 48%; }
|
|
240
|
-
.form___3v5vW div input {
|
|
241
|
-
width: 100%;
|
|
242
|
-
border-radius: 5px;
|
|
243
|
-
border: 1px solid var(--color_primary);
|
|
244
|
-
height: 36px;
|
|
245
|
-
padding: 5px;
|
|
246
|
-
display: flex;
|
|
247
|
-
justify-content: space-between;
|
|
248
|
-
align-items: center;
|
|
249
|
-
font-size: 15px; }
|
|
250
|
-
.form___3v5vW div input::placeholder {
|
|
251
|
-
color: var(--color_text_input_hints); }
|
|
252
|
-
.form___3v5vW div .readOnly___GTMgw {
|
|
253
|
-
opacity: 0.6;
|
|
254
|
-
cursor: default; }
|
|
255
|
-
.form___3v5vW div span {
|
|
256
|
-
display: inline-block;
|
|
257
|
-
color: #e5424d; }
|
|
258
|
-
.form___3v5vW div > :last-child {
|
|
259
|
-
margin-bottom: 5px; }
|
|
260
|
-
|
|
261
|
-
.title___3SYkl {
|
|
262
|
-
font-weight: bold;
|
|
263
|
-
cursor: pointer;
|
|
264
|
-
display: flex;
|
|
265
|
-
justify-content: space-between; }
|
|
266
|
-
|
|
267
|
-
.summary___38fgb {
|
|
268
|
-
text-align: right; }
|
|
269
|
-
|
|
270
|
-
.crossOut___2q3QH {
|
|
271
|
-
text-decoration: line-through; }
|
|
272
|
-
|
|
273
|
-
.discount___sJ1Bg {
|
|
274
|
-
color: green; }
|
|
275
|
-
|
|
276
|
-
.promo___11cRU {
|
|
277
|
-
font-weight: bold;
|
|
278
|
-
display: flex;
|
|
279
|
-
justify-content: flex-end; }
|
|
280
|
-
|
|
281
|
-
.dropdown___2F1ra {
|
|
282
|
-
margin-top: 5px; }
|
|
283
|
-
|
|
284
|
-
.inPersonDisclaimer___47veY {
|
|
285
|
-
margin-top: 15px; }
|
|
286
|
-
|
|
287
|
-
.placeholder___1AQcO {
|
|
288
|
-
border-radius: 5px;
|
|
289
|
-
width: 100%;
|
|
290
|
-
border: 1px solid var(--color_primary);
|
|
291
|
-
background-color: var(--color_primary50);
|
|
292
|
-
padding: 5px;
|
|
293
|
-
cursor: pointer;
|
|
294
|
-
display: flex;
|
|
295
|
-
justify-content: space-between;
|
|
296
|
-
align-items: center;
|
|
297
|
-
margin: 10px 0; }
|
|
298
|
-
.placeholder___1AQcO i {
|
|
299
|
-
padding: 2px 5px;
|
|
300
|
-
border-left: 1px solid var(--color_primary); }
|
|
301
|
-
|
|
302
|
-
.inPersonDisclaimer___qehRb {
|
|
303
|
-
padding: 4px; }
|
|
304
|
-
|
|
305
|
-
.dropdown___2BSL8 {
|
|
306
|
-
margin-top: 10px;
|
|
307
|
-
border-radius: 5px;
|
|
308
|
-
width: 100%;
|
|
309
|
-
border: 1px solid var(--color_primary);
|
|
310
|
-
cursor: pointer; }
|
|
311
|
-
.dropdown___2BSL8 div {
|
|
312
|
-
padding: 5px; }
|
|
313
|
-
.dropdown___2BSL8 div:hover {
|
|
314
|
-
background-color: var(--color_primary);
|
|
315
|
-
color: #fff; }
|
|
316
|
-
|
|
317
|
-
.button___2t2wu {
|
|
318
|
-
background-color: var(--color_secondary_contrast) !important;
|
|
319
|
-
color: #fff !important;
|
|
320
|
-
border: none !important;
|
|
321
|
-
font-weight: bold !important;
|
|
322
|
-
font-size: 1em !important;
|
|
323
|
-
cursor: pointer !important; }
|
|
324
|
-
.button___2t2wu[disabled] {
|
|
325
|
-
background-color: var(--color_secondary_contrast) !important; }
|
|
326
|
-
.button___2t2wu:hover {
|
|
327
|
-
color: #fff !important; }
|
|
328
|
-
.button___2t2wu:active, .button___2t2wu:focus {
|
|
329
|
-
color: #fff !important; }
|
|
330
|
-
|
|
331
|
-
.outerWrapper___1mTpT {
|
|
332
|
-
padding: 10px 0px 10px 10px;
|
|
333
|
-
margin: 10px; }
|
|
334
|
-
.outerWrapper___1mTpT .innerWrapper___3THAF {
|
|
335
|
-
display: flex;
|
|
336
|
-
justify-content: space-between;
|
|
337
|
-
align-items: center; }
|
|
338
|
-
.outerWrapper___1mTpT .innerWrapper___3THAF span {
|
|
339
|
-
font-size: 14px; }
|
|
340
|
-
.outerWrapper___1mTpT .innerWrapper___3THAF .registration___3PmSf {
|
|
341
|
-
cursor: pointer;
|
|
342
|
-
color: var(--color_primary);
|
|
343
|
-
text-decoration: underline; }
|
|
344
|
-
.outerWrapper___1mTpT .innerWrapper___3THAF .actions___I9WTO {
|
|
345
|
-
display: flex; }
|
|
346
|
-
.outerWrapper___1mTpT .innerWrapper___3THAF .actions___I9WTO button {
|
|
347
|
-
margin-left: 10px; }
|
|
348
|
-
|
|
349
|
-
.button___2ecjs {
|
|
350
|
-
background-color: var(--color_secondary_contrast) !important;
|
|
351
|
-
color: #fff !important;
|
|
352
|
-
border: none !important;
|
|
353
|
-
font-weight: bold !important;
|
|
354
|
-
font-size: 1em !important;
|
|
355
|
-
cursor: pointer !important; }
|
|
356
|
-
.button___2ecjs[disabled] {
|
|
357
|
-
background-color: var(--color_secondary_contrast) !important; }
|
|
358
|
-
.button___2ecjs:hover {
|
|
359
|
-
color: #fff !important; }
|
|
360
|
-
.button___2ecjs:active, .button___2ecjs:focus {
|
|
361
|
-
color: #fff !important; }
|
|
362
|
-
|
|
363
|
-
.wrapper___3h7RA {
|
|
364
|
-
height: 300px;
|
|
365
|
-
display: flex;
|
|
366
|
-
flex-direction: column;
|
|
367
|
-
align-items: center;
|
|
368
|
-
justify-content: center;
|
|
369
|
-
margin: 15px 0;
|
|
370
|
-
padding: 15px 0;
|
|
371
|
-
border-radius: 5px;
|
|
372
|
-
border: 1px solid lightgray;
|
|
373
|
-
text-align: center; }
|
|
374
|
-
.wrapper___3h7RA .circle___2jWZb {
|
|
375
|
-
margin-top: auto;
|
|
376
|
-
margin-bottom: 10px;
|
|
377
|
-
background-color: var(--color_primary50);
|
|
378
|
-
border-radius: 50px;
|
|
379
|
-
border: 1px solid var(--color_primary);
|
|
380
|
-
padding: 10px; }
|
|
381
|
-
.wrapper___3h7RA .circle___2jWZb i {
|
|
382
|
-
font-size: 36px;
|
|
383
|
-
color: var(--color_primary); }
|
|
384
|
-
.wrapper___3h7RA .complete___3RjCF {
|
|
385
|
-
font-weight: bold;
|
|
386
|
-
font-size: 20px; }
|
|
387
|
-
.wrapper___3h7RA .actions___2ru3L {
|
|
388
|
-
display: flex; }
|
|
389
|
-
.wrapper___3h7RA button {
|
|
390
|
-
margin: 10px 5px 0 5px; }
|
|
391
|
-
.wrapper___3h7RA span {
|
|
392
|
-
font-size: 14px; }
|
|
393
|
-
.wrapper___3h7RA a {
|
|
394
|
-
color: var(--color_primary);
|
|
395
|
-
text-decoration: underline; }
|
|
396
|
-
.wrapper___3h7RA .footer___KBj_E {
|
|
397
|
-
margin-top: auto;
|
|
398
|
-
font-size: 14px;
|
|
399
|
-
font-weight: normal; }
|
|
400
|
-
|
|
401
|
-
.passwordlessWrapper___1p18R {
|
|
402
|
-
height: 400px;
|
|
403
|
-
display: flex;
|
|
404
|
-
justify-content: center;
|
|
405
|
-
align-items: center;
|
|
406
|
-
flex-direction: column; }
|
|
407
|
-
.passwordlessWrapper___1p18R .innerWrapper___4MdlE {
|
|
408
|
-
text-align: center;
|
|
409
|
-
font-weight: bold;
|
|
410
|
-
height: 100%;
|
|
411
|
-
width: 300px;
|
|
412
|
-
display: flex;
|
|
413
|
-
flex-direction: column;
|
|
414
|
-
justify-content: center; }
|
|
415
|
-
.passwordlessWrapper___1p18R .innerWrapper___4MdlE .digits___F0Kcb {
|
|
416
|
-
margin-top: 15px;
|
|
417
|
-
display: inline-block; }
|
|
418
|
-
.passwordlessWrapper___1p18R .innerWrapper___4MdlE .codeInput___1xtWR {
|
|
419
|
-
margin-top: 20px;
|
|
420
|
-
display: flex;
|
|
421
|
-
justify-content: center; }
|
|
422
|
-
.passwordlessWrapper___1p18R .innerWrapper___4MdlE .codeInput___1xtWR input {
|
|
423
|
-
height: 56px;
|
|
424
|
-
width: 56px;
|
|
425
|
-
font-size: 42px;
|
|
426
|
-
background-color: var(--color_primary50);
|
|
427
|
-
border: 1px solid var(--color_primary);
|
|
428
|
-
border-radius: 5px;
|
|
429
|
-
padding: 5px;
|
|
430
|
-
display: inline-flex;
|
|
431
|
-
text-transform: uppercase;
|
|
432
|
-
text-align: center;
|
|
433
|
-
margin: 0 5px; }
|
|
434
|
-
.passwordlessWrapper___1p18R .innerWrapper___4MdlE .error___1v7Eo {
|
|
435
|
-
margin-top: 10px;
|
|
436
|
-
color: #e5424d;
|
|
437
|
-
font-size: 14px; }
|
|
438
|
-
.passwordlessWrapper___1p18R .innerWrapper___4MdlE .verify___1b49k {
|
|
439
|
-
margin-top: 20px; }
|
|
440
|
-
.passwordlessWrapper___1p18R .innerWrapper___4MdlE .verify___1b49k .button___5OMnr {
|
|
441
|
-
padding: 10px 30px;
|
|
442
|
-
font-weight: normal;
|
|
443
|
-
justify-content: center;
|
|
444
|
-
margin: 5px 0;
|
|
445
|
-
border-radius: 5px;
|
|
446
|
-
cursor: pointer;
|
|
447
|
-
background-color: var(--color_secondary_contrast);
|
|
448
|
-
color: #FFFFFF;
|
|
449
|
-
width: 100%;
|
|
450
|
-
font-size: 1em; }
|
|
451
|
-
.passwordlessWrapper___1p18R .innerWrapper___4MdlE .verify___1b49k .link___3Jnwz {
|
|
452
|
-
color: var(--color_primary);
|
|
453
|
-
text-decoration: underline;
|
|
454
|
-
cursor: pointer; }
|
|
455
|
-
.passwordlessWrapper___1p18R .resend___35Xcu {
|
|
456
|
-
margin: auto 0 0 0;
|
|
457
|
-
font-weight: normal;
|
|
458
|
-
font-size: 14px; }
|
|
459
|
-
.passwordlessWrapper___1p18R .resend___35Xcu span {
|
|
460
|
-
color: var(--color_primary);
|
|
461
|
-
text-decoration: underline;
|
|
462
|
-
cursor: pointer; }
|
|
463
|
-
|
|
464
|
-
.wrapper___3G9ab {
|
|
465
|
-
height: 250px;
|
|
466
|
-
display: flex;
|
|
467
|
-
flex-direction: column;
|
|
468
|
-
align-items: center;
|
|
469
|
-
justify-content: center;
|
|
470
|
-
margin: 15px 0;
|
|
471
|
-
padding: 15px 0;
|
|
472
|
-
border-radius: 5px;
|
|
473
|
-
border: 1px solid lightgray;
|
|
474
|
-
text-align: center; }
|
|
475
|
-
.wrapper___3G9ab .circle___2EnTU {
|
|
476
|
-
margin-bottom: 30px;
|
|
477
|
-
background-color: var(--color_primary50);
|
|
478
|
-
border-radius: 50px;
|
|
479
|
-
border: 1px solid var(--color_primary);
|
|
480
|
-
padding: 10px; }
|
|
481
|
-
.wrapper___3G9ab .circle___2EnTU i {
|
|
482
|
-
font-size: 36px;
|
|
483
|
-
color: var(--color_primary); }
|
|
484
|
-
.wrapper___3G9ab .complete___P-4ft {
|
|
485
|
-
font-weight: bold;
|
|
486
|
-
font-size: 20px; }
|
|
487
|
-
.wrapper___3G9ab a {
|
|
488
|
-
color: var(--color_primary);
|
|
489
|
-
text-decoration: underline; }
|
|
490
|
-
|