optimized-react-component-library-xyz123 2.5.2 → 2.5.4
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/dist/index.d.mts +4 -12
- package/dist/index.d.ts +4 -12
- package/dist/index.js +747 -930
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +742 -924
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/css/darkMode.css +0 -14
- package/src/css/mobileView.css +1 -9
- package/src/css/questions.css +4 -72
- package/src/css/styles.css +0 -1
package/package.json
CHANGED
package/src/css/darkMode.css
CHANGED
|
@@ -317,20 +317,6 @@ background-color: var(--dark-main);
|
|
|
317
317
|
background-color: var(--dark-action);
|
|
318
318
|
}
|
|
319
319
|
|
|
320
|
-
/* ---------- RADIO MULTIPLE WHITH INFO ---------- */
|
|
321
|
-
|
|
322
|
-
.pts-radioMultipleWithInfo-container input[type='radio']:checked::before {
|
|
323
|
-
background-color: var(--dark-main);
|
|
324
|
-
}
|
|
325
|
-
|
|
326
|
-
.pts-radio-collapse-button-container{
|
|
327
|
-
background-color: var(--dark-action);
|
|
328
|
-
}
|
|
329
|
-
|
|
330
|
-
.pts-radio-collapse-body.open {
|
|
331
|
-
border-color:var(--dark-action);
|
|
332
|
-
}
|
|
333
|
-
|
|
334
320
|
/* ---------- MULTIPLE CHECKBOXES ---------- */
|
|
335
321
|
|
|
336
322
|
.pts-multipleCheckboxes-container input[type='checkbox'] {
|
package/src/css/mobileView.css
CHANGED
|
@@ -261,20 +261,12 @@
|
|
|
261
261
|
margin-right: 1.6rem;
|
|
262
262
|
margin-top: 1.6rem;
|
|
263
263
|
}
|
|
264
|
-
|
|
264
|
+
|
|
265
265
|
.pts-textArea-container textarea {
|
|
266
266
|
width: 100%;
|
|
267
267
|
box-sizing: border-box;
|
|
268
268
|
}
|
|
269
269
|
|
|
270
|
-
.pts-radio-collapse-button-container {
|
|
271
|
-
align-items: start;
|
|
272
|
-
gap: 6px;
|
|
273
|
-
grid-template-columns: 5% 84% 5%;
|
|
274
|
-
padding-top: 1.6rem;
|
|
275
|
-
padding-bottom: 1rem;
|
|
276
|
-
}
|
|
277
|
-
|
|
278
270
|
.inputContainer {
|
|
279
271
|
margin-bottom: 1.6rem;
|
|
280
272
|
}
|
package/src/css/questions.css
CHANGED
|
@@ -124,8 +124,8 @@ div.pts-root-question:last-child {
|
|
|
124
124
|
}
|
|
125
125
|
|
|
126
126
|
/* ---------- RADIO MULTIPLE ---------- */
|
|
127
|
-
|
|
128
|
-
.pts-
|
|
127
|
+
|
|
128
|
+
.pts-radioMultiple-container input[type='radio'] {
|
|
129
129
|
appearance: none;
|
|
130
130
|
width: 1.8rem;
|
|
131
131
|
height: 1.8rem;
|
|
@@ -138,8 +138,7 @@ div.pts-root-question:last-child {
|
|
|
138
138
|
cursor: pointer;
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
-
.pts-radioMultiple-container input[type='radio']:checked::before
|
|
142
|
-
.pts-radioMultipleWithInfo-container input[type='radio']:checked::before {
|
|
141
|
+
.pts-radioMultiple-container input[type='radio']:checked::before {
|
|
143
142
|
content: '';
|
|
144
143
|
position: absolute;
|
|
145
144
|
top: 50%;
|
|
@@ -151,79 +150,12 @@ div.pts-root-question:last-child {
|
|
|
151
150
|
background-color: var(--action);
|
|
152
151
|
}
|
|
153
152
|
|
|
154
|
-
.pts-radioMultiple-container label
|
|
155
|
-
.pts-radioMultipleWithInfo-container label{
|
|
153
|
+
.pts-radioMultiple-container label {
|
|
156
154
|
position: relative;
|
|
157
155
|
flex: 1;
|
|
158
156
|
cursor: pointer;
|
|
159
157
|
}
|
|
160
158
|
|
|
161
|
-
|
|
162
|
-
/****RADIO MULTIPLE WITH INFO*/
|
|
163
|
-
.pts-radioMultipleWithInfo-container label{
|
|
164
|
-
padding-top: 2px;
|
|
165
|
-
}
|
|
166
|
-
|
|
167
|
-
.pts-radio-collapse {
|
|
168
|
-
position: relative;
|
|
169
|
-
width: 100%;
|
|
170
|
-
max-width: 62.4rem;
|
|
171
|
-
margin-bottom: 0.8rem;
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
.pts-radio-collapse-button-container {
|
|
175
|
-
background-color: var(--background);
|
|
176
|
-
color: var(--text);
|
|
177
|
-
cursor: pointer;
|
|
178
|
-
padding: 1.2rem 1.6rem;
|
|
179
|
-
border-radius: 8px;
|
|
180
|
-
outline: none;
|
|
181
|
-
display: grid;
|
|
182
|
-
text-align: left;
|
|
183
|
-
grid-template-columns: 5% 90% 5%;
|
|
184
|
-
align-items: center;
|
|
185
|
-
}
|
|
186
|
-
|
|
187
|
-
.pts-radio-collapse-button-container.open {
|
|
188
|
-
border-radius: 8px 8px 0 0;
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
.pts-radio-collapse-button-container input{
|
|
192
|
-
background-color: var(--main);
|
|
193
|
-
}
|
|
194
|
-
|
|
195
|
-
.pts-radio-collapse-button {
|
|
196
|
-
all:unset;
|
|
197
|
-
display: grid;
|
|
198
|
-
grid-template-columns: 95% 5%;
|
|
199
|
-
background-color: transparent;
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
.pts-radio-collapse-button svg path{
|
|
204
|
-
fill: var(--text);
|
|
205
|
-
}
|
|
206
|
-
|
|
207
|
-
.pts-radio-collapse-body {
|
|
208
|
-
position: relative;
|
|
209
|
-
display: grid;
|
|
210
|
-
grid-template-rows: 0fr;
|
|
211
|
-
transition: grid-template-rows 0.3s ease;
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
.pts-radio-collapse-body.open {
|
|
215
|
-
grid-template-rows: 1fr;
|
|
216
|
-
border: 2px solid var(--background);
|
|
217
|
-
border-top: none;
|
|
218
|
-
border-radius:0 0 8px 8px;
|
|
219
|
-
padding: 1.6rem;
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
.pts-radio-collapse-content {
|
|
223
|
-
overflow: hidden;
|
|
224
|
-
|
|
225
|
-
}
|
|
226
|
-
|
|
227
159
|
/* ---------- SINGLE CHECKBOX ---------- */
|
|
228
160
|
|
|
229
161
|
.pts-singleCheckbox-row {
|