optimized-react-component-library-xyz123 0.1.166 → 0.1.167

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 (8) hide show
  1. package/dist/index.d.mts +10 -3
  2. package/dist/index.d.ts +10 -3
  3. package/dist/index.js +299 -197
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +292 -191
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/css/questions.css +48 -19
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "optimized-react-component-library-xyz123",
3
- "version": "0.1.166",
3
+ "version": "0.1.167",
4
4
  "description": "A modern React component library using TypeScript with React 19 support.",
5
5
  "main": "dist/index.cjs",
6
6
  "module": "dist/index.mjs",
package/src/css/questions.css CHANGED
@@ -1,4 +1,3 @@
1
-
2
1
  fieldset {
3
2
  border: none;
4
3
  padding: 0;
@@ -11,9 +10,9 @@ fieldset {
11
10
  max-width: 624px;
12
11
  }
13
12
 
14
- div.pts-root-question:last-child{
15
- padding-bottom: 0 ;
16
- margin-bottom: 0 ;
13
+ div.pts-root-question:last-child {
14
+ padding-bottom: 0;
15
+ margin-bottom: 0;
17
16
  }
18
17
 
19
18
  .pts-root-categoryDescription,
@@ -21,7 +20,7 @@ div.pts-root-question:last-child{
21
20
  margin-bottom: 3.6rem;
22
21
  }
23
22
 
24
- .pts-root-question{
23
+ .pts-root-question {
25
24
  margin-bottom: 3.6rem;
26
25
  }
27
26
 
@@ -33,8 +32,8 @@ div.pts-root-question:last-child{
33
32
  cursor: pointer;
34
33
  }
35
34
 
36
- .pts-radio-option,
37
- .pts-root-question legend {
35
+ .pts-radio-option,
36
+ .pts-root-question legend {
38
37
  margin-bottom: 0.8rem;
39
38
  }
40
39
 
@@ -46,8 +45,6 @@ div.pts-root-question:last-child{
46
45
  line-height: 20px;
47
46
  }
48
47
 
49
-
50
-
51
48
  .pts-root-about {
52
49
  font-size: 1.4rem;
53
50
  color: var(--info);
@@ -95,7 +92,7 @@ div.pts-root-question:last-child{
95
92
  border: 0.2rem solid var(--error) !important;
96
93
  }
97
94
 
98
- .error-container{
95
+ .error-container {
99
96
  padding: 3.6rem 0 0 0;
100
97
  margin: 0;
101
98
  }
@@ -145,6 +142,43 @@ div.pts-root-question:last-child{
145
142
  cursor: pointer;
146
143
  }
147
144
 
145
+ /* ---------- SINGLE CHECKBOX ---------- */
146
+
147
+ .pts-singleCheckbox-row {
148
+ display: flex;
149
+ flex-direction: row;
150
+ align-items: flex-start;
151
+ margin-bottom: 0.8rem;
152
+ }
153
+
154
+ .pts-singleCheckbox-container input[type='checkbox'] {
155
+ -webkit-appearance: none;
156
+
157
+ width: 1.8rem;
158
+ height: 1.8rem;
159
+ margin-right: 0.8rem;
160
+ flex-shrink: 0;
161
+
162
+ background-color: var(--main);
163
+ border: 0.15rem solid var(--info);
164
+ border-radius: 0.2rem;
165
+
166
+ cursor: pointer;
167
+ }
168
+
169
+ .pts-singleCheckbox-container input[type='checkbox']:checked {
170
+ background-color: var(--action);
171
+ border: none;
172
+ background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
173
+ }
174
+
175
+ .pts-singleCheckbox-container label {
176
+ cursor: pointer;
177
+ margin: 0;
178
+ padding-top: 0.1rem;
179
+ margin-top: 0.2rem;
180
+ }
181
+
148
182
  /* ---------- MULTIPLE CHECKBOXES ---------- */
149
183
 
150
184
  .pts-multipleCheckboxes-container input[type='checkbox'] {
@@ -194,7 +228,7 @@ div.pts-root-question:last-child{
194
228
 
195
229
  /* ---------- TEXTFIELD / TEXTAREA ABOUT ---------- */
196
230
 
197
- .pts-textField-container{
231
+ .pts-textField-container {
198
232
  margin-top: 8px;
199
233
  }
200
234
 
@@ -211,11 +245,11 @@ div.pts-root-question:last-child{
211
245
  }
212
246
 
213
247
  .pts-textField-container label {
214
- margin-bottom: 0.8rem;
248
+ margin-bottom: 0.8rem;
215
249
  }
216
250
 
217
251
  .pts-question-hasAbout label {
218
- margin-bottom: 0.3rem;
252
+ margin-bottom: 0.3rem;
219
253
  }
220
254
 
221
255
  /* ---------- TEXTAREA ---------- */
@@ -248,11 +282,6 @@ div.pts-root-question:last-child{
248
282
  width: 100%;
249
283
  }
250
284
 
251
-
252
-
253
-
254
-
255
-
256
285
  /* ---------- FILE UPLOAD ---------- */
257
286
  /* ---------- FILE UPLOAD ---------- */
258
287
  /* ---------- FILE UPLOAD ---------- */
@@ -921,7 +950,7 @@ div.pts-root-question:last-child{
921
950
 
922
951
  .addFilesMandatory {
923
952
  margin-bottom: 16px;
924
- margin-top: 0px;
953
+ margin-top: 0px;
925
954
  }
926
955
 
927
956
  .addFilesMandatory.error {