optimized-react-component-library-xyz123 2.9.1 → 2.9.2
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 +21 -1
- package/dist/index.d.ts +21 -1
- package/dist/index.js +400 -235
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +399 -236
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/src/css/darkMode.css +10 -0
- package/src/css/questions.css +39 -0
- package/src/css/styles.css +9 -0
package/package.json
CHANGED
package/src/css/darkMode.css
CHANGED
|
@@ -372,6 +372,16 @@
|
|
|
372
372
|
color: var(--dark-info);
|
|
373
373
|
}
|
|
374
374
|
|
|
375
|
+
|
|
376
|
+
/* ---------- DROPDOWN ---------- */
|
|
377
|
+
.pts-dropdown-container select {
|
|
378
|
+
border-color: var(--dark-info);
|
|
379
|
+
background-color: var(--dark-main);
|
|
380
|
+
color: var(--dark-text);
|
|
381
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7073 15.7069C12.5198 15.8943 12.2655 15.9996 12.0003 15.9996C11.7352 15.9996 11.4809 15.8943 11.2933 15.7069L5.63634 10.0499C5.54083 9.95761 5.46465 9.84726 5.41224 9.72526C5.35983 9.60326 5.33225 9.47204 5.33109 9.33926C5.32994 9.20648 5.35524 9.0748 5.40552 8.9519C5.4558 8.829 5.53006 8.71735 5.62395 8.62346C5.71784 8.52957 5.82949 8.45531 5.95239 8.40503C6.07529 8.35475 6.20696 8.32945 6.33974 8.3306C6.47252 8.33176 6.60374 8.35934 6.72575 8.41175C6.84775 8.46416 6.9581 8.54034 7.05034 8.63585L12.0003 13.5859L16.9503 8.63585C17.1389 8.4537 17.3915 8.3529 17.6537 8.35518C17.9159 8.35746 18.1668 8.46263 18.3522 8.64804C18.5376 8.83344 18.6427 9.08426 18.645 9.34645C18.6473 9.60865 18.5465 9.86125 18.3643 10.0499L12.7073 15.7069Z' fill='%23ffffff'/%3E%3C/svg%3E");
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
|
|
375
385
|
/* ---------- ADD FILE QUESTION ---------- */
|
|
376
386
|
.filePickText {
|
|
377
387
|
color: var(--dark-text) !important;
|
package/src/css/questions.css
CHANGED
|
@@ -57,6 +57,7 @@ div.pts-root-question:last-child {
|
|
|
57
57
|
margin-bottom: 0.4rem;
|
|
58
58
|
}
|
|
59
59
|
|
|
60
|
+
.pts-root-question select,
|
|
60
61
|
.pts-root-question input[type='text']:focus,
|
|
61
62
|
.pts-root-question input[type='email']:focus,
|
|
62
63
|
.pts-root-question input[type='tel']:focus {
|
|
@@ -111,6 +112,8 @@ div.pts-root-question:last-child {
|
|
|
111
112
|
margin: 0;
|
|
112
113
|
}
|
|
113
114
|
|
|
115
|
+
|
|
116
|
+
.pts-root-question select,
|
|
114
117
|
.pts-root-question input[type='text'],
|
|
115
118
|
.pts-root-question input[type='email'],
|
|
116
119
|
.pts-root-question input[type='tel'] {
|
|
@@ -231,6 +234,42 @@ div.pts-root-question:last-child {
|
|
|
231
234
|
overflow: hidden;
|
|
232
235
|
}
|
|
233
236
|
|
|
237
|
+
/* ---------- DROPDOWN ---------- */
|
|
238
|
+
|
|
239
|
+
/* För inspiration */
|
|
240
|
+
|
|
241
|
+
.pts-dropdown-container {
|
|
242
|
+
margin-bottom: 1.5rem;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
.pts-dropdown-container label {
|
|
246
|
+
display: block;
|
|
247
|
+
margin-bottom: 0.5rem;
|
|
248
|
+
font-weight: 500;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
.pts-dropdown-container select {
|
|
252
|
+
cursor: pointer;
|
|
253
|
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7073 15.7069C12.5198 15.8943 12.2655 15.9996 12.0003 15.9996C11.7352 15.9996 11.4809 15.8943 11.2933 15.7069L5.63634 10.0499C5.54083 9.95761 5.46465 9.84726 5.41224 9.72526C5.35983 9.60326 5.33225 9.47204 5.33109 9.33926C5.32994 9.20648 5.35524 9.0748 5.40552 8.9519C5.4558 8.829 5.53006 8.71735 5.62395 8.62346C5.71784 8.52957 5.82949 8.45531 5.95239 8.40503C6.07529 8.35475 6.20696 8.32945 6.33974 8.3306C6.47252 8.33176 6.60374 8.35934 6.72575 8.41175C6.84775 8.46416 6.9581 8.54034 7.05034 8.63585L12.0003 13.5859L16.9503 8.63585C17.1389 8.4537 17.3915 8.3529 17.6537 8.35518C17.9159 8.35746 18.1668 8.46263 18.3522 8.64804C18.5376 8.83344 18.6427 9.08426 18.645 9.34645C18.6473 9.60865 18.5465 9.86125 18.3643 10.0499L12.7073 15.7069Z' fill='%23141414'/%3E%3C/svg%3E");
|
|
254
|
+
background-repeat: no-repeat;
|
|
255
|
+
background-position: right 14px center;
|
|
256
|
+
background-size: 2.4rem;;
|
|
257
|
+
|
|
258
|
+
-webkit-appearance: none;
|
|
259
|
+
-moz-appearance: none;
|
|
260
|
+
appearance: none;
|
|
261
|
+
|
|
262
|
+
transition:
|
|
263
|
+
border-color 0.15s ease-in-out,
|
|
264
|
+
box-shadow 0.15s ease-in-out;
|
|
265
|
+
}
|
|
266
|
+
|
|
267
|
+
.pts-dropdown-container select:focus {
|
|
268
|
+
outline: none;
|
|
269
|
+
border-width: 2px;
|
|
270
|
+
border-color: var(--action);
|
|
271
|
+
}
|
|
272
|
+
|
|
234
273
|
/* ---------- SINGLE CHECKBOX ---------- */
|
|
235
274
|
|
|
236
275
|
.pts-singleCheckbox-row {
|
package/src/css/styles.css
CHANGED
|
@@ -64,6 +64,8 @@
|
|
|
64
64
|
border: 0;
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
+
|
|
68
|
+
select:focus-visible,
|
|
67
69
|
button:focus-visible,
|
|
68
70
|
a:focus-visible,
|
|
69
71
|
input:focus-visible,
|
|
@@ -102,6 +104,7 @@ input:focus-visible:-webkit-autofill {
|
|
|
102
104
|
0 0 0 4px #000 !important;
|
|
103
105
|
}
|
|
104
106
|
|
|
107
|
+
.using-mouse select:focus-visible,
|
|
105
108
|
.using-mouse input:focus-visible,
|
|
106
109
|
.using-mouse button:focus-visible,
|
|
107
110
|
.using-mouse textarea:focus-visible,
|
|
@@ -545,6 +548,12 @@ input:focus-visible:-webkit-autofill {
|
|
|
545
548
|
margin-top: 1.6rem;
|
|
546
549
|
}
|
|
547
550
|
|
|
551
|
+
/* ---------- OptionTextBody ---------- */
|
|
552
|
+
|
|
553
|
+
.pts-optionTextBody-container{
|
|
554
|
+
margin-top: 1.6rem;
|
|
555
|
+
}
|
|
556
|
+
|
|
548
557
|
/* ---------- STEPPER ---------- */
|
|
549
558
|
|
|
550
559
|
.pts-stepper-container {
|