@everymatrix/general-player-register-form-step2 0.0.224 → 0.0.229

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 (4) hide show
  1. package/dist/general-player-register-form-step2.js +1 -1
  2. package/dist/general-player-register-form-step2.js.map +1 -1
  3. package/package.json +2 -2
  4. package/src/GeneralPlayerRegisterFormStep2.svelte +29 -29
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@everymatrix/general-player-register-form-step2",
3
- "version": "0.0.224",
3
+ "version": "0.0.229",
4
4
  "main": "dist/general-player-register-form-step2.js",
5
5
  "svelte": "src/index.ts",
6
6
  "scripts": {
@@ -36,5 +36,5 @@
36
36
  "publishConfig": {
37
37
  "access": "public"
38
38
  },
39
- "gitHead": "56c929409f6926e8a96fcfbe5070643a08ae19cd"
39
+ "gitHead": "efee0743817693e5186a61a1477e081208d48fec"
40
40
  }
package/src/GeneralPlayerRegisterFormStep2.svelte CHANGED
@@ -174,7 +174,7 @@
174
174
 
175
175
  <div class="RegisterFormHeader">
176
176
  <button class="BackButton" on:click={goBack}>
177
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.a{fill:#d0046c;}</style></defs><path class="a" d="M12,0,9.818,2.182l8.26,8.26H0v3.117H18.078l-8.26,8.26L12,24,24,12Z" transform="translate(24 24) rotate(180)"/></svg>
177
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><defs><style>.a{fill:var(--emfe-w-color-primary, #D0046C);}</style></defs><path class="a" d="M12,0,9.818,2.182l8.26,8.26H0v3.117H18.078l-8.26,8.26L12,24,24,12Z" transform="translate(24 24) rotate(180)"/></svg>
178
178
  {$_('registerFormStep2.registerBackButton')}
179
179
  </button>
180
180
  </div>
@@ -254,7 +254,7 @@
254
254
 
255
255
  .BackButton {
256
256
  display: inline-flex;
257
- color: #07072A;
257
+ color: var(--emfe-w-color-contrast, #07072A);
258
258
  height: 15px;
259
259
  border-radius: 5px;
260
260
  border: none;
@@ -268,7 +268,7 @@
268
268
  width: 20px;
269
269
  height: 20px;
270
270
  margin-right: ttp(1.25);
271
- fill: #D0046C;
271
+ fill: var(--emfe-w-color-primary, #D0046C);
272
272
  }
273
273
  }
274
274
 
@@ -284,7 +284,7 @@
284
284
  select {
285
285
  width: 100%;
286
286
  height: ttp(2.75);
287
- border: 1px solid #D1D1D1;
287
+ border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
288
288
  border-radius: ttp(0.3125);
289
289
  padding: ttp(0.3125);
290
290
  font-size: ttp(0.875);
@@ -295,12 +295,12 @@
295
295
  -webkit-appearance: none;
296
296
  -moz-appearance: none;
297
297
  appearance: none;
298
- background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat #FFF;
298
+ background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat var(--emfe-w-color-white, #FFFFFF);
299
299
  background-position: calc(100% - 0.75rem) center;
300
300
 
301
301
  &:focus, :focus-within, :focus-visible, :visited {
302
- border: 1px solid #D0046C;
303
- box-shadow: 0 0 0 1pt #D0046C;
302
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
303
+ box-shadow: 0 0 0 1pt var(--emfe-w-color-primary, #D0046C);
304
304
  }
305
305
  }
306
306
  }
@@ -311,7 +311,7 @@
311
311
  .BirthDateContainer,
312
312
  .BirthPlaceContainer,
313
313
  .CurrencyContainer {
314
- color: #58586B;
314
+ color: var(--emfe-w-color-gray-300, #58586B);
315
315
  display: flex;
316
316
  flex-direction: column;
317
317
  padding-bottom: ttp(1.875);
@@ -326,7 +326,7 @@
326
326
  input, select {
327
327
  width: 100%;
328
328
  height: ttp(2.75);
329
- border: 1px solid #D1D1D1;
329
+ border: 1px solid var(--emfe-w-color-gray-100, #E6E6E6);
330
330
  border-radius: ttp(0.3125);
331
331
  padding: ttp(0.3125);
332
332
  font-size: ttp(0.875);
@@ -338,9 +338,9 @@
338
338
 
339
339
  &.InvalidField {
340
340
  input {
341
- border: 1px solid #D0046C;
342
- background: #FBECF4;
343
- color: #D0046C;
341
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
342
+ background: var(--emfe-w-color-primary-50, #FBECF4);
343
+ color: var(--emfe-w-color-primary, #D0046C);
344
344
  }
345
345
  }
346
346
  }
@@ -354,12 +354,12 @@
354
354
  -webkit-appearance: none;
355
355
  -moz-appearance: none;
356
356
  appearance: none;
357
- background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat #FFF;
357
+ background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat var(--emfe-w-color-white, #FFFFFF);
358
358
  background-position: calc(100% - 0.75rem) center;
359
359
 
360
360
  &:focus, :focus-within, :focus-visible, :visited {
361
- border: 1px solid #D0046C;
362
- box-shadow: 0 0 0 1pt #D0046C;
361
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
362
+ box-shadow: 0 0 0 1pt var(--emfe-w-color-primary, #D0046C);
363
363
  }
364
364
  }
365
365
 
@@ -368,12 +368,12 @@
368
368
  -webkit-appearance: none;
369
369
  -moz-appearance: none;
370
370
  appearance: none;
371
- background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat #FFF;
371
+ background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat var(--emfe-w-color-white, #FFFFFF);
372
372
  background-position: calc(100% - 0.75rem) center;
373
373
 
374
374
  &:focus, :focus-within, :focus-visible, :visited {
375
- border: 1px solid #D0046C;
376
- box-shadow: 0 0 0 1pt #D0046C;
375
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
376
+ box-shadow: 0 0 0 1pt var(--emfe-w-color-primary, #D0046C);
377
377
  }
378
378
  }
379
379
 
@@ -382,22 +382,22 @@
382
382
  -webkit-appearance: none;
383
383
  -moz-appearance: none;
384
384
  appearance: none;
385
- background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat #FFF;
385
+ background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat var(--emfe-w-color-white, #FFFFFF);
386
386
  background-position: calc(100% - 0.75rem) center;
387
387
 
388
388
  &:focus, :focus-within, :focus-visible, :visited {
389
- border: 1px solid #D0046C;
390
- box-shadow: 0 0 0 1pt #D0046C;
389
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
390
+ box-shadow: 0 0 0 1pt var(--emfe-w-color-primary, #D0046C);
391
391
  }
392
392
  }
393
393
  }
394
394
 
395
395
  .FormRequired {
396
- color: #FD2839;
396
+ color: var(--emfe-w-color-secondary, #FD2839);
397
397
  }
398
398
 
399
399
  .InvalidInput {
400
- color: #D0046C;
400
+ color: var(--emfe-w-color-primary, #D0046C);
401
401
  font-size: ttp(0.625);
402
402
  position: absolute;
403
403
  bottom: -3px;
@@ -407,13 +407,13 @@
407
407
  .ErrorMessage {
408
408
  margin: 0 0 ttp(0.938) 0;
409
409
  font-size: ttp(0.75);
410
- color: #D0046C;
410
+ color: var(--emfe-w-color-primary, #D0046C);
411
411
  }
412
412
 
413
413
  .RegisterStepNext {
414
- color: #fff;
415
- background: #D0046C;
416
- border: 1px solid #D0046C;
414
+ color: var(--emfe-w-color-white, #FFFFFF);
415
+ background: var(--emfe-w-color-primary, #D0046C);
416
+ border: 1px solid var(--emfe-w-color-primary, #D0046C);
417
417
  border-radius: 5px;
418
418
  width: 100%;
419
419
  height: ttp(3.75);
@@ -423,8 +423,8 @@
423
423
  cursor: pointer;
424
424
  margin-top: ttp(1.5);
425
425
  &[disabled] {
426
- background: #c1c1c1;
427
- border: 1px solid #c1c1c1;
426
+ background: var(--emfe-w-color-gray-100, #E6E6E6);
427
+ border: 1px solid var(--emfe-w-color-gray-150, #828282);
428
428
  cursor: not-allowed;
429
429
  }
430
430
  }