@fusion.dev/helix-styles 0.169.0 → 0.170.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/elements.css +128 -0
- package/package.json +1 -1
package/dist/elements.css
CHANGED
|
@@ -331,3 +331,131 @@ helix-virtual-list[align]
|
|
|
331
331
|
) {
|
|
332
332
|
text-align: inherit;
|
|
333
333
|
}
|
|
334
|
+
helix-data-table:not(:defined):has(> helix-table-row),
|
|
335
|
+
helix-data-table:not(:defined):has(> helix-table-row) > helix-table-column:not(:defined),
|
|
336
|
+
helix-data-table > helix-table-row:not(:defined),
|
|
337
|
+
helix-data-table > helix-table-row > helix-table-cell:not(:defined) {
|
|
338
|
+
visibility: visible;
|
|
339
|
+
}
|
|
340
|
+
helix-data-table:not(:defined):has(> helix-table-row) {
|
|
341
|
+
display: grid;
|
|
342
|
+
grid-template-columns: var(--data-table-columns, var(--data-table-template));
|
|
343
|
+
overflow-x: auto;
|
|
344
|
+
}
|
|
345
|
+
helix-data-table:not(:defined) {
|
|
346
|
+
--data-table-template: repeat(var(--_data-table-count, 1), minmax(max-content, 1fr));
|
|
347
|
+
}
|
|
348
|
+
helix-data-table:not(:defined):has(> helix-table-column:nth-of-type(1):last-of-type) {
|
|
349
|
+
--_data-table-count: 1;
|
|
350
|
+
}
|
|
351
|
+
helix-data-table:not(:defined):has(> helix-table-column:nth-of-type(2):last-of-type) {
|
|
352
|
+
--_data-table-count: 2;
|
|
353
|
+
}
|
|
354
|
+
helix-data-table:not(:defined):has(> helix-table-column:nth-of-type(3):last-of-type) {
|
|
355
|
+
--_data-table-count: 3;
|
|
356
|
+
}
|
|
357
|
+
helix-data-table:not(:defined):has(> helix-table-column:nth-of-type(4):last-of-type) {
|
|
358
|
+
--_data-table-count: 4;
|
|
359
|
+
}
|
|
360
|
+
helix-data-table:not(:defined):has(> helix-table-column:nth-of-type(5):last-of-type) {
|
|
361
|
+
--_data-table-count: 5;
|
|
362
|
+
}
|
|
363
|
+
helix-data-table:not(:defined):has(> helix-table-column:nth-of-type(6):last-of-type) {
|
|
364
|
+
--_data-table-count: 6;
|
|
365
|
+
}
|
|
366
|
+
helix-data-table:not(:defined):has(> helix-table-column:nth-of-type(7):last-of-type) {
|
|
367
|
+
--_data-table-count: 7;
|
|
368
|
+
}
|
|
369
|
+
helix-data-table:not(:defined):has(> helix-table-column:nth-of-type(8):last-of-type) {
|
|
370
|
+
--_data-table-count: 8;
|
|
371
|
+
}
|
|
372
|
+
helix-data-table:not(:defined):has(> helix-table-column:nth-of-type(9):last-of-type) {
|
|
373
|
+
--_data-table-count: 9;
|
|
374
|
+
}
|
|
375
|
+
helix-data-table:not(:defined):has(> helix-table-column:nth-of-type(10):last-of-type) {
|
|
376
|
+
--_data-table-count: 10;
|
|
377
|
+
}
|
|
378
|
+
helix-data-table:not(:defined):has(> helix-table-row) > helix-table-column:not([hidden]) {
|
|
379
|
+
align-items: center;
|
|
380
|
+
border-block-end: var(--helix-border-thin) solid
|
|
381
|
+
var(--data-table-rule-color, var(--helix-color-border));
|
|
382
|
+
box-sizing: border-box;
|
|
383
|
+
color: var(--data-table-heading-color, var(--helix-color-foreground-muted));
|
|
384
|
+
display: flex;
|
|
385
|
+
font-family: var(--helix-font-sans);
|
|
386
|
+
font-size: var(--data-table-text, var(--helix-text-sm));
|
|
387
|
+
font-weight: var(--helix-weight-semibold);
|
|
388
|
+
min-block-size: var(--helix-size-control-loose);
|
|
389
|
+
min-inline-size: 0;
|
|
390
|
+
padding-block: var(--data-table-padding-block, var(--helix-space-none));
|
|
391
|
+
padding-inline: var(--data-table-padding-inline, var(--helix-space-none) var(--helix-space-md));
|
|
392
|
+
}
|
|
393
|
+
helix-data-table:not(:defined):has(> helix-table-row) > helix-table-column[text-align="center"] {
|
|
394
|
+
justify-content: center;
|
|
395
|
+
}
|
|
396
|
+
helix-data-table:not(:defined):has(> helix-table-row) > helix-table-column[text-align="end"] {
|
|
397
|
+
justify-content: flex-end;
|
|
398
|
+
}
|
|
399
|
+
helix-data-table:not(:defined):has(> helix-table-row) > helix-table-column::part(column) {
|
|
400
|
+
border: none;
|
|
401
|
+
min-block-size: 0;
|
|
402
|
+
padding: 0;
|
|
403
|
+
}
|
|
404
|
+
helix-data-table > helix-table-row:not([hidden]) {
|
|
405
|
+
display: contents;
|
|
406
|
+
}
|
|
407
|
+
helix-data-table > helix-table-row > helix-table-cell {
|
|
408
|
+
border-block-end: var(--helix-border-thin) solid
|
|
409
|
+
var(--data-table-rule-color, var(--helix-color-border));
|
|
410
|
+
box-sizing: border-box;
|
|
411
|
+
color: var(--data-table-color, var(--helix-color-foreground));
|
|
412
|
+
display: block;
|
|
413
|
+
font-family: var(--helix-font-sans);
|
|
414
|
+
font-size: var(--data-table-text, var(--helix-text-sm));
|
|
415
|
+
font-weight: inherit;
|
|
416
|
+
min-block-size: auto;
|
|
417
|
+
min-inline-size: auto;
|
|
418
|
+
overflow-wrap: normal;
|
|
419
|
+
padding-block: var(--data-table-padding-block, var(--helix-space-sm));
|
|
420
|
+
padding-inline: var(--data-table-padding-inline, var(--helix-space-none) var(--helix-space-md));
|
|
421
|
+
}
|
|
422
|
+
helix-data-table > helix-table-row:last-of-type > helix-table-cell {
|
|
423
|
+
border-block-end-color: transparent;
|
|
424
|
+
}
|
|
425
|
+
helix-data-table:has(> helix-table-column:nth-of-type(1)[text-align="end"]) > helix-table-row > :nth-child(1),
|
|
426
|
+
helix-data-table:has(> helix-table-column:nth-of-type(2)[text-align="end"]) > helix-table-row > :nth-child(2),
|
|
427
|
+
helix-data-table:has(> helix-table-column:nth-of-type(3)[text-align="end"]) > helix-table-row > :nth-child(3),
|
|
428
|
+
helix-data-table:has(> helix-table-column:nth-of-type(4)[text-align="end"]) > helix-table-row > :nth-child(4),
|
|
429
|
+
helix-data-table:has(> helix-table-column:nth-of-type(5)[text-align="end"]) > helix-table-row > :nth-child(5),
|
|
430
|
+
helix-data-table:has(> helix-table-column:nth-of-type(6)[text-align="end"]) > helix-table-row > :nth-child(6),
|
|
431
|
+
helix-data-table:has(> helix-table-column:nth-of-type(7)[text-align="end"]) > helix-table-row > :nth-child(7),
|
|
432
|
+
helix-data-table:has(> helix-table-column:nth-of-type(8)[text-align="end"]) > helix-table-row > :nth-child(8),
|
|
433
|
+
helix-data-table:has(> helix-table-column:nth-of-type(9)[text-align="end"]) > helix-table-row > :nth-child(9),
|
|
434
|
+
helix-data-table:has(> helix-table-column:nth-of-type(10)[text-align="end"]) > helix-table-row > :nth-child(10) {
|
|
435
|
+
text-align: end;
|
|
436
|
+
}
|
|
437
|
+
helix-data-table:defined:is([selectable], [reorderable-rows]) > helix-table-row > :first-child {
|
|
438
|
+
grid-column-start: 2;
|
|
439
|
+
}
|
|
440
|
+
helix-data-table:defined[selectable][reorderable-rows] > helix-table-row > :first-child {
|
|
441
|
+
grid-column-start: 3;
|
|
442
|
+
}
|
|
443
|
+
helix-data-table:not(:defined):has(> helix-table-row) > [slot="toolbar"] {
|
|
444
|
+
grid-column: 1 / -1;
|
|
445
|
+
margin-block-end: var(--data-table-toolbar-gap, var(--helix-space-sm));
|
|
446
|
+
order: -1;
|
|
447
|
+
}
|
|
448
|
+
helix-data-table:not(:defined):has(> helix-table-row)::part(toolbar) {
|
|
449
|
+
padding-block-end: 0;
|
|
450
|
+
}
|
|
451
|
+
helix-data-table:not(:defined):has(> helix-table-row) > [slot="footer"] {
|
|
452
|
+
grid-column: 1 / -1;
|
|
453
|
+
margin-block-start: var(--data-table-footer-gap, var(--helix-space-sm));
|
|
454
|
+
order: 1;
|
|
455
|
+
}
|
|
456
|
+
helix-data-table:not(:defined):has(> helix-table-row):has(> [slot="footer"])::part(footer) {
|
|
457
|
+
padding-block-start: 0;
|
|
458
|
+
}
|
|
459
|
+
helix-data-table:not(:defined):has(> helix-table-row) > :is([slot="empty"], [slot="error"], [slot="loading"]) {
|
|
460
|
+
display: none;
|
|
461
|
+
}
|
package/package.json
CHANGED