optimized-react-component-library-xyz123 0.1.76 → 0.1.77

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 (3) hide show
  1. package/package.json +1 -1
  2. package/src/css/darkMode.css +7 -4
  3. package/src/css/styles.css +22 -20
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "optimized-react-component-library-xyz123",
3
- "version": "0.1.76",
3
+ "version": "0.1.77",
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/darkMode.css CHANGED
@@ -68,7 +68,8 @@
68
68
 
69
69
  /*-----------QUESTIONS--------------*/
70
70
 
71
- .pts-root-about {
71
+ .pts-root-about,
72
+ .pts-about {
72
73
  color: var(--dark-info);
73
74
  }
74
75
 
@@ -120,15 +121,17 @@
120
121
 
121
122
  /* ---------- SERVICE HEADLINE AND BODY ---------- */
122
123
 
123
- .pts-main-service-headline a {
124
+ .pts-serviceHeadlineAndBody-container a {
124
125
  color: var(--dark-action);
125
126
  }
126
127
 
127
- .pts-main-service-headline svg {
128
+ .pts-serviceHeadlineAndBody-container a svg,
129
+ .MoreInfoIcon svg {
128
130
  background-color: var(--dark-action);
129
131
  }
130
132
 
131
- .pts-main-service-headline svg path {
133
+ .pts-serviceHeadlineAndBody-container a svg path,
134
+ .MoreInfoIcon svg path {
132
135
  fill: var(--dark-main);
133
136
  }
134
137
 
package/src/css/styles.css CHANGED
@@ -119,11 +119,11 @@ fieldset {
119
119
  }
120
120
 
121
121
  .pts-root-question legend {
122
- font-family: Arial;
123
- font-size: 1.6rem;
124
- font-style: normal;
125
- font-weight: 400;
126
- line-height: 20px;
122
+ font-family: Arial;
123
+ font-size: 1.6rem;
124
+ font-style: normal;
125
+ font-weight: 400;
126
+ line-height: 20px;
127
127
  }
128
128
 
129
129
  .pts-root-question legend,
@@ -312,6 +312,7 @@ textarea:focus-visible,
312
312
  border-color: #6e3282;
313
313
  color: white;
314
314
  cursor: pointer;
315
+ border-width: 1px;
315
316
  }
316
317
 
317
318
  /* ---------- SERVICE HEADLINE AND BODY ---------- */
@@ -328,18 +329,20 @@ textarea:focus-visible,
328
329
  margin-bottom: 2.8rem;
329
330
  }
330
331
 
331
- .pts-main-service-headline a svg {
332
- width: 1.6rem;
333
- height: 1.6rem;
334
- background-color: #6e3282;
335
- border-radius: 50%;
336
- padding: 0.4rem;
337
- flex-shrink: 0;
338
- margin-right: 1.6rem;
332
+ .pts-serviceHeadlineAndBody-container a svg,
333
+ .MoreInfoIcon svg{
334
+ width: 1.6rem;
335
+ height: 1.6rem;
336
+ background-color: #6e3282;
337
+ border-radius: 50%;
338
+ padding: 0.4rem;
339
+ flex-shrink: 0;
340
+ margin-right: 1.6rem;
339
341
  }
340
342
 
341
- .pts-main-service-headline a svg path {
342
- fill: #ffffff;
343
+ .pts-serviceHeadlineAndBody-container a svg path,
344
+ .MoreInfoIcon svg path{
345
+ fill:#ffffff;
343
346
  }
344
347
 
345
348
  .pts-moreinfo-list {
@@ -605,7 +608,6 @@ textarea:focus-visible,
605
608
  /* ---------- TEXTFIELD / TEXTAREA ABOUT ---------- */
606
609
 
607
610
  .pts-question-hasAbout label {
608
- margin-bottom: 0rem;
609
611
  line-height: 0.4rem;
610
612
  }
611
613
 
@@ -616,9 +618,9 @@ textarea:focus-visible,
616
618
  }
617
619
 
618
620
  .textfield-about {
619
- margin-bottom: 0.4rem;
620
- color: #545454;
621
- font-size: 1.4rem;
621
+ margin-bottom: 0.4rem;
622
+ color: #545454;
623
+ font-size: 1.4rem;
622
624
  }
623
625
 
624
626
  /* ---------- TEXTAREA ---------- */
@@ -743,7 +745,7 @@ dl {
743
745
  grid-template-columns: 50% 50%;
744
746
  }
745
747
 
746
- dt,
748
+ dt,
747
749
  dd {
748
750
  padding: 16px 0px 4px 0px;
749
751
  margin-inline-start: 0px;