@lavalogic/scoria 0.2.0 → 0.3.0
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/Components/Button.svelte +3 -3
- package/dist/Components/DateInput.svelte +14 -14
- package/dist/Components/DesktopModal.svelte +1 -1
- package/dist/Components/DimensionInput.svelte +14 -14
- package/dist/Components/DragMenu/DragMenuHolder.svelte +116 -0
- package/dist/Components/DragMenu/DragMenuHolder.svelte.d.ts +32 -0
- package/dist/Components/DragMenu/DraggableCard.svelte +111 -0
- package/dist/Components/DragMenu/DraggableCard.svelte.d.ts +11 -0
- package/dist/Components/FileUpload.svelte +13 -13
- package/dist/Components/GridInput.svelte +13 -9
- package/dist/Components/GridInput.svelte.d.ts +6 -5
- package/dist/Components/GridInputSet.svelte +2 -1
- package/dist/Components/GridInputSet.svelte.d.ts +6 -5
- package/dist/Components/MultiSelect.svelte +17 -17
- package/dist/Components/NumberInput.svelte +14 -14
- package/dist/Components/PasswordInput.svelte +14 -14
- package/dist/Components/QuerySelect.svelte +17 -17
- package/dist/Components/SingleSelect.svelte +17 -17
- package/dist/Components/Table/Body/TableBody.svelte +1 -1
- package/dist/Components/Table/Headers/TableHead.svelte +1 -1
- package/dist/Components/TextArea.svelte +14 -14
- package/dist/Components/TextInput.svelte +14 -14
- package/dist/Components/Touch/BoolCard.svelte +1 -1
- package/dist/Components/Touch/EditCard.svelte +13 -13
- package/dist/Components/Touch/InfoCard.svelte +1 -1
- package/dist/Components/Touch/SummaryCard.svelte +13 -13
- package/dist/Components/VerticalTabGroup.svelte +1 -1
- package/dist/Components/VerticalTabGroupButton.svelte +1 -1
- package/dist/Types/Internal/GridMultiSelectItem.d.ts +13 -1
- package/dist/Types/Internal/GridSingleSelectItem.d.ts +13 -1
- package/dist/index.d.ts +2 -6
- package/dist/index.js +0 -6
- package/dist/scss/_mixins.scss +11 -8
- package/dist/scss/_sizing.scss +1 -1
- package/package.json +3 -2
- package/dist/Types/Internal/GridMultiSelectItemAsObject.d.ts +0 -6
- package/dist/Types/Internal/GridMultiSelectItemAsObject.js +0 -1
- package/dist/Types/Internal/GridMultiSelectItemAsPrimitive.d.ts +0 -6
- package/dist/Types/Internal/GridMultiSelectItemAsPrimitive.js +0 -1
- package/dist/Types/Internal/GridSingleSelectItemAsObject.d.ts +0 -6
- package/dist/Types/Internal/GridSingleSelectItemAsObject.js +0 -1
- package/dist/Types/Internal/GridSingleSelectItemAsPrimitive.d.ts +0 -6
- package/dist/Types/Internal/GridSingleSelectItemAsPrimitive.js +0 -1
|
@@ -255,19 +255,20 @@
|
|
|
255
255
|
position: absolute;
|
|
256
256
|
left: 0.5rem;
|
|
257
257
|
z-index: 1;
|
|
258
|
-
font-size: 0.
|
|
258
|
+
font-size: 0.875rem;
|
|
259
259
|
padding: 0.05rem 0.4rem;
|
|
260
260
|
color: #647d8e;
|
|
261
261
|
}
|
|
262
262
|
.select-wrapper label span:not(.border) {
|
|
263
263
|
position: absolute;
|
|
264
264
|
left: 0.5rem;
|
|
265
|
-
font-size: 0.
|
|
265
|
+
font-size: 0.875rem;
|
|
266
266
|
user-select: none;
|
|
267
|
-
padding-left: 0.
|
|
268
|
-
padding-right: 0.
|
|
269
|
-
|
|
270
|
-
|
|
267
|
+
padding-left: 0.5rem;
|
|
268
|
+
padding-right: 0.5rem;
|
|
269
|
+
line-height: 1rem;
|
|
270
|
+
padding: 0rem 0.5rem;
|
|
271
|
+
top: calc(-0.875rem / 2 - 2px);
|
|
271
272
|
z-index: 2;
|
|
272
273
|
color: #647d8e;
|
|
273
274
|
white-space: nowrap;
|
|
@@ -278,16 +279,15 @@
|
|
|
278
279
|
.select-wrapper label span.border {
|
|
279
280
|
position: absolute;
|
|
280
281
|
left: 0.5rem;
|
|
281
|
-
font-size: 0.
|
|
282
|
+
font-size: 0.875rem;
|
|
282
283
|
user-select: none;
|
|
283
|
-
padding-left: 0.
|
|
284
|
-
padding-right: 0.
|
|
285
|
-
|
|
286
|
-
padding-bottom: 0;
|
|
284
|
+
padding-left: 0.5rem;
|
|
285
|
+
padding-right: 0.5rem;
|
|
286
|
+
line-height: 1rem;
|
|
287
287
|
z-index: 1;
|
|
288
288
|
white-space: nowrap;
|
|
289
|
-
top:
|
|
290
|
-
height:
|
|
289
|
+
top: -1px;
|
|
290
|
+
line-height: 0px;
|
|
291
291
|
color: transparent;
|
|
292
292
|
border-bottom: solid 1px #ffffff;
|
|
293
293
|
}
|
|
@@ -301,7 +301,7 @@
|
|
|
301
301
|
box-sizing: border-box;
|
|
302
302
|
}
|
|
303
303
|
.select-wrapper :global(.sv-item--content) {
|
|
304
|
-
font-size: 0.
|
|
304
|
+
font-size: 0.875rem;
|
|
305
305
|
}
|
|
306
306
|
.select-wrapper :global(.sv-item--wrap.in-dropdown) {
|
|
307
307
|
cursor: pointer;
|
|
@@ -323,7 +323,7 @@
|
|
|
323
323
|
.select-wrapper :global .sv-control {
|
|
324
324
|
width: 100%;
|
|
325
325
|
height: 100%;
|
|
326
|
-
font-size: 0.
|
|
326
|
+
font-size: 0.875rem;
|
|
327
327
|
}
|
|
328
328
|
.select-wrapper :global .sv-control--selection {
|
|
329
329
|
flex-flow: row nowrap;
|
|
@@ -333,7 +333,7 @@
|
|
|
333
333
|
margin: -1px;
|
|
334
334
|
}
|
|
335
335
|
.select-wrapper :global .sv-control--selection span.sv-input--sizer input {
|
|
336
|
-
font-size: 0.
|
|
336
|
+
font-size: 0.875rem;
|
|
337
337
|
}
|
|
338
338
|
.select-wrapper :global .svelecte.svelecte-control {
|
|
339
339
|
cursor: pointer;
|
|
@@ -361,7 +361,7 @@
|
|
|
361
361
|
}
|
|
362
362
|
.select-wrapper .dropdown-item,
|
|
363
363
|
.select-wrapper .selection {
|
|
364
|
-
font-size: 0.
|
|
364
|
+
font-size: 0.875rem;
|
|
365
365
|
}
|
|
366
366
|
.select-wrapper .selection {
|
|
367
367
|
padding-left: 0.5rem;
|
|
@@ -169,7 +169,7 @@
|
|
|
169
169
|
box-sizing: border-box;
|
|
170
170
|
height: 100%;
|
|
171
171
|
width: 100%;
|
|
172
|
-
font-size: 0.
|
|
172
|
+
font-size: 0.875rem;
|
|
173
173
|
font-weight: 400;
|
|
174
174
|
padding-top: var(--input-padding-top, 0.65rem);
|
|
175
175
|
padding-bottom: var(--input-padding-bottom, 0.55rem);
|
|
@@ -232,12 +232,13 @@ span.right-label.for-modal {
|
|
|
232
232
|
span.for-default {
|
|
233
233
|
position: absolute;
|
|
234
234
|
left: 0.5rem;
|
|
235
|
-
font-size: 0.
|
|
235
|
+
font-size: 0.875rem;
|
|
236
236
|
user-select: none;
|
|
237
|
-
padding-left: 0.
|
|
238
|
-
padding-right: 0.
|
|
239
|
-
|
|
240
|
-
|
|
237
|
+
padding-left: 0.5rem;
|
|
238
|
+
padding-right: 0.5rem;
|
|
239
|
+
line-height: 1rem;
|
|
240
|
+
padding: 0rem 0.5rem;
|
|
241
|
+
top: calc(-0.875rem / 2 - 2px);
|
|
241
242
|
z-index: 2;
|
|
242
243
|
color: #647d8e;
|
|
243
244
|
white-space: nowrap;
|
|
@@ -249,16 +250,15 @@ span.for-default.invalid {
|
|
|
249
250
|
span.border {
|
|
250
251
|
position: absolute;
|
|
251
252
|
left: 0.5rem;
|
|
252
|
-
font-size: 0.
|
|
253
|
+
font-size: 0.875rem;
|
|
253
254
|
user-select: none;
|
|
254
|
-
padding-left: 0.
|
|
255
|
-
padding-right: 0.
|
|
256
|
-
|
|
257
|
-
padding-bottom: 0;
|
|
255
|
+
padding-left: 0.5rem;
|
|
256
|
+
padding-right: 0.5rem;
|
|
257
|
+
line-height: 1rem;
|
|
258
258
|
z-index: 1;
|
|
259
259
|
white-space: nowrap;
|
|
260
|
-
top:
|
|
261
|
-
height:
|
|
260
|
+
top: -1px;
|
|
261
|
+
line-height: 0px;
|
|
262
262
|
color: transparent;
|
|
263
263
|
border-bottom: solid 1px #ffffff;
|
|
264
264
|
}
|
|
@@ -347,7 +347,7 @@ label.for-modal {
|
|
|
347
347
|
label.for-modal span.top-label {
|
|
348
348
|
color: #647d8e;
|
|
349
349
|
--colour: #8096a5;
|
|
350
|
-
font-size: 0.
|
|
350
|
+
font-size: 0.875rem;
|
|
351
351
|
z-index: 1;
|
|
352
352
|
position: absolute;
|
|
353
353
|
top: 0.45rem;
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
box-sizing: border-box;
|
|
93
93
|
height: 100%;
|
|
94
94
|
width: 100%;
|
|
95
|
-
font-size: 0.
|
|
95
|
+
font-size: 0.875rem;
|
|
96
96
|
font-weight: 400;
|
|
97
97
|
padding-top: var(--input-padding-top, 0.65rem);
|
|
98
98
|
padding-bottom: var(--input-padding-bottom, 0.55rem);
|
|
@@ -155,12 +155,13 @@ span.right-label.for-modal {
|
|
|
155
155
|
span.for-default {
|
|
156
156
|
position: absolute;
|
|
157
157
|
left: 0.5rem;
|
|
158
|
-
font-size: 0.
|
|
158
|
+
font-size: 0.875rem;
|
|
159
159
|
user-select: none;
|
|
160
|
-
padding-left: 0.
|
|
161
|
-
padding-right: 0.
|
|
162
|
-
|
|
163
|
-
|
|
160
|
+
padding-left: 0.5rem;
|
|
161
|
+
padding-right: 0.5rem;
|
|
162
|
+
line-height: 1rem;
|
|
163
|
+
padding: 0rem 0.5rem;
|
|
164
|
+
top: calc(-0.875rem / 2 - 2px);
|
|
164
165
|
z-index: 2;
|
|
165
166
|
color: #647d8e;
|
|
166
167
|
white-space: nowrap;
|
|
@@ -172,16 +173,15 @@ span.for-default.invalid {
|
|
|
172
173
|
span.border {
|
|
173
174
|
position: absolute;
|
|
174
175
|
left: 0.5rem;
|
|
175
|
-
font-size: 0.
|
|
176
|
+
font-size: 0.875rem;
|
|
176
177
|
user-select: none;
|
|
177
|
-
padding-left: 0.
|
|
178
|
-
padding-right: 0.
|
|
179
|
-
|
|
180
|
-
padding-bottom: 0;
|
|
178
|
+
padding-left: 0.5rem;
|
|
179
|
+
padding-right: 0.5rem;
|
|
180
|
+
line-height: 1rem;
|
|
181
181
|
z-index: 1;
|
|
182
182
|
white-space: nowrap;
|
|
183
|
-
top:
|
|
184
|
-
height:
|
|
183
|
+
top: -1px;
|
|
184
|
+
line-height: 0px;
|
|
185
185
|
color: transparent;
|
|
186
186
|
border-bottom: solid 1px #ffffff;
|
|
187
187
|
}
|
|
@@ -270,7 +270,7 @@ label.for-modal {
|
|
|
270
270
|
label.for-modal span.top-label {
|
|
271
271
|
color: #647d8e;
|
|
272
272
|
--colour: #8096a5;
|
|
273
|
-
font-size: 0.
|
|
273
|
+
font-size: 0.875rem;
|
|
274
274
|
z-index: 1;
|
|
275
275
|
position: absolute;
|
|
276
276
|
top: 0.45rem;
|
|
@@ -412,19 +412,20 @@
|
|
|
412
412
|
position: absolute;
|
|
413
413
|
left: 0.5rem;
|
|
414
414
|
z-index: 1;
|
|
415
|
-
font-size: 0.
|
|
415
|
+
font-size: 0.875rem;
|
|
416
416
|
padding: 0.05rem 0.4rem;
|
|
417
417
|
color: #647d8e;
|
|
418
418
|
}
|
|
419
419
|
.select-wrapper label span:not(.border) {
|
|
420
420
|
position: absolute;
|
|
421
421
|
left: 0.5rem;
|
|
422
|
-
font-size: 0.
|
|
422
|
+
font-size: 0.875rem;
|
|
423
423
|
user-select: none;
|
|
424
|
-
padding-left: 0.
|
|
425
|
-
padding-right: 0.
|
|
426
|
-
|
|
427
|
-
|
|
424
|
+
padding-left: 0.5rem;
|
|
425
|
+
padding-right: 0.5rem;
|
|
426
|
+
line-height: 1rem;
|
|
427
|
+
padding: 0rem 0.5rem;
|
|
428
|
+
top: calc(-0.875rem / 2 - 2px);
|
|
428
429
|
z-index: 2;
|
|
429
430
|
color: #647d8e;
|
|
430
431
|
white-space: nowrap;
|
|
@@ -435,16 +436,15 @@
|
|
|
435
436
|
.select-wrapper label span.border {
|
|
436
437
|
position: absolute;
|
|
437
438
|
left: 0.5rem;
|
|
438
|
-
font-size: 0.
|
|
439
|
+
font-size: 0.875rem;
|
|
439
440
|
user-select: none;
|
|
440
|
-
padding-left: 0.
|
|
441
|
-
padding-right: 0.
|
|
442
|
-
|
|
443
|
-
padding-bottom: 0;
|
|
441
|
+
padding-left: 0.5rem;
|
|
442
|
+
padding-right: 0.5rem;
|
|
443
|
+
line-height: 1rem;
|
|
444
444
|
z-index: 1;
|
|
445
445
|
white-space: nowrap;
|
|
446
|
-
top:
|
|
447
|
-
height:
|
|
446
|
+
top: -1px;
|
|
447
|
+
line-height: 0px;
|
|
448
448
|
color: transparent;
|
|
449
449
|
border-bottom: solid 1px #ffffff;
|
|
450
450
|
}
|
|
@@ -458,7 +458,7 @@
|
|
|
458
458
|
box-sizing: border-box;
|
|
459
459
|
}
|
|
460
460
|
.select-wrapper :global(.sv-item--content) {
|
|
461
|
-
font-size: 0.
|
|
461
|
+
font-size: 0.875rem;
|
|
462
462
|
}
|
|
463
463
|
.select-wrapper :global(.sv-item--wrap.in-dropdown) {
|
|
464
464
|
cursor: pointer;
|
|
@@ -480,7 +480,7 @@
|
|
|
480
480
|
.select-wrapper :global .sv-control {
|
|
481
481
|
width: 100%;
|
|
482
482
|
height: 100%;
|
|
483
|
-
font-size: 0.
|
|
483
|
+
font-size: 0.875rem;
|
|
484
484
|
}
|
|
485
485
|
.select-wrapper :global .sv-control--selection {
|
|
486
486
|
flex-flow: row nowrap;
|
|
@@ -490,7 +490,7 @@
|
|
|
490
490
|
margin: -1px;
|
|
491
491
|
}
|
|
492
492
|
.select-wrapper :global .sv-control--selection span.sv-input--sizer input {
|
|
493
|
-
font-size: 0.
|
|
493
|
+
font-size: 0.875rem;
|
|
494
494
|
}
|
|
495
495
|
.select-wrapper :global .svelecte.svelecte-control {
|
|
496
496
|
cursor: pointer;
|
|
@@ -518,7 +518,7 @@
|
|
|
518
518
|
}
|
|
519
519
|
.select-wrapper .dropdown-item,
|
|
520
520
|
.select-wrapper .selection {
|
|
521
|
-
font-size: 0.
|
|
521
|
+
font-size: 0.875rem;
|
|
522
522
|
}
|
|
523
523
|
.select-wrapper .selection {
|
|
524
524
|
padding-left: 0.5rem;
|
|
@@ -324,19 +324,20 @@
|
|
|
324
324
|
position: absolute;
|
|
325
325
|
left: 0.5rem;
|
|
326
326
|
z-index: 1;
|
|
327
|
-
font-size: 0.
|
|
327
|
+
font-size: 0.875rem;
|
|
328
328
|
padding: 0.05rem 0.4rem;
|
|
329
329
|
color: #647d8e;
|
|
330
330
|
}
|
|
331
331
|
.select-wrapper label span:not(.border) {
|
|
332
332
|
position: absolute;
|
|
333
333
|
left: 0.5rem;
|
|
334
|
-
font-size: 0.
|
|
334
|
+
font-size: 0.875rem;
|
|
335
335
|
user-select: none;
|
|
336
|
-
padding-left: 0.
|
|
337
|
-
padding-right: 0.
|
|
338
|
-
|
|
339
|
-
|
|
336
|
+
padding-left: 0.5rem;
|
|
337
|
+
padding-right: 0.5rem;
|
|
338
|
+
line-height: 1rem;
|
|
339
|
+
padding: 0rem 0.5rem;
|
|
340
|
+
top: calc(-0.875rem / 2 - 2px);
|
|
340
341
|
z-index: 2;
|
|
341
342
|
color: #647d8e;
|
|
342
343
|
white-space: nowrap;
|
|
@@ -347,16 +348,15 @@
|
|
|
347
348
|
.select-wrapper label span.border {
|
|
348
349
|
position: absolute;
|
|
349
350
|
left: 0.5rem;
|
|
350
|
-
font-size: 0.
|
|
351
|
+
font-size: 0.875rem;
|
|
351
352
|
user-select: none;
|
|
352
|
-
padding-left: 0.
|
|
353
|
-
padding-right: 0.
|
|
354
|
-
|
|
355
|
-
padding-bottom: 0;
|
|
353
|
+
padding-left: 0.5rem;
|
|
354
|
+
padding-right: 0.5rem;
|
|
355
|
+
line-height: 1rem;
|
|
356
356
|
z-index: 1;
|
|
357
357
|
white-space: nowrap;
|
|
358
|
-
top:
|
|
359
|
-
height:
|
|
358
|
+
top: -1px;
|
|
359
|
+
line-height: 0px;
|
|
360
360
|
color: transparent;
|
|
361
361
|
border-bottom: solid 1px #ffffff;
|
|
362
362
|
}
|
|
@@ -370,7 +370,7 @@
|
|
|
370
370
|
box-sizing: border-box;
|
|
371
371
|
}
|
|
372
372
|
.select-wrapper :global(.sv-item--content) {
|
|
373
|
-
font-size: 0.
|
|
373
|
+
font-size: 0.875rem;
|
|
374
374
|
}
|
|
375
375
|
.select-wrapper :global(.sv-item--wrap.in-dropdown) {
|
|
376
376
|
cursor: pointer;
|
|
@@ -392,7 +392,7 @@
|
|
|
392
392
|
.select-wrapper :global .sv-control {
|
|
393
393
|
width: 100%;
|
|
394
394
|
height: 100%;
|
|
395
|
-
font-size: 0.
|
|
395
|
+
font-size: 0.875rem;
|
|
396
396
|
}
|
|
397
397
|
.select-wrapper :global .sv-control--selection {
|
|
398
398
|
flex-flow: row nowrap;
|
|
@@ -402,7 +402,7 @@
|
|
|
402
402
|
margin: -1px;
|
|
403
403
|
}
|
|
404
404
|
.select-wrapper :global .sv-control--selection span.sv-input--sizer input {
|
|
405
|
-
font-size: 0.
|
|
405
|
+
font-size: 0.875rem;
|
|
406
406
|
}
|
|
407
407
|
.select-wrapper :global .svelecte.svelecte-control {
|
|
408
408
|
cursor: pointer;
|
|
@@ -430,7 +430,7 @@
|
|
|
430
430
|
}
|
|
431
431
|
.select-wrapper .dropdown-item,
|
|
432
432
|
.select-wrapper .selection {
|
|
433
|
-
font-size: 0.
|
|
433
|
+
font-size: 0.875rem;
|
|
434
434
|
}
|
|
435
435
|
.select-wrapper .selection {
|
|
436
436
|
padding-left: 0.5rem;
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
box-sizing: border-box;
|
|
138
138
|
height: 100%;
|
|
139
139
|
width: 100%;
|
|
140
|
-
font-size: 0.
|
|
140
|
+
font-size: 0.875rem;
|
|
141
141
|
font-weight: 400;
|
|
142
142
|
padding-top: var(--input-padding-top, 0.65rem);
|
|
143
143
|
padding-bottom: var(--input-padding-bottom, 0.55rem);
|
|
@@ -190,7 +190,7 @@ label.for-modal {
|
|
|
190
190
|
label.for-modal span.top-label {
|
|
191
191
|
color: #647d8e;
|
|
192
192
|
--colour: #8096a5;
|
|
193
|
-
font-size: 0.
|
|
193
|
+
font-size: 0.875rem;
|
|
194
194
|
z-index: 1;
|
|
195
195
|
position: absolute;
|
|
196
196
|
top: 0.45rem;
|
|
@@ -267,12 +267,13 @@ span.right-label.for-modal {
|
|
|
267
267
|
span.for-default {
|
|
268
268
|
position: absolute;
|
|
269
269
|
left: 0.5rem;
|
|
270
|
-
font-size: 0.
|
|
270
|
+
font-size: 0.875rem;
|
|
271
271
|
user-select: none;
|
|
272
|
-
padding-left: 0.
|
|
273
|
-
padding-right: 0.
|
|
274
|
-
|
|
275
|
-
|
|
272
|
+
padding-left: 0.5rem;
|
|
273
|
+
padding-right: 0.5rem;
|
|
274
|
+
line-height: 1rem;
|
|
275
|
+
padding: 0rem 0.5rem;
|
|
276
|
+
top: calc(-0.875rem / 2 - 2px);
|
|
276
277
|
z-index: 2;
|
|
277
278
|
color: #647d8e;
|
|
278
279
|
white-space: nowrap;
|
|
@@ -284,16 +285,15 @@ span.for-default.invalid {
|
|
|
284
285
|
span.border {
|
|
285
286
|
position: absolute;
|
|
286
287
|
left: 0.5rem;
|
|
287
|
-
font-size: 0.
|
|
288
|
+
font-size: 0.875rem;
|
|
288
289
|
user-select: none;
|
|
289
|
-
padding-left: 0.
|
|
290
|
-
padding-right: 0.
|
|
291
|
-
|
|
292
|
-
padding-bottom: 0;
|
|
290
|
+
padding-left: 0.5rem;
|
|
291
|
+
padding-right: 0.5rem;
|
|
292
|
+
line-height: 1rem;
|
|
293
293
|
z-index: 1;
|
|
294
294
|
white-space: nowrap;
|
|
295
|
-
top:
|
|
296
|
-
height:
|
|
295
|
+
top: -1px;
|
|
296
|
+
line-height: 0px;
|
|
297
297
|
color: transparent;
|
|
298
298
|
border-bottom: solid 1px #ffffff;
|
|
299
299
|
}
|
|
@@ -175,7 +175,7 @@
|
|
|
175
175
|
box-sizing: border-box;
|
|
176
176
|
height: 100%;
|
|
177
177
|
width: 100%;
|
|
178
|
-
font-size: 0.
|
|
178
|
+
font-size: 0.875rem;
|
|
179
179
|
font-weight: 400;
|
|
180
180
|
padding-top: var(--input-padding-top, 0.65rem);
|
|
181
181
|
padding-bottom: var(--input-padding-bottom, 0.55rem);
|
|
@@ -238,12 +238,13 @@ span.right-label.for-modal {
|
|
|
238
238
|
span.for-default {
|
|
239
239
|
position: absolute;
|
|
240
240
|
left: 0.5rem;
|
|
241
|
-
font-size: 0.
|
|
241
|
+
font-size: 0.875rem;
|
|
242
242
|
user-select: none;
|
|
243
|
-
padding-left: 0.
|
|
244
|
-
padding-right: 0.
|
|
245
|
-
|
|
246
|
-
|
|
243
|
+
padding-left: 0.5rem;
|
|
244
|
+
padding-right: 0.5rem;
|
|
245
|
+
line-height: 1rem;
|
|
246
|
+
padding: 0rem 0.5rem;
|
|
247
|
+
top: calc(-0.875rem / 2 - 2px);
|
|
247
248
|
z-index: 2;
|
|
248
249
|
color: #647d8e;
|
|
249
250
|
white-space: nowrap;
|
|
@@ -255,16 +256,15 @@ span.for-default.invalid {
|
|
|
255
256
|
span.border {
|
|
256
257
|
position: absolute;
|
|
257
258
|
left: 0.5rem;
|
|
258
|
-
font-size: 0.
|
|
259
|
+
font-size: 0.875rem;
|
|
259
260
|
user-select: none;
|
|
260
|
-
padding-left: 0.
|
|
261
|
-
padding-right: 0.
|
|
262
|
-
|
|
263
|
-
padding-bottom: 0;
|
|
261
|
+
padding-left: 0.5rem;
|
|
262
|
+
padding-right: 0.5rem;
|
|
263
|
+
line-height: 1rem;
|
|
264
264
|
z-index: 1;
|
|
265
265
|
white-space: nowrap;
|
|
266
|
-
top:
|
|
267
|
-
height:
|
|
266
|
+
top: -1px;
|
|
267
|
+
line-height: 0px;
|
|
268
268
|
color: transparent;
|
|
269
269
|
border-bottom: solid 1px #ffffff;
|
|
270
270
|
}
|
|
@@ -353,7 +353,7 @@ label.for-modal {
|
|
|
353
353
|
label.for-modal span.top-label {
|
|
354
354
|
color: #647d8e;
|
|
355
355
|
--colour: #8096a5;
|
|
356
|
-
font-size: 0.
|
|
356
|
+
font-size: 0.875rem;
|
|
357
357
|
z-index: 1;
|
|
358
358
|
position: absolute;
|
|
359
359
|
top: 0.45rem;
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
.card .card-label {
|
|
142
142
|
color: #647d8e;
|
|
143
143
|
--colour: #8096a5;
|
|
144
|
-
font-size: 0.
|
|
144
|
+
font-size: 0.875rem;
|
|
145
145
|
}
|
|
146
146
|
.card .value {
|
|
147
147
|
flex-grow: 1;
|
|
@@ -183,12 +183,13 @@
|
|
|
183
183
|
.card.desktop .card-label.label {
|
|
184
184
|
position: absolute;
|
|
185
185
|
left: 0.5rem;
|
|
186
|
-
font-size: 0.
|
|
186
|
+
font-size: 0.875rem;
|
|
187
187
|
user-select: none;
|
|
188
|
-
padding-left: 0.
|
|
189
|
-
padding-right: 0.
|
|
190
|
-
|
|
191
|
-
|
|
188
|
+
padding-left: 0.5rem;
|
|
189
|
+
padding-right: 0.5rem;
|
|
190
|
+
line-height: 1rem;
|
|
191
|
+
padding: 0rem 0.5rem;
|
|
192
|
+
top: calc(-0.875rem / 2 - 2px);
|
|
192
193
|
z-index: 2;
|
|
193
194
|
color: #647d8e;
|
|
194
195
|
white-space: nowrap;
|
|
@@ -199,16 +200,15 @@
|
|
|
199
200
|
.card.desktop .card-label.border {
|
|
200
201
|
position: absolute;
|
|
201
202
|
left: 0.5rem;
|
|
202
|
-
font-size: 0.
|
|
203
|
+
font-size: 0.875rem;
|
|
203
204
|
user-select: none;
|
|
204
|
-
padding-left: 0.
|
|
205
|
-
padding-right: 0.
|
|
206
|
-
|
|
207
|
-
padding-bottom: 0;
|
|
205
|
+
padding-left: 0.5rem;
|
|
206
|
+
padding-right: 0.5rem;
|
|
207
|
+
line-height: 1rem;
|
|
208
208
|
z-index: 1;
|
|
209
209
|
white-space: nowrap;
|
|
210
|
-
top:
|
|
211
|
-
height:
|
|
210
|
+
top: -1px;
|
|
211
|
+
line-height: 0px;
|
|
212
212
|
color: transparent;
|
|
213
213
|
border-bottom: solid 1px #ffffff;
|
|
214
214
|
}
|
|
@@ -91,12 +91,13 @@
|
|
|
91
91
|
span.desktop-heading {
|
|
92
92
|
position: absolute;
|
|
93
93
|
left: 0.5rem;
|
|
94
|
-
font-size: 0.
|
|
94
|
+
font-size: 0.875rem;
|
|
95
95
|
user-select: none;
|
|
96
|
-
padding-left: 0.
|
|
97
|
-
padding-right: 0.
|
|
98
|
-
|
|
99
|
-
|
|
96
|
+
padding-left: 0.5rem;
|
|
97
|
+
padding-right: 0.5rem;
|
|
98
|
+
line-height: 1rem;
|
|
99
|
+
padding: 0rem 0.5rem;
|
|
100
|
+
top: calc(-0.875rem / 2 - 2px);
|
|
100
101
|
z-index: 2;
|
|
101
102
|
color: #647d8e;
|
|
102
103
|
white-space: nowrap;
|
|
@@ -108,16 +109,15 @@ span.desktop-heading.invalid {
|
|
|
108
109
|
span.desktop-heading-border {
|
|
109
110
|
position: absolute;
|
|
110
111
|
left: 0.5rem;
|
|
111
|
-
font-size: 0.
|
|
112
|
+
font-size: 0.875rem;
|
|
112
113
|
user-select: none;
|
|
113
|
-
padding-left: 0.
|
|
114
|
-
padding-right: 0.
|
|
115
|
-
|
|
116
|
-
padding-bottom: 0;
|
|
114
|
+
padding-left: 0.5rem;
|
|
115
|
+
padding-right: 0.5rem;
|
|
116
|
+
line-height: 1rem;
|
|
117
117
|
z-index: 1;
|
|
118
118
|
white-space: nowrap;
|
|
119
|
-
top:
|
|
120
|
-
height:
|
|
119
|
+
top: -1px;
|
|
120
|
+
line-height: 0px;
|
|
121
121
|
color: transparent;
|
|
122
122
|
border-bottom: solid 1px #ffffff;
|
|
123
123
|
}
|
|
@@ -149,7 +149,7 @@ li .card-row.detail,
|
|
|
149
149
|
.summary-card .card-row.detail {
|
|
150
150
|
color: #647d8e;
|
|
151
151
|
--colour: #8096a5;
|
|
152
|
-
font-size: 0.
|
|
152
|
+
font-size: 0.875rem;
|
|
153
153
|
}
|
|
154
154
|
li .card-row.detail span,
|
|
155
155
|
.summary-card .card-row.detail span {
|
|
@@ -1,4 +1,16 @@
|
|
|
1
1
|
import type { GridSelectItem } from './GridSelectItem.js';
|
|
2
|
-
|
|
2
|
+
interface _GridMultiSelectItem<V extends object, VP extends string & keyof V> extends GridSelectItem<V, VP> {
|
|
3
3
|
multi: true;
|
|
4
4
|
}
|
|
5
|
+
export interface GridMultiSelectItemAsObject<V extends object, VP extends string & keyof V> extends _GridMultiSelectItem<V, VP> {
|
|
6
|
+
valueAsObject: true;
|
|
7
|
+
value: V[];
|
|
8
|
+
updater: (v: V[]) => void;
|
|
9
|
+
}
|
|
10
|
+
export interface GridMultiSelectItemAsPrimitive<V extends object, VP extends string & keyof V> extends _GridMultiSelectItem<V, VP> {
|
|
11
|
+
valueAsObject: false;
|
|
12
|
+
value: Array<V[VP]>;
|
|
13
|
+
updater: (v: Array<V[VP] | null>) => void;
|
|
14
|
+
}
|
|
15
|
+
export type GridMultiSelectItem<V extends object, VP extends string & keyof V> = GridMultiSelectItemAsObject<V, VP> | GridMultiSelectItemAsPrimitive<V, VP>;
|
|
16
|
+
export {};
|