optimized-react-component-library-xyz123 0.1.84 → 0.1.86

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/css/styles.css +36 -19
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "optimized-react-component-library-xyz123",
3
- "version": "0.1.84",
3
+ "version": "0.1.86",
4
4
  "description": "A modern React component library using TypeScript with React 19 support.",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",
package/src/css/styles.css CHANGED
@@ -161,12 +161,16 @@ fieldset {
161
161
  font-style: normal;
162
162
  font-weight: 400;
163
163
  line-height: 20px;
164
+ margin-bottom: 0.8rem;
164
165
  }
165
166
 
166
167
  .pts-root-question legend,
167
168
  .pts-root-question label,
168
169
  .pts-radio-option {
169
- margin-bottom: 0.8rem;
170
+ display: flex;
171
+ align-items: flex-start;
172
+ cursor: pointer;
173
+ margin-bottom: 0.6rem;
170
174
  }
171
175
 
172
176
  .pts-root-about {
@@ -422,6 +426,9 @@ textarea:focus-visible,
422
426
  background-color: #747474;
423
427
  }
424
428
 
429
+ .pts-shortNameInStepper{
430
+ text-align: center;
431
+ }
425
432
  /* ---------- STEPPER BUTTON ---------- */
426
433
 
427
434
  .pts-stepperButtons-container {
@@ -437,7 +444,7 @@ textarea:focus-visible,
437
444
  color: #ffffff;
438
445
  padding: 8px 20px;
439
446
  border-radius: 8px;
440
- font-size: 16px;
447
+ font-size: 1.6rem;
441
448
  cursor: pointer;
442
449
  margin-left: 1.6rem;
443
450
  }
@@ -488,7 +495,7 @@ textarea:focus-visible,
488
495
 
489
496
  .pts-radioMultiple-container label {
490
497
  position: relative;
491
- top: -1px;
498
+ flex: 1;
492
499
  cursor: pointer;
493
500
  }
494
501
 
@@ -528,11 +535,16 @@ textarea:focus-visible,
528
535
  }
529
536
 
530
537
  .pts-multipleCheckboxes-container li {
538
+ margin-bottom: 0.6rem;
531
539
  display: flex;
532
- margin-bottom: 0.8rem;
533
- align-items: center;
540
+ align-items: flex-start;
541
+ cursor: pointer;
534
542
  }
535
543
 
544
+ .pts-multipleCheckboxes-container li label{
545
+ flex:1;
546
+ margin-top:0.2rem;
547
+ }
536
548
  /* ---------- HEADER ---------- */
537
549
 
538
550
  .pts-skipLink-container a {
@@ -550,7 +562,7 @@ textarea:focus-visible,
550
562
 
551
563
  .pts-header-container {
552
564
  display: flex;
553
- height: 80px;
565
+ min-height: 80px;
554
566
  padding: 0px 70px;
555
567
  align-items: center;
556
568
  justify-content: space-between;
@@ -565,11 +577,16 @@ textarea:focus-visible,
565
577
  cursor: pointer;
566
578
  }
567
579
 
580
+ .pts-languageButton svg{
581
+ width: 1.5rem;
582
+ height: 1.5rem;
583
+ }
584
+
568
585
  /* ---------- FOOTER ---------- */
569
586
 
570
587
  .pts-footer-container {
571
588
  display: flex;
572
- height: 14rem;
589
+ min-height: 14rem;
573
590
  align-items: center;
574
591
  width: 100%;
575
592
  background-color: #200827;
@@ -1349,7 +1366,7 @@ dd {
1349
1366
 
1350
1367
  /* Body/B2 (Main) Regular */
1351
1368
  font-family: Arial;
1352
- font-size: 16px;
1369
+ font-size: 1.6rem;
1353
1370
  font-style: normal;
1354
1371
  font-weight: 400;
1355
1372
  line-height: 24px; /* 150% */
@@ -1367,7 +1384,7 @@ dd {
1367
1384
  }
1368
1385
  @media (max-width: 990px) {
1369
1386
  .filePickLabel .filePickButton {
1370
- font-size: 14px;
1387
+ font-size: 1.4rem;
1371
1388
  line-height: 14px;
1372
1389
  text-align: center;
1373
1390
  }
@@ -1378,7 +1395,7 @@ dd {
1378
1395
  color: #000;
1379
1396
 
1380
1397
  font-family: Arial;
1381
- font-size: 16px;
1398
+ font-size: 1.6rem;
1382
1399
  font-style: normal;
1383
1400
  font-weight: 400;
1384
1401
  line-height: 24px;
@@ -1408,7 +1425,7 @@ dd {
1408
1425
  }
1409
1426
 
1410
1427
  .inputContainer input[type='text'] {
1411
- font-size: 16px;
1428
+ font-size: 1.6rem;
1412
1429
  }
1413
1430
 
1414
1431
  .custom-file-button input[type='file'] {
@@ -1443,7 +1460,7 @@ dd {
1443
1460
 
1444
1461
  /* Body/B1 Regular */
1445
1462
  font-family: Arial;
1446
- font-size: 20px;
1463
+ font-size: 2.0rem;
1447
1464
  font-style: normal;
1448
1465
  font-weight: 400;
1449
1466
  line-height: 24px; /* 120% */
@@ -1486,7 +1503,7 @@ dd {
1486
1503
  position: relative;
1487
1504
  z-index: 2000;
1488
1505
  cursor: pointer;
1489
- font-size: '12px';
1506
+ font-size: 1.2rem;
1490
1507
  text-decoration: 'underline';
1491
1508
  color: black;
1492
1509
  }
@@ -1608,7 +1625,7 @@ dd {
1608
1625
  .uploadedPercentage {
1609
1626
  /* Body/B3 Regular */
1610
1627
  font-family: Arial;
1611
- font-size: 13px;
1628
+ font-size: 1.3rem;
1612
1629
  font-style: normal;
1613
1630
  font-weight: 400;
1614
1631
  line-height: 16px; /* 123.077% */
@@ -1665,7 +1682,7 @@ dd {
1665
1682
 
1666
1683
  /* Body/B4 Regular */
1667
1684
  font-family: Arial;
1668
- font-size: 10px;
1685
+ font-size: 1rem;
1669
1686
  font-style: normal;
1670
1687
  font-weight: 400;
1671
1688
  line-height: normal;
@@ -1708,7 +1725,7 @@ dd {
1708
1725
  color: var(--neutral-300, #fff);
1709
1726
  /* Body/B3 Bold */
1710
1727
  font-family: Arial;
1711
- font-size: 13px;
1728
+ font-size: 1.3rem;
1712
1729
  font-style: normal;
1713
1730
  font-weight: 700;
1714
1731
  line-height: 16px; /* 123.077% */
@@ -1774,7 +1791,7 @@ dd {
1774
1791
 
1775
1792
  /* Body/B3 Bold */
1776
1793
  font-family: Arial;
1777
- font-size: 16px;
1794
+ font-size: 1.6rem;
1778
1795
  font-style: normal;
1779
1796
  font-weight: 400;
1780
1797
  line-height: 24px;
@@ -1786,7 +1803,7 @@ dd {
1786
1803
  color: var(--red-green-red, #8e0039);
1787
1804
  /* Body/B3 Regular */
1788
1805
  font-family: Arial;
1789
- font-size: 13px;
1806
+ font-size: 1.3rem;
1790
1807
  font-style: normal;
1791
1808
  font-weight: 400;
1792
1809
  line-height: 16px; /* 123.077% */
@@ -1812,7 +1829,7 @@ dd {
1812
1829
  color: var(--purple-900-primary, #6e3282);
1813
1830
  /* Body/B2 (Main) Regular */
1814
1831
  font-family: Arial;
1815
- font-size: 16px;
1832
+ font-size: 1.6rem;
1816
1833
  font-style: normal;
1817
1834
  font-weight: 400;
1818
1835
  line-height: 24px; /* 150% */